본문 바로가기

프론트엔드/HTML

[HTML] HTML 텍스트 태그 1 <h1>~<h6>, <p>

INDEX


  • 제목 태그 <h1> ~ <h6>
  • 문단(단락) 태그 <p></p>

 

제목 태그 <h1> ~ <h6>


- html 문법 중 제목을 정의하기 위해 사용하는 태그이다.

 

- 제목 태그에서 h는 heading의 앞글자이며 h1, h2, h3, h4, h5, h6으로 이루어져 있다.

 

- 제목 태그는 브라우저에서 자동으로 볼드체(굵은 글씨체)로 표시되며 각 태그마다 줄 바꿈이 된다.

 

-  h1, h2, h3, h4, h5, h6의 크기는 각각 다르며 h1이 가장 크고 h6이 가장 작다.

   -> 주로 h1 ~ h3까지 사용, h1으로 가장 중요한 제목을 정한다.(h6은 가장 중요하지 않은 제목을 지정할 때 사용)

 

 

제목태그
제목태그 <h1> ~ <h6> 사용 vscode

 

 

문단(단락) 태그 <p></p>


- html태그 중 본문에 주로 사용하는 태그로 문단(paragraph)을 정의한다.

 

- h태그와 같이 태그 사이에 본문 내용을 집어넣는다. ( <p> 문단 정의 </p> )

 

- 브라우저에서 자동으로 줄 바꿈, 위아래 여백을 생성한다.

 

 

p태그 사용
p태그 사용, vscode

 

 

 

본 내용은 TCP SCHOOL의 내용을 참고하여 학습 후 작성하였습니다.

잘못된 정보가 있다면 알려주세요

 

 

'프론트엔드 > HTML' 카테고리의 다른 글

[HTML] HTML의 정의, 표현, 기본구조  (0) 2022.05.17