[HTML] #2 html 제목 태그, 단락 태그 (제목, 수평 줄, 줄 바꿈, 단락, 띄어쓰기)

본격적으로 태그를 사용해보고 웹페이지를 구성해보겠습니다!

 

---

제목 태그

제목을 적을 때 사용하는 태그입니다. <h1></h1>의 형태로 나타내고 숫자에 따라서 제목의 크기가 달라집니다.

 

<h1> : 제목 적기

<h2> : h1보다 작은 제목 적기

<h3> : h2보다 작은 제목 적기

......

 

 

<h1>Hello World</h1>
<h2>Hello World</h2>
<h3>Hello World</h3>
<h4>Hello World</h4>
<h5>Hello World</h5>

 

 

 

 

 

 

 

---

 

단락 태그

 

단락이나 줄 바꿈 수평줄과 관련된 태그들입니다.

 

<hr> : 수평줄 긋기

<br> : 줄바꿈

<p> : 단락 구분

<pre> : 띄어쓰기

 

 

수평줄
<hr>
Hello World!!<br>
Hello World!!<br>
Hello World!!<br>
Hello World!!<br>
<p>
p태그로 위아래 단락 구분
</p>


pre 태그로 띄어쓰기와
줄바꿈을 할          수 있게
해줍니다
<pre>
pre 태그로 띄어쓰기와
줄바꿈을 할          수 있게
해줍니다
</pre>

 

---

이상 제목 태그와 단락 태그를 알아보았습니다.