본문 바로가기

Brackets41

HTML5 Tag-Table [표태그] * 주로 분할 태그인 div 태그를 사용하여 레이아웃을 구성. table 태그는 반응형 웹페이지 반영이 안 됨. tag 설명 table 표를 감싸는 태그 tr 표 내부의 행 (table row)_(th, thd 태그들을 가로로 묶는 행 그룹) th 행 내부의 제목 셀 (table heading)_(굵게, 가운데 정렬) td 행 내부의 일반 셀 (table data) 열의 요약 영역 (컨텐츠 그룹) 열 그룹 표의 머리(제목) 영역 표의 중간(본문) 영역 표의 꼬리(요약) 영역 서식화를 위해 복수개의 열을 그룹화 colgroup 요소 안의 각각의 열 속성 지정 속성 설명 width: 100% 표의 가로 길이를 100%로 표현. border-collapse: collapse 요소들(셀)의 위, 아래, 좌, 우.. 2020. 7. 29.
HTML5 Tag-List [목록태그] 순서없는 목록 (Unorderde List) "ul+li태그" Coffee Tea Milk 순서없는 목록 (Unorderde List) "ul+li태그" Coffee Tea Milk 순서있는 목록 (Order List) "ol+li태그" Coffee Tea Milk 순서있는 목록 (Order List) "ol+li태그" Coffee Tea Milk 순서있는 목록 type Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk Coffee Tea Milk 순서있는 목록 start 속성 Coffee Tea Milk 순서있는 목록 reversed 속성 Coffee Tea Milk 순서있는 목록 start 속성 Coffee Tea Milk 순서있는 목록 reversed 속성 Cof.. 2020. 7. 27.
HTML5 Tag-Text [본문태그] 1. 단락(paragraph) 태그=문단을 나눈다. "p태그" Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet rem, quibusdam error unde nostrum nisi. Autem fugit, consectetur magnam, magni laboriosam harum eligendi nesciunt odio perferendis, commodi assumenda. Sequi, minima! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus incidunt non quaerat porro. Debitis assumenda alias velit ad .. 2020. 7. 23.
HTML5 Tag-Text [글자 형태 태그] 글자 형태(Text Formatting)태그 1. 글꼴 스타일 = 굵게 "b태그/strong태그" This text is nomal. This text is bold. This text is strong 1. 글꼴 스타일 = 굵게 "b태그/strong태그" This text is nomal. This text is bold. This text is strong 2. 글꼴 스타일 = 기울임꼴 "i태그/em태그" This text is nomal. This text is emphasized. This text is emphasized. 2. 글꼴 스타일 = 기울임꼴 "i태그/em태그" This text is nomal. This text is emphasized. This text is emphasized... 2020. 7. 22.