반응형
1. <hn> 태그 - 제목 표시하기
기본형 : <hn> 제목 </hn>
- <hn> 태그는 일반 텍스트보다 크고 진하게 표시됩니다.
<h1> ~ <h6> 태그까지 사용할 수 있는데 <h1> 태그가 가장 크게 표시되고 <h6> 태그가 가장 작게 표시 됩니다.
코드를 작성해보겠습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 |
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title><hn>태그 사용</title>
</head>
<body>
<h1>Hello, world!</h1>
<h2>Hello, world!</h2>
<h3>Hello, world!</h3>
<h4>Hello, world!</h4>
<h5>Hello, world!</h5>
<h6>Hello, world!</h6>
</body>
</html> |
<사진 1.1>
아래 <사진 1.2>는 위 코드의 결과 화면 입니다.
<사진 1.2>
<hn> 태그의 n의 숫자가 작아질수록 제목 글씨가 커지는 것을 확인할 수 있습니다!
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] <pre>태그 사용 방법 (0) | 2018.03.07 |
|---|---|
| [HTML5] <blockquote>태그 사용 방법 (0) | 2018.03.07 |
| [HTML5] <hr> 태그 사용 방법 (0) | 2018.03.05 |
| [HTML5] <br> 태그 사용 방법 (0) | 2018.03.05 |
| [HTML5] <p> 태그 사용 방법 (0) | 2018.03.03 |