본문 바로가기
IT/html

html h 태그

by 뉴코딩맨 2023. 2. 17.

HTML의 h태그는 웹 페이지에서 제목(heading)을 표시하는 데 사용됩니다. h태그는 1부터 6까지의 크기가 있으며, 숫자가 작아질수록 제목의 크기는 작아집니다.

 

h태그는 웹 페이지에서 텍스트를 섹션(section)으로 구분하는 데 사용됩니다. 각 섹션은 한 가지 토픽을 다루고 있으며, 각 섹션의 시작 부분에는 그 섹션의 주요 내용을 나타내는 h태그가 포함됩니다. 이렇게 하면 사용자가 페이지 내용을 쉽게 이해하고 탐색할 수 있습니다.

 

사용법

 

다음은 h태그를 사용하여 웹 페이지의 구조를 만드는 예입니다.

 

<body>
  <h1>My Blog</h1>
  <h2>Introduction</h2>
  <p>Welcome to my blog! Here, you'll find articles and essays on a variety of topics, including technology, culture, and politics.</p>
  <h2>Technology</h2>
  <p>Here are some of my recent articles on technology:</p>
  <ul>
    <li><a href="article1.html">The Future of AI</a></li>
    <li><a href="article2.html">The Ethics of Data Collection</a></li>
  </ul>
  <h2>Culture</h2>
  <p>Here are some of my recent articles on culture:</p>
  <ul>
    <li><a href="article3.html">The Art of Film Scoring</a></li>
    <li><a href="article4.html">Why We Love Horror</a></li>
  </ul>
</body>

 

이 예에서는 h태그를 사용하여 각 섹션의 제목을 정의합니다. h1은 전체 페이지의 제목입니다. h2는 소개, 기술, 문화 등 세 가지 섹션의 제목입니다. 각 섹션은 해당 주제에 대한 글의 링크를 포함하는 목록으로 구성됩니다.

 

h태그는 SEO(Search Engine Optimization)에도 중요합니다. 검색 엔진은 h태그를 페이지의 내용을 이해하는 데 사용합니다. 따라서 h태그를 사용하여 중요한 키워드를 강조하는 것이 검색 엔진에게 페이지 내용을 이해시키는 데 도움이 됩니다.

'IT > html' 카테고리의 다른 글

html img 태그  (0) 2023.02.20
html a 태그  (0) 2023.02.19
html 목록 태그  (0) 2023.02.18
HTML 이란?  (0) 2023.02.17
HTML p 태그  (0) 2023.02.14

댓글