[HTML] 텍스트 태그 <h1> ~ <h6>, <p>, <br>, <pre>
2021. 6. 19. 20:04
728x90
01 제목 (Heading) // <h>
- HTML 제목을 표현할 수 있는 다양한 크기의 태그.
- 이 태그를 이용하여 키워드를 수집하고 그 내용을 파악.
- 검색 엔진에 의해 제대로 검색될 확률을 높일 수 있음.
02 단락 (Paragraph) // <p>
- 하나하나의 부분을 의미 하며 문단이라고도 부름.
- 위아래로 약간의 여백(margin)이 자동으로 삽입.
03 줄 나누기 // <br>
- 종료 태그가 없는 빈 태그 (empty tag).
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>타이포그래피</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
<p>
줄<br>
나누기
</p>
</body>
</html>
04 텍스트 서식 정의 // <pre>
- HTML 코드에서 작성한 텍스트 서식을 그대로 표현.
- <pre>태그(preformatted text) 내에 작성된 텍스트의 모든 띄어쓰기와 줄 나누기는 웹 브라우저에 그대로 표현.
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>타이포그래피</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
<pre>
줄
나누기
</pre>
</body>
</html>
728x90
'HTML > Study' 카테고리의 다른 글
| [HTML] 하이퍼링크 태그 <a>, href, title, target (1) | 2021.06.21 |
|---|---|
| [HTML] 이미지 태그 <img>, src, alt / 멀티미디어 태그 <video>, <audio> (1) | 2021.06.21 |
| [HTML] 목록 태그 <ul>, <ol>, <li>, <dl>, <dt>, <dd> (1) | 2021.06.19 |
| [HTML] 텍스트 태그 <br>, <b>, <strong>, <u>, <i>, <em>, <mark>, <hr> (1) | 2021.06.19 |
| [HTML] !DOCTYPE html, html, head, meta, meta charset='utf-8', title, body (1) | 2021.06.19 |
