Heading Tags

문단의 제목을 마크업하는 태그

HTML의 Heading Tag는 컨텐츠 제목에 해당하는 내용을 마크업할 때 사용하는 태그다.

Heading Tag는 총 6단계의 구획 제목을 나타낼 수 있고 각 단계는 숫자의 크기로 그 중요성을 분류한다. (<h1> > <h2> > ... > <h6>)

제목의 단계는 중요하지 않고 제목에 해당하는 내용을 정확하게 마크업하는게 중요하다.

  <h1>Heading 1</h1>
  <h2>Heading 2</h2>
  <h3>Heading 3</h3>
  <h4>Heading 4</h4>
  <h5>Heading 5</h5>
  <h6>Heading 6</h6>

위 코드를 실행하면 아래와 같은 결과가 출력된다.

Paragraph Tag

문단에 해당하는 내용을 마크업하는 태그

HTML의 Paragraph Tag는 하나의 문단을 나타낼때 사용한다. 이 때 문단은 HTML에서 서로 관련있는 콘텐츠를 의미한다.

Paragraph Tag는 <p>를 사용하며 사용방법은 Heading Tag와 동일하다.

  <h1>Heading 1</h1>
  <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolorum, natus.</p>

위 코드를 실행하면 아래와 같은 결과가 출력된다.

참고 자료

<header> - HTML: Hypertext Markup Language - MDN Web Docs
<p> - HTML: Hypertext Markup Language - MDN Web Docs