[HTML] HTML 텍스트 요소를 정리해 보자 - 제목과 문단

HTML 텍스트 요소를 정리해 보자 - 제목과 문단

 

제목 (Heading)

 

HTML은 문서의 제목을 정의하는 요소로서 여섯 개의 <h> 태그를 제공합니다.
<h1> 태그로부터 <h6> 태그까지 크기가 점점 작아집니다.

---

h1 태그입니다.

h2 태그입니다.

h3 태그입니다.

h4 태그입니다.

h5 태그입니다.

h6 태그입니다.

<h1>h1 태그입니다.</h1>
<h2>h2 태그입니다.</h2>
<h3>h3 태그입니다.</h3>
<h4>h4 태그입니다.</h4>
<h5>h5 태그입니다.</h5>
<h6>h6 태그입니다.</h6>

---

<h> 태그는 검색엔진에 의해 문서의 제목으로 인식되고 키워드를 수집하는 수단으로써 중요한 역할을 맡고 있습니다.

 

 

 

문단 (Paragraph)

 

내용의 문단을 표현하기 위해 HTML은 <p> 태그를 제공합니다.

---

HTML 텍스트 요소를 정리해보자

HTML

텍스트 요소를

정리해보자

<h3>HTML 텍스트 요소를 정리해보자</h3>
<p>HTML</p>
<p>텍스트 요소를</p>
<p>정리해보자</p>

---

<p> 태그는 문단을 나눠주는 태그이기 때문에 자동으로 한줄의 줄 바꿈이 실행됩니다.
하지만 두줄, 세줄의 줄바꿈은 제공하지 않기 때문에 추가적인 줄 바꿈이 필요한 경우 <br> 태그를 사용할 수 있습니다.

---

HTML 텍스트 요소를 정리해보자

HTML 텍스트 요소를 정리해보자

HTML
텍스트 요소를


정리해보자

<h3>HTML 텍스트 요소를 정리해보자</h3>
<p>HTML
텍스트 요소를



정리해보자</p>

<br>

<p>HTML<br>
텍스트 요소를<br><br><br>
정리해보자</p>

---

또한 HTML 문서에서는 두번세번의 띄어쓰기도 제공되지 않는데, 이를 위해 <pre> 태그를 사용할 수도 있습니다.
인위적인 구분선을 삽입하기 위해 <hr> 태그도 사용할 수 있습니다.😉
(알고계시겠지만 <br> 태그와 <hr> 태그는 닫는 태그가 없는 빈 태그(Empty tag)입니다.)

---

HTML 텍스트 요소를 정리해보자

HTML 텍스트 요소를 정리해보자

HTML    텍스트 요소를    정리해보자

---

HTML
텍스트 요소를



정리해보자

<h3>HTML 텍스트 요소를 정리해보자</h3>
<p>HTML    텍스트 요소를    정리해보자</p>

<br>

<pre>HTML    텍스트 요소를    정리해보자</pre>

<hr>

<pre>HTML
텍스트 요소를



정리해보자
</pre>

---

 

도움이 되어드렸다면 구독 / 좋아요 부탁드립니다.👏🏻

감사합니다.🙂

 

* 참고 : http://www.tcpschool.com/