[HTML] Text Formatting - 8강 강의노트

여러가지 텍스트 포맷 형식들이 있다.

글자는 bold체(굵다), italic체(기울여져있다), 그 외 computer output, subscript and superscript 등등이 있다.

HTML에서는 태그를 통해 텍스트 포맷을 다루는데

bold체와 유사한 가진 <strong>태그와 bold체인 <b>가 있다.

<strong>은 중요한 문자를 표현할 때 사용하고, <b>는 볼드체(굵게)이다.

strong과 b는 육안으로 구분이 안되지만 브라우저는 위와 같이 달리 규정하고 있다.

<em>은 강조하고자 할 때, <i>는 italic체(기울임)이다.

<sub>는 아래첨자, <sup>는 윗첨자이다.

<ins>는 밑줄, <del>은 취소표시선이다.

<mark>는 형광펜 표시이다.

-HTML "Computer Output" Tags

<code>, <kbd>, <samp>, <var>태그 등을 대강 알려주는데 뭔진 잘 모르겠다.

<pre> 태그는 코더가 화면에 보이고 싶은 의도대로 글을 쓰면 그대로 나온다.

<p>태그와의 차이.

- <Abbr> Tag

약어를 포현할 때 사용하는 태그이다.

<Address> Tag

주소를 표현할 때 사용하는 태그이다.

일반적으로 css를 이용하여 img파일로 꾸며놓는데

검색엔진이 '이것이 주소 부분이다'라는 것을 명확히 알리기 위해 address 태그를 사용해야 하는 것이 맞다고 한다.

이쁘진 않다.

<bdo> Tag

문자의 흐름을 바꾸기 위해 사용하는 태그이다.

bdo 태그의 속성인 dir은 방향을 뜻하는 것으로, 값 rtl은 right to left의 약어이다. 즉, 우측에서 좌측으로 화면에 표시하라는 뜻이다.

어느 때에 쓰는지는 잘 모르겠다.

<blockquote>, <q> Tags

둘 다 인용구를 위한 태그이다.

blockquote는 특히나 긴 인용구룰 필요로할 때 사용된다.

blockquote의 속성인 cite는 인용한 웹주소를 적는 곳이다.

q 태그는 짧은 태그를 필요로할 때 사용된다.

 

<cite> Tag

어떤 일의 제목? 이라고 설명한다.

아래와 같이 사용한다.