[HTML] html의 기본 태그 사용방법

HTML에서는 다양한 텍스트 태그를 통해 콘텐츠를 표현할 수 있습니다.

웹 페이지에서 태그를 잘 활용하면 가독성이 높아지고, 사용자 경험이 향상됩니다.

 

 

<h1>~<h6>

 

<h1>대 제목 입니다.</h1>
<h2>2번째 소 제목입니다.</h2>
<h3>3번째 소 제목입니다.</h3>

 

웹 페이지에서 제목을 나타낼 때는 헤딩 태그를 사용합니다.

h1부터 h6까지 있으며 <h1> ~ <h6> 까지 태그가 있으며, 숫자가 커질수록 소 제목을 나타낼때 사용합니다.

 

헤딩 태그를 적절하게 사용하면, 페이지의 계층 구조가 명확해지고, 검색 엔진 최적화(SEO)에도 도움이 됩니다.

 

문단태그 + 강조태그

 

<p>HTML은 웹의 기초입니다. <strong>기초가 튼튼해야</strong> 나중에 더 복잡한 작업도 수월해집니다.</p>
<p>중요한 부분은 <em>이탤릭체로</em> 강조할 수 있습니다.</p>

 

<p> : p 태그는 문단을 작성하는데 사용되며, 주로 텍스트를 나타낼때 사용합니다. 

 

텍스트를 강조하기 위한 태그로는 <strong>, <em> 태그를 사용할 수 있습니다.

<strong> : <strong>으로 감싼 텍스트는 볼드체로 표현됩니다.

<em> : 이탤릭체로 표현됩니다.

 

리스트 태그

 

<ul>
  <li>HTML 배우기</li>
  <li>CSS 배우기</li>
  <li>JavaScript 배우기</li>
</ul>

<ol>
  <li>HTML 배우기</li>
  <li>CSS 배우기</li>
  <li>JavaScript 배우기</li>
</ol>

 

리스트를 나타내는 태그입니다.

<ol> : 순서가 있는 리스트를 표현할때 사용합니다.

<ul> : 순서가 없는 리스트를 표현할때 사용합니다.

<li> : 리스트의 항목을 나타낼 때 표현합니다.

 

---

 

이번 포스팅에서는 html의 기초적인 태그들에 대해 알아보았습니다.

다음 포스팅은 이미지와 링크를 통해 웹페이지의 생동감을 더해주는 방법에 대해 포스팅해볼게요 :)