HTML text 텍스트 요소

<blockquote>

속성 : cite = "" - 인용문 출저 url을 넣어준다. / 브라우저만 알고 있는 정보이다.

- 앞쪽에 여백이 들어가있다.

- 긴 인용문

 

<q>

속성 : cite = "" - 인용문 출저 url을 넣어준다. / 브라우저만 알고 있는 정보이다.

"문자에 쌍따옴표를 묶어준다."

- 짧은 인용문

 

<p>

- p태그에 블록요소가 들어오면 안된다.

 

<pre>

- 띄어쓰기, 줄바꿈 등 요소내의 공백문자를 그대로 유지하여 나타낸다.

- 고정폭의 글꼴을 가지고 있다. 

ex) AAAAA, IIIII의 폭이 모두 같게 나타낸다.

 

<figure>

- 독립적인 콘텐츠를 나타낸다.

- img태그와 figcaption으로 이미지와 문구를 같이 묶어서 나타낸다.

- <figcaption>이랑 같이 사용된다. / 문구!

- <p>, <blockquote>, <q> 등 다양한 텍스트요소와 같이 사용할 수 있다.

 

<hr>

- 가로 줄을 나타낸다.

 

<abbr>

- <abbr title ="World Wide Web">WWW</abbr> 전역속성인 title을 사용해서 정보를 알릴수있다.

- 약어를 설명할 때 사용한다.

 

<address>

- 주소를 나타낼 때 사용한다.

 

<cite>

- 출처를 나타낼 때 사용한다.

 

<bdo>

- 텍스트를 반대방향으로 나타내게 할 수있다.

- <bdo dri = "rtl"> 

 

<mark>

- 현재 맥락에 관련이 깊거나 중요한 곳에 하이라이트로 표시한다.

 

<sup>

- 글자를 기준선에 윗부분에 작게 나타낼 때

 

<sub>

- 글자를 기준선에 아랫부분에 작게 나타낼 때

 

<del>

- 글자가 제거 된 텍스트 범위를 나타낼 때

- datetime 속성 으로 시점을 나타낼 수 있다.

 

<ins>

- 글자가 추가 된 텍스트 범위를 나타낼 때

- datetime 속성 으로 시점을 나타낼 수 있다.

 

<code>

- 코드 조각을 나타내는 스타일을 사용하여 자신의 콘텐츠를 표시합니다.

- 여러줄의 코드를 나타내려면 pre를 겉에 감싸서 사용할 수 있다.

 

<kbd>

- 키보드 의 키 를 나타낼때 사용한다.

 

<a>

- mailto: 메일주소를 입력하여 바로 보낼 수 있음

- tel : 전화번호를 입력하여 전화를 걸 수 있음