HTML, CSS, JS

HTML 기본태그 중 블록요소 태그 특징과 종류

cherrylollipop 2022. 11. 25. 12:00
728x90
728x90

HTML의 기본 태그 중
블록요소 태그의 특징과
블록태그의 종류
(h1~h6태그, p태그)

html의 태그는 블록요소를 가진 태그와

인라인요소를 가진 태그, 그리고

인라인과 블록요소 둘다 가진 태그로

크게 나눠집니다.

배 볼록아니고 배 불룩 아님...음...네^^

728x90

2023.02.15 - [HTML, CSS, JS] - 인라인 요소 태그 특징 및 종류

 

인라인 요소 태그 특징 및 종류

인라인 태그inline tag의 특징 및 종류 지난 글에 블록 태그를 간략히 알아보았습니다. HTML 기본태그 중 블록요소 태그 특징과 종류 HTML의 기본 태그 중 블록요소 태그의 특징과 블록태그의 종류 (h1

yeseobaek.tistory.com

 


 

블록태그block tag 특징

  1. 자동으로 줄바꿈이 된다.
    (가로너비 100% 영역)
  2. 너비값을 미지정하면,
    부모 태그와 같은 너비값이
    자동으로 설정된다.
  3. 블록요소는 블록요소와 인라인요소를
    모두 감쌀 수 있다.
  4. 너비값width과 높이값height
    지정할 수 있다.

 


 

블록태그 종류

div, p, h1~h6, address 등이 있습니다.

 


 

h1~h6 태그?

heading의 약자로 제목 역할을 담당합니다.

숫자가 작을수록, 중요도가 높고

기본으로 설정된 글자크기가 큽니다.

아래 이미지는 작성법과 결과내용입니다.

블록태그 중 h태그 h1부터 h6까지 비주얼 스튜디오 코드에 작성한 이미지 캡쳐입니다.블록태그 중 h태그 h1부터 h6까지 비주얼 스튜디오 코드에 작성한 결과, html 창에 보이는 모습 캡쳐 이미지입니다.

 


 

p 태그란?

paragraph의 약자로 문단태그입니다.

블록태그의 하나입니다.

아래 이미지는 작성법과 결과내용입니다.

728x90
728x90