3장: 기본 HTML 태그
3.1 제목 태그
<h1>에서 <h6>까지 총 6가지가 있으며, 숫자가 작을수록 더 큰 제목을 의미합니다.<h1>: 가장 큰 제목<h2>: 두 번째로 큰 제목<h3>: 세 번째로 큰 제목<h4>: 네 번째로 큰 제목<h5>: 다섯 번째로 큰 제목<h6>: 가장 작은 제목
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>제목 태그 예제</title> </head> <body> <h1>제목 1</h1> <h2>제목 2</h2> <h3>제목 3</h3> <h4>제목 4</h4> <h5>제목 5</h5> <h6>제목 6</h6> </body> </html>
3.2 문단 태그
<p>는 텍스트 단락을 정의하는 데 사용됩니다. 여러 문단을 사용하여 텍스트를 그룹화하고, 가독성을 높일 수 있습니다.<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>문단 태그 예제</title> </head> <body> <p>이것은 첫 번째 문단입니다.</p> <p>이것은 두 번째 문단입니다.</p> </body> </html>
3.3 텍스트 포맷팅 태그
- 굵게:
<b>또는<strong> - 기울임:
<i>또는<em>
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>텍스트 포맷팅 태그 예제</title> </head> <body> <p><b>이것은 굵은 텍스트입니다.</b></p> <p><strong>이것은 강조된 굵은 텍스트입니다.</strong></p> <p><i>이것은 기울임 텍스트입니다.</i></p> <p><em>이것은 강조된 기울임 텍스트입니다.</em></p> </body> </html>
연습 문제
<h1>에서<h6>까지의 제목 태그를 사용하여 다양한 제목을 만들어 보세요.<p>태그를 사용하여 두 개의 문단을 작성해 보세요.<b>와<strong>,<i>와<em>태그를 사용하여 텍스트를 각각 굵게, 강조된 굵게, 기울임, 강조된 기울임으로 포맷팅해 보세요.
댓글
댓글 쓰기