HTML 태그익히기_1

HTML의 태그를 알아보자.

 

<h1><h2><h3><h4><h5><h6><p><br><hr><pre>

---

제목 태그 <h1>~<h6>태그

웹 페이지의 제목은 <h1>~<h6>태그를 사용하여 만든다.

h는 영어로 제목을 의미하는 heading의 약자이다.

<h1>부터 <h6>까지 6종류가 있으며 숫자가 커질수록 작은 제목이다.

 

사용방법

<h1>제목 입력</h1>

예시

결과

 

 

---

문단을 지정하는 <p>태그

<p>태그를 사용하여 문단을 지정 할 수 있다.

p는 영어로 문단을 의미하는 paragraph의 약자이다.

<p>태그를 사용하여 문단을 지정하면 위아래 작은 여백이 발생하게 된다.

 

사용방법

<p>내용</p>

예시

결과

---

줄바꿈 태그 <br>

<br>태그를 사용하여 줄바꿈을 할 수 있다.

br은 영어로 break line의 약자이다.

 

사용방법

내용<br>내용

예시

결과

---

구분선 태그 <hr>

<hr>태그로 구분선을 넣을 수 있다.

hr은 영어로 horizontal rule의 약자이다.

 

사용방법

내용<hr>내용

예시

결과

 

---

입력한 그대로를 보여주는 <pre>태그

html은 여러개의 띄어쓰기 및 줄바꿈을 하나의 빈칸으로만 인식한다.

하지만 pre 태그를 사용하면 작성한 그대로 브라우저에 보이게 할 수 있다.

pre는 preformatted text의 약자이다.

 

사용방법

내용<pre>내용</pre>내용

 

예시

결과