본문 바로가기

웹/HTML

HTML (3) - h 태그

h1~h6 태그를 이용해서 코드를 작성하고 구현을 해보겠습니다.

보시는 것 처럼 같은 문장을 h1~h6코드를 입력해주었을 때 각각 다른 크기의 글자로 출력되는 것을 알 수 있습니다.

h 태그는 글자 크기를 설정하는 코드라고 알 수 있습니다!

 

 

 

 

 

앞 게시글에서 했던 코드를 그대로 추가해보았습니다.

분명 줄 바꿈이 되지 않고 그대로 출력 됐던 코드였습니다!

 

 

 

 

 

하지만 코드에 <h1>코드를 추가 해주니 자연스럽게 줄 바꿈도 된 모습입니다!

물론 줄 바꿈 코드가 없는 것은 아닙니다. 줄을 바꿔주는 코드도 따로 있지만 h1 태그가 줄을 바꿔주는 효과도 있다~ 정도로만 생각하시면 될 것 같습니다.

 

 

 

<요약>

h 태그 : 1~6 까지의 숫자를 사용할 수 있고, 글자는 1이 가장 크고, 6이 가장 작은 구조이다. 

             줄 바꿈 태그는 따로 있지만, 줄 바꿈도 가능하다.

' > HTML' 카테고리의 다른 글

HTML (4) - 줄 바꿈  (0) 2023.08.28
HTML (2) - strong, u 태그  (0) 2023.08.28
HTML (1) 개발환경 구축 및 Hello World 구현  (0) 2023.08.28