•
제목 태그
•
본문 태그
•
글자와 관련된 태그
1.
제목 태그 → <h1></h1>
: 제목을 나타내고 싶을 때 사용, 중요도에 따라 1~6까지 씀
- h 는 heading 의 약자
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<h1>이것은 대제목입니다.</h1>
<h3>이것은 소제목입니다.</h3>
이것은 내용입니다.
</body>
</html>
HTML
복사
2. 본문 태그 → <p></p> / <pre></pre>
: 단락, 문단을 나타냄
- <br> 줄 바꿈 태그는 빈 요소로 종료 태그x
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<p>사람을 답답하게 만드는 방법이 두가지 있습니다.
첫번째는 하던 말을 끝까지 안하는 거고,
두번째는
</p>
</body>
</html>
HTML
복사
<!DOCTYPE html>
<html lang="kr">
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<pre>사람을 답답하게 만드는 방법이 두가지 있습니다.
첫번째는 하던 말을 끝까지 안하는 거고,
두번째는
</pre>
</body>
</html>
HTML
복사
3. 글자와 관련된 태그 → <strong></strong> / <em></em> / <sub></sub> / <sup></sup> / <ins></ins> / <del></del>
: strong은 진하게, em은 이텔릭체, sub은 아래첨자, sup은 위첨자
- 강조할 때 사용
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<p>이것은 일반적인 문장입니다.</p>
<p><strong>이것은 강조된 단어입니다.</strong>
<p>이것은 일반적인 문장입니다.</p>
<p>이것은 <em>강조된 단어</em>입니다.<p>
</body>
</html>
HTML
복사
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<p>log<sub>10</sub></p>
<p>e<sup>2</sup><p>
</body>
</html>
HTML
복사
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>텍스트</title>
</head>
<body>
<p>하루를 이겨내는 원동력은 <ins>맛있는 밥</ins>입니다.</p>
<p>하루를 이겨내는 원동력은 <del>맛있는 밥</del>입니다.<p>
</body>
</html>
HTML
복사