Frontend/HTML & CSS8 [HTML ③] 컨텐츠 태그 / 테이블 / 이미지 / 오디오 / 비디오 (html기초/개념) 1. 테이블 : 표 생성해주는 태그 : 표의 행 태그 : 표의 제목셀 태그 : 표의 일반셀 태그 테이블 만들기 th1 th2 td1 td2 td3 td4 테이블 만들기 2 테이블 제목 50px_th1 100px_th2 150px_th3 1 2 3 4 5 6 7 8 9 f1 f2 f3 테이블 셸 병합하기 태그 속성 사용해 행,열 병합 가능 colspan : 열을 합친다. rowspan : 행을 합친다. 테이블 셸 병합 td1 td2 td3 td4 1(세로(열) 합치기 2 3 4 5 6 7 8 가로 합치기 2. : 사진 넣어주기 오디오, 비디오 넣어주기 오디오 넣을 오디오가 없어서 이렇게 나오는 겁니다... 비디오 넣을 동영상이 없어서.... github.com/recordbuffer/TIL/blob/mai.. 2021. 1. 30. [HTML ②/⑤] 태그 Tag / 글자태그 / 하이퍼링크 태그 / 리스트태그 (html 기초 / 개념) 1. h1 태그입니다. h2 태그입니다. h3 태그입니다. h4 태그입니다. h5 태그입니다. h6 태그입니다. 2. 영역 구분 태그 : 단락을 나눠주는 의미(블록요소) : 입력한대로 문단 영역 지정 (블록요소) : 영역을 정의, 크기지정 가능, 줄바꿈 적용 (블록요소) : 단락 적용 안됨, 크기지정 불가, 줄바꿈도 적용X (인라인요소) : 단순 줄바꿈을 의미 : 가로 줄 긋는 태그 div 태그 첫 번째 영역 두 번째 영역 span 태그 첫 번째 영역 두 번째 영역 3. 글자 관련 태그 : 인용문 태그로 줄바꿈과 들여쓰기됨 + cite 속성을 통해 출처 추가할 수 있음 : 따옴표 붙여주는 인용문 태그 : 중요한 글자를 굵게 표기하는 태그 : 글자를 단순히 굵게 표기하는 태그 : 글자를 기울이는 태그 : .. 2021. 1. 30. [HTML ①/⑤] 구성요소 / 구조 / 블록요소 & 인라인 요소 (html기초/개념) 1. HTML 구성요소 화면에 출력될 내부 문자 태그 tag : 로 묶인 명령어로 시작태그와 종료태그가 한 세트 요소 element : 시작태그와 종료태그로 이루어진 명령어 속성 : 명령어 구체화하는 역할 속성값 : 속성이 가지는 값 2. HTML 구조 : 문서유형, 형식을 알려주는 태그 : 문서의 시작과 끝 표시 + 이 페이지가 어느 나라 언어로 되어있는지 의미한다. -> 검색 엔진이 참고 : 문서의 정보 : 화면에 출력해서 보여주는 내용 block & inline HTML 태그는 블록요소와 인라인요소로 이루어져 있다. 블록요소 block element 내용 길이 상관 없이 요소 자체가 전체 기본 줄바꿈 텍스트, 인라인 요소 포함되어 있음 블록 요소 안에 블록 요소 가능 기본 직사각형 형태 + w.. 2021. 1. 30. CSS (CSS기초 / 생활코딩 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / CSS 실습 / 비주얼스튜디오) HTML의 공부를 어느정도 끝내고 CSS에 들어갔다. HTML : 웹 구조 정의 작성 CSS: 웹 디자인 요소 표현 맨 몸(HTML)에 이런 저런 옷을 입어보는게 CSS라고 할 수 있다. 2021/01/16 - [IT 독학/WEB] - 생활코딩_HTML (HTML 기초 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / HTML 실습 / 비주얼스튜디오 / vscode 실습 환경설정 / vscode 한국어) 생활코딩_HTML (HTML 기초 / 웹개발 입문 / 웹개발자 / 백엔드 개발자 / HTML 실습 / 비주얼스튜디오 / v 생활코딩으로 HTML을 시작하려 한다. opentutorials.org/course/3084 WEB1 - HTML & Internet - 생활코딩 --- 우리는 지금부터 코딩 웹 인.. 2021. 1. 20. 이전 1 2 다음
