텍스트 관련 태그들

<hN> 태그 제목 표시하기

- 제목 텍스트 표현

- <h1> 이 가장 큰것 <h6>이 가장 작음

 

<p> 태그 - 단락 만들기

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

- <p> </p>로 표기

 

<br> 태그 줄 바꾸기

 

<hr> 태그 - 분위기 전환을 위한 수평 줄 넣기

- 수평줄을 삽입할때 사용

- 가로선이 삽입되는데 css를 이용해 가로선을 없앨 수 있다.

 

<blockquote> - 인용문 넣기

- 다른 블로그나 사이트의 글을 인용할 경우 사용

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

 

<pre> - 입력하는 그대로 화면에 표기하기

- html 에서는 많은 공백을 입력하더라고 한개의 공백만 표시된다.

- preformat의 줄임말이다.

 

<strong> <b> 굵게 표시하기

- 눈으로는 두개다 강조 표기가 된다.

- 화면 낭독기는 strong 이 강조 가 된다.

 

<em> <i>  이탤릭체로 푝기하기

- 기울여서 표기

- em 은 emphasis의 줄임말. 문장에서 흐름상 강조표현

- i 는 italic의 줄임말, 관용구 표현

 

<q> 인용 내용 표시하기

- 인용한 내용을 표기

- quote의 줄임말

- <blockquote> 태그와 다른점은 블록 레벨의 태그가 아니고 인라인 레벨 태그이기 때문에 줄바꿈 없이 한줄로 표기

 

<mark> 형광펜 효과

- 선택한 부분의 배경색이 노란색이 되면서 효과를 표기

 

<span> 줄바꿈 없이 영역 묶기

- 텍스트 단락 안에서 줄바꿈 ㅇ벗이 일부 텍스트만 묶어 스타일을 적용하려고 할 때 사용

 

<ruby> 동아시아 글자 표시

- 동아시아 국가들의 글자에 주석을 함께 표기하기 위한 용도로 사용