텍스트 포맷

문자 스타일

* 논리적 스타일 - 텍스트가 사용되는 방식을 가리킨다.(강조, 인용, 정의 등)

1. <em></em> - 강조하는 텍스트(강조하는 텍스트)
2. <stront></strong> - 강하게 강조하는 텍스트(강하게 강조하는 텍스트)
3. <code></code> - 프로그램 코드 샘플(프로그램 코드 샘플)
4. <samp></samp> - 샘플 텍스트(샘플 텍스트)
5. <kbd></kbd> - 사용자가 입력한 것 같은 텍스트(사용자가 입력한 것 같은 텍스트)
6. <var></var> - 프로그램 변수명(프로그램 변수명)
7. <dfn></dfn> - 정의나 정의되는 단어(정의나 정의되는 단어)
8. <cite></cite> - 인용(인용)

* 물리적 스타일 - 텍스트가 포맷되는 방식을 명시한다.(굵게, 밑줄 등)

1. <b></b> - 굵은 텍스트(굵은 텍스트)
2. <i></i> - 이탤릭 텍스트(이탤릭 텍스트)
3. <tt></tt> - 타이프체 텍스트(타이프체 텍스트)
4. <u></u> - 밑줄있는 텍스트(밑줄있는 텍스트)
5. <s></s> - 라인이 중간을 관통하는 텍스트(라인이 중간을 관통하는 텍스트)
6. <big></big> - 주변보다 더 큰 글꼴의 텍스트(주변보다 더 큰 글꼴의 텍스트)
7. <small></small> - 주변보다 더작은 글꼴의 텍스트(주변보다 더작은 글꼴의 텍스트)
8.  - 윗 첨자 텍스트(¹/₄)
9.  - 아래 첨자 텍스트(¹/₄)

미리 포맷된 텍스트 - <pre>...</pre>

'preformatted'를 의미하는 <pre>를 사용하면 내용은 시스템의 고정폰트로 표시되며, 에디팅할 때와 같은 형태로 브라우저에 나타난다. 다시 말하면 HTML 문서 안에서 빈칸이 여러개 들어가 있거나 특정 위치에 줄 바꾸기가 있을 경우에도 그대로 보여지게 된다. 즉, 일반 텍스트 문서 그대로를 보여주는 것과 같은 효과가 나타난다. 프로그램 소스(source) 코드의 내용을 보여줄 때 유용하다.

예제보기

인용하기 - <BLOCKQUOTE> ...... </BLOCKQUOTE>

인용문을 사용할 경우에는 <BLOCKQUOTE> 태그를 사용한다. 문단의 왼쪽과 오른쪽에 약간의 여백이 생기고 경우에 따라서는 내용이 이탤릭체로 표시되기도 한다. 대부분의 웹 브라우저에서는 이러한 경우에 주변의 다른 내용과는 구분이 될 수 있도록 들여쓰기를 한다.

예제보기

연락처나 저작권 - <ADDRESS> ...... </ADDRESS>

<ADDRESS> 태그는 문서 작성자를 명시해주며, E-mail처럼 타인들이 문서 작성자와 접촉할 수 있는 수단을 제공해 주는 역할을 한다. 일반적으로 문서의 마지막에 위치시킨다. 이텔릭체로 표현된다.

예)

  <ADDRESS>궁금한 사항이나 요청사항이 있으면 <A HREF="mailto:[email protected]">[email protected]</A>로 메일 주세요.</ADDRESS>

중앙정렬 - <center> ... </center>

수평분리선(수평선) - <hr>

속성 : size="n", width="pixles|%", align="left|right|center", noshade
수평선이 놓여지게 된다. HTML 문서에서 내용과 내용의 분리를 보다 확실하게 하기 위해서 사용한다.
size는 줄의 굵기, width는 줄의 길이를 지정한다. noshade는 음영 표시가 없는 줄을 그리는데 쓰인다.

다른 예제보기