본문 바로가기

HTML

HTML body 내부 태그 요소 - 블록요소(block element)

블록요소(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>
    대부분의 요소를 특별한 제한없이 포함 가능하며, 블록요소+인라인 요소를 포함할 수 있습니다.