<h1> ~ <h6> 태그

약 3분

본문 듣기

HTML: <h1> ~ <h6> 태그

안녕하세요! HTML의 첫 걸음을 내딛으신 것을 축하드립니다. 이번 강의에서는 웹 페이지의 제목과 글머리를 다루는 부터 까지의 태그에 대해 알아보겠습니다.

코드 html

<!DOCTYPE html>
<html>
<head>
    <title>제목 태그 예제</title>
</head>
<body>
    <h1>나의 첫 번째 웹 페이지</h1>
    <h2>소개</h2>
    <h3>내 취미</h3>
    <h4>여행</h4>
    <h5>사진 촬영</h5>
    <h6>소셜 미디어</h6>
</body>
</html>

위의 코드를 첫 번째 웹 페이지에 입력해 보세요. 그러면 웹 브라우저에서 각각의 태그가 어떻게 보이는지 확인할 수 있습니다. 은 가장 크게, 은 가장 작게 표시되는 것을 볼 수 있을 거예요.

이제 각 태그의 사용 목적을 생각해보세요. 예를 들어, 은 페이지 전체의 주제를 나타내고, 는 그 주제에 대한 부제를 나타냅니다. 이러한 구조는 사용자에게 정보를 보다 쉽게 전달하는 데 도움을 줍니다.

강의의 핵심 요약입니다. 이번 강의에서는 에서 까지의 제목 태그를 배우며, 웹 페이지의 구조를 정의하는 데 어떻게 사용되는지 알아보았습니다.

실습 문제: 아래의 문장을 참고하여 나만의 제목 구조를 만들어보세요.

웹 페이지의 주제를 나타내는 제목
주제에 대한 두세 개의 소주제

각 제목 태그를 적절히 사용해보세요!

프로젝트: 이름, 나이, 취미 등을 포함한 자기소개 페이지를 만들어 보세요. 각 정보를 제목 태그를 이용해 구분해 보세요.

HTML에서는 제목 태그가 중요한 역할을 합니다. 웹 페이지가 명확하고 이해하기 쉽게 구성될 수 있도록 도와줍니다. 실무에서 이와 같은 기본적인 구조를 잘 이해하고 적용하는 것이 매우 중요합니다.

<h1> ~ <h6> 태그

HTML: <h1> ~ <h6> 태그

댓글 0