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