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 |