본문 바로가기

HTML 5

Text Tag : Block Level

1. <hn> 태그 : 제목 표시하기 (heading)

<h1>제목</h1>
<h2>제목</h2>
<h3>제목</h3>
<h4>제목</h4>
<h5>제목</h5>
<h6>제목</h6>

 

일반 텍스트와 비교될 수 있게 굵게 표현되며, 숫자가 작을수록 크기는 커진다. 

즉 1이 가장 큰 글씨이며, 6이 가장 작은 글씨이다.

 

2. <p> 태그 : 단락 만들기 (paragragh)

<p>
	텍스트를 사용할 때 가장 많이 사용되며, 
    별도의 줄바꿈 태그가 없는 경우에는 한 줄로 표기된다. 
    다만 웹 상에서 한 줄에 표기 가능한 범위가 넘어가면 자동으로 줄을 바꾼다.
</p>

 

3. <br> 태그 : 줄 바꿈 (break)

<p>
	텍스트를 사용할 때 가장 많이 사용되며, <br>
    별도의 줄바꿈 태그가 없는 경우에는 한 줄로 표기된다. <br>
    다만 웹 상에서 한 줄에 표기 가능한 범위가 넘어가면 자동으로 줄을 바꾼다.
</p>

 

4. <hr> 태그 : 수평 줄 추가 (horizontal)

<hr>

 

 

5. <blockquote> 태그 : 인용문 넣기

<blockquote cite="www.html.com">
	인용할 내용을 작성한다. 
    cite 라는 속성을 사용할 수 있는데 인용하고자 하는 주소를 적는다.
</blockquote>

<p> 태그와 달리 들여 쓰기 되어 나타난다.

 

 

 

6. <pre> 태그 - 입력한 내용 그대로 반영하기 (preformat)

<pre>
	이 태그 내부에 표현되는 문장은 그대로 반영된다.
    즉 함수 내용 등도 그대로 표현할 수 있다.
    funtion f(){
    	var num = 10;
 		alter(num);
    }
</pre>

 

 

 

'HTML 5' 카테고리의 다른 글

<a> : 링크 만들기  (0) 2022.10.01
<img> : 이미지 삽입하기  (0) 2022.10.01
<table>, <th>, <tr>, <td> : 표를 만드는 태그  (0) 2022.10.01
<ul>, <ol> : 태그로 목록 만들기  (1) 2022.09.30
Text Tag : Inline Level  (0) 2022.09.30