728x90
반응형
ㄱ. 공간분할태그
: div, span
| 태그 | 설명 |
| div | 블록 형식으로 공간 분할 |
| span | 인라인 형식으로 공간 분할 |
<body>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
</body>
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
ㄴ. 시맨틱 태그
| 태그 | 설명 |
| header | 머리말 |
| nav | 하이터링크를 모아둔 내비게이션 |
| aside | 본문흐름에 벗어나는 노트, 팁 |
| section | 문서의 장이나 절 |
| article | 본문과 독립적 콘텐츠 영역 |
| footer | 꼬리말 |
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 08. 박스속성 (margin, padding) (0) | 2022.10.17 |
|---|---|
| [HTML5] 07. 반응/상태 선택자 (:hover, :active, :focus, :enabled, :disabled) (0) | 2022.10.17 |
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
| [HTML5] 04.미디어 태그 (img,src,audio,video) (0) | 2022.10.13 |
| [HTML5] 03.테이블 태그 (table,tr,th,td,colspan,rowspan) (0) | 2022.10.13 |
728x90
반응형
ㄱ. 공간분할태그
: div, span
| 태그 | 설명 |
| div | 블록 형식으로 공간 분할 |
| span | 인라인 형식으로 공간 분할 |
<body>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<div>div 태그 - block 형식</div>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
<span>div 태그 - inline 형식</span>
</body>
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - block 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
div 태그 - inline 형식
ㄴ. 시맨틱 태그
| 태그 | 설명 |
| header | 머리말 |
| nav | 하이터링크를 모아둔 내비게이션 |
| aside | 본문흐름에 벗어나는 노트, 팁 |
| section | 문서의 장이나 절 |
| article | 본문과 독립적 콘텐츠 영역 |
| footer | 꼬리말 |
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 08. 박스속성 (margin, padding) (0) | 2022.10.17 |
|---|---|
| [HTML5] 07. 반응/상태 선택자 (:hover, :active, :focus, :enabled, :disabled) (0) | 2022.10.17 |
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
| [HTML5] 04.미디어 태그 (img,src,audio,video) (0) | 2022.10.13 |
| [HTML5] 03.테이블 태그 (table,tr,th,td,colspan,rowspan) (0) | 2022.10.13 |
