블록요소(block element)
- <h1></h1>~<h6></h6>
문서의 주요 타이틀에 사용되며, 높은 제목일수록 중요도가 높습니다.
대제목, 중제목, 소제목, 소소제목 등등 으로 구성이 되며, HTML5에서는 섹션 콘텐츠 마다 사용 가능합니다. - <p></p>
텍스트의 문단(단락, 문장) 등을 구분할 때 사용합니다.
스페이스는 띄어쓰기 한번이라고 인식하며, p태그 안에 <br/>로 줄바꿈이 가능합니다. - <ul></ul>,<ol></ol>,<li></li>
목록이 있는 집합을 나열할 때 사용하며, 각 집합의 유형에 따라 특징이 다릅니다.
- <ul></ul> : 순서가 필요없는 목록이며, ul 안에는 li만 포함이 가능합니다.
- <ol></ol> : 순서가 필요한 목록이며, ol 안에는 li만 포함이 가능합니다.
- <li></li> : 각 목록의 아이템이며, 블록요소+인라인요소 포함이 가능합니다.
<h4>과일 바구니 목록</h4> <ul> <li>딸기</li> <li>사과</li> </ul> <h4>일간 음원 차트 순위</h4> <ol> <li>bts-butter</li> <li>justin bieber-peaches</li> </ol>
- <dl></dl>, <dt></dt>, <dd></dd>
용어와 설명의 집합을 나열할 때 사용합니다.
- <dl></dl> : 용어와 설명의 그룹이며, dt,dl만 포함이 가능합니다.
- <dt></dt> : 용어의 제목이며, 블록요소는 포함이 안됩니다.
- <dd></dd> : 용어의 설명으로, 블록요소+인라인 요소 포함 가능합니다.<dl> <dt>보배롭다 [보ː배롭따]</dt> <dd>형용사 귀하고 소중한 가치가 있다.</dd> </dl>
- <table></table>, <tr></tr>,<td></td>
표를 만들 때 사용합니다.
- <table></table> : 표(행과 열)의 그룹이며, tr,td 만 포함가능합니다.
- <tr></tr> : 표의 1행
- <td></td> : 표의 1열 - <div></div>
대부분의 요소를 특별한 제한없이 포함 가능하며, 블록요소+인라인 요소를 포함할 수 있습니다.
'HTML' 카테고리의 다른 글
테이블(table) 구성 요소 및 사용법 (0) | 2021.06.29 |
---|---|
HTML body 내부 태그 요소 - 인라인 요소(inline element) (0) | 2021.06.29 |
HTML 5 시맨틱 (Semantic)마크업 (0) | 2021.06.28 |
HTML body 내부 태그 요소 - 블록요소(block element) & 인라인 요소(inline element) 특징 (0) | 2021.06.28 |
HTML head 요소 (0) | 2020.07.20 |