6) HTML 텍스트 요소 - 글자 스타일(서식)

물리적 스타일(서식) 관련 태그

단순히 웹브라우저에 문자가 어떻게 표시될 것인가를 나타내는 글자 출력 무양만을 지정하는 태그를 의미한다.

 

태그	설명
<b>~</b>	글자를 굵게 표시
<i>~</i>	글자가 기울어진 형태(이탤릭체)로 표시
<s>~</s>	글자 가운데를 통과하는 수평줄(취소선)이 표시
<u>~</u>	글자에 밑줄 표시
<sup>~</sup>	글자가 위첨자로 표시돔
<sub>~</sub>	글자가 아래첨자로 표시됨
<small>~</small>	글자가 기본 크기보다 작은 크기로 표시됨

 

논리적 스타일(서식) 관련 태그

웹페이지상의 출력 형태보다는 태그 자체에 의미가 부여되어 있는 태그들을 말한다.

 

태그	설명	출력 모양
<cite>~</cite>	책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의할 때 사용	기울어진 형태
<code>~</code>	컴퓨터 코드를 표시
<samp>~</samp>	프로그램의 샘플(sample) 출력을 표시
<var>~</var>	변수(variable)를 표시	기울어진 형태
<dfn>~</dfn>	용어에 대한 정의(definition)를 표시	기울어진 형태
<em>~</em>	강조(emphasis)하는 내용을 표시	기울어진 형태
<strong>~</strong>	중요(importance)한 내뇽ㅇ을 표시	진하게 표시
<addr>~</addr>	축약형(abbreviation form)을 표시
<address>~</address>	실제 우편물 주소를 표시	기울어진 형태 (자동 줄바꿈)
<kbd>~</kbd>	키보드(keyboard)로 입력한 내용임을 표시
<q>~</q>	짧은 인용구(quotation)를 표시	큰따옴표가 붙은