[HTML] 텍스트 관련 태그(1) - block으로 묶어 처리하는 태그

 

 

 

h1 ~ h6

<h1></h1> ~ <h6></h6>

- 제목 표시

- heading의 줄임말

- 일반 텍스트보다 굵고 진하게 표시된다.

- 글자 크기 h1 > h2 > h3 > h4 > h5 > h6

 

 

p

<p></p>

- 단락을 나누어주는 태그

- paragraph의 줄임말

- 단락이란 ? 앞뒤에 줄바꿈이 있는 텍스트 덩어리

 

 

br

<br>

- 줄 바꿈 태그

- break의 줄임말

- 닫는 태그가 없다.

 

 

hr

<hr>

 

- 수평 줄 태그

- horizontal의 줄임말

- 닫는 태그가 없다.

 

 

blockquote

<blockquote></blockquote>

- 인용문

- 다른 텍스트보다 안으로 들여 써진다.

- 인용한 사이트 주소가 명확할 경우, cite 속성을 이용해 인용 사이트 주소를 표시해주도록 하자.

 

 

pre

<pre></pre>

- 입력하는 그대로 화면에 표시하는 태그

- preformat의 줄임말

- 공백, 태그 등이 모두 표시 된다.

- 주의해야할 것은 접근성을 고려해야한다는 것. 웹 문서를 소리로 읽어 주는 기계나 점자로 표시해 주는 기계는 <pre> 태그가 적용된 부분을 만나면 건너뛰어 버리기 때문이다. 따라서 그 부분의 내용을 알 수 있도록 대체 텍스트를 추가하는 것이 좋다.