반응형
안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다.
오늘 진행할 수업은 html 본문에서 사용하는 제목 태그 <h1>, <h2>, <h3>, <h4>, <h5>, <h6> 총 6 가지 제목을 사용하는 방법에 대해서 알아보겠습니다.
반응형
제목 태그의 종류는 총 6 가지의 종류로 나눠져있으며, 차이점은 뒤에 어떤 숫자를 사용하는가에 따라서 글자의 크기가 크거나 또는 작습니다. 사용방법은 아래 예시를 통해서 확인해볼까요?
예시
<DOCTYPE html>
<html>
<head>
<h1>가장 큰 제목은 h1 태그입니다.</h1>
<h2>h1 다음으로 큰 제목 h2입니다.</h2>
<h3>h2 다음으로 큰 제목 h3입니다.</h3>
<h4>h3 다음으로 큰 제목 h4입니다.</h4>
<h5>h4 다음으로 큰 제목 h5입니다.</h5>
<h6>가장 작은 제목은 h6 태그입니다.</h6>
</head>
</html>
예시 결과
h1 제목 태그
h2 제목 태그
h3 제목 태그
h4 제목 태그
h5 제목 태그
h6 제목 태그
위와 같이 h1 태그 ~ h6 태그까지 알아봤는데요. h1 태그에서 h6태그로 갈수록 점점 크기가 작아지는 것을 볼 수 있습니다.
가장 많이 사용하는 제목 태그는 h1 태그와 h2 태그를 대부분 많이 사용하게 됩니다. 홈페이지의 이름은 h1 태그 블로그 제목은 h2 태그 블로그 소제목은 h3 태그 이렇게 주로 사용하시는 태그라고 보시면 됩니다.
오늘은 이렇게 간단하게 제목 태그를 사용하는 방법과 제목 태그의 종류에 대해서 알아보는 시간을 만들었는데요. 꼭 복습하시고 다음 시간도 의미 있는 코딩 수업을 만들어오겠습니다.
반응형
'프로그래밍 > HTML' 카테고리의 다른 글
| 6강 - 단락 태그 (p tag) (0) | 2019.02.26 |
|---|---|
| 5강 - 굵은 글씨 태그 (strong tag) (0) | 2019.02.25 |
| 제 3강 - 메타 태그(meta tag) 종류 & 의미 (0) | 2019.02.20 |
| 제 2강 - 메타 태그 (meta tag) 기본 (0) | 2019.02.19 |
| 제 1강 - html 기본 태그 (0) | 2019.02.18 |