반응형
<h1></h1> : 제목태그 (굵은 글씨)
h1 ~ h5 크기에 따라 화면에 다르게 보임
<b></b> : 굵은 글씨
<p></p> : 단락
<i></i> : 기울림
<small></small> : 글자 작게 보임
<sub></sub> : 아래첨자
<sup></sup> : 윗 첨자
<ins></ins> : 밑줄
<del></del> : 취소선
<hr></hr> : 중앙선
<br> : 줄바꿈
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<!-- 문서 자동 정렬 단축키 : ctrl + alt + l -->
<!-- h1 : 제목태그 (굵은 글씨) h1 ~ h5(크기에 따라 화면에 다르게 보임) -->
<!-- 자동 줄바꿈 일어남 -->
<!-- ctrl + d : 줄복사 -->
<!-- b : 굵은 글씨(bold) -->
<!-- p : 단락태그 (paragraph), 일반글씨 사용 -->
<p><b>Lorem ipsum dolor</b></p>
<h5>Lorem ipsum dolor</h5>
<!-- i : 글자 기울림(italic) -->
<h5><i>Lorem ipsum dolor</i></h5>
<!-- small : 글자 작게 보임 태그 -->
<h5><small>Lorem ipsum dolor</small></h5>
<!-- sub : 아래첨자 -->
<h5>Lorem <sub>ipsum</sub> dolor</h5>
<!-- sup : 윗 첨자 -->
<h5>Lorem <sup>ipsum</sup> dolor</h5>
<!-- ins : 밑줄 -->
<h5><ins>Lorem ipsum dolor</ins></h5>
<!-- del : 취소선 -->
<h5><del>Lorem ipsum dolor</del></h5>
<!-- hr : 중앙선 -->
<hr />
<!-- br : 줄바꿈(*) -->
Lorem ipsum dolor<br>
Lorem ipsum dolor
</body>
</html>
반응형
'HTML > HTML 이론' 카테고리의 다른 글
| [HTML] 태그 요약 (0) | 2023.08.03 |
|---|---|
| [HTML] 미디어 삽입 (0) | 2023.08.03 |
| [HTML] 표 만들기 (0) | 2023.08.03 |
| [HTML] 순서가 있는 목록, 순서가 없는 목록 태그 (0) | 2023.08.02 |
| [HTML] 기본단축키 및 실습 (0) | 2023.08.01 |