(html강좌) 6. 논리적 스타일 태그
논리적 스타일 태그는 물리적 스타일 태그와는
달리 문자가 어떠한 용도로 사용되는지 지정한다.
즉, 화면의 어느 부분이 강조될 것인지 알려주는 태그이다.
웹 브라우저에서의 표시는 기본적으로
<EM>,<VAR>,<STRONG>이 이탤릭체,
<CODE>, <SAMP>, <KBD>, <STRONG>,
<DFN>은 굵은 문자가 된다.
| 의 미 |
태그정리 |
설 명 |
| 강조 |
<EM>.....</EM> |
기울어져 이탤릭체로 나타남 |
| 강한 강조 |
<STRONG>.....</STRONG> |
굵은 글자로 나타남 |
| 컴퓨터 코드 |
<CODE>.....</CODE> |
컴퓨터 프로그램 코드를 나타낼 때 |
| 컴퓨터 상태 |
<SAMP>.....</SAMP> |
컴퓨터의 상태 메시지를 나타낼 때 |
| 키보드 입력 |
<KBD>.....</KBD> |
사용자가 키보드로 입력한 글자를
나타낼 때 |
| 변수 이름 |
<VAR>.....</VAR> |
변수의 이름을 나타낼 때 |
| 단어의 정의 |
<DFN>.....</DFN> |
단어를 정의할 때나, 실례, 사례,
예증을 나타낼 때 |
| 인용구 |
<CITE>.....</CITE> |
제목이나 참조의 인용구를 나타낼 때 |
| 짧은 인용구 |
<Q>.....</Q> |
짧은 인용구들을 포함하여 나타낼 때 |
| 요약 |
<ARG>.....</ARG> |
프로그램기능논의 및 요지, 줄거리를
설명할 때 |
| 약성어 |
<ACRONYM>.....<ACRONYM> |
머리 글자로만 이루어진 약성어를
나타낼 때 |
| 약어 |
<ABBREV>.....</ABBREV> |
약어, 생략 부호를 나타낼 때 |
(실습 - html기본소스)
<HTML>
<HEAD> <TITLE>논리적 스타일 태그</TITLE></HEAD>
<BODY>
<EM>강조 - EM 태그</EM><P>
<STRONG>강한 강조 - STRONG태그</STRONG><P>
<CODE>컴퓨터코드 - CODE태그</CODE><P>
<SAMP>컴퓨터의 상태 - SAMP태그</SAMP><P>
<KBD>키보드 입력 - KBD 태그</KBD><P>
<VAR>변수 이름 - VAR 태그</VAR><P>
<DFN>단어의 정의 - DFN태그</DFN><P>
<CITE>인용구 - CITE태그</CITE><P>
<Q>짧은 인용구 - Q 태그</Q><P>
<ARG>요약 - ARG 태그</ARG><P>
<ACRONYM>약성어 - ACRONYM태그</ACRONYM><P>
<ABBREV>약어 - ABBREV태그</ABBREV>
</BODY>
</HTML>
hwaninea.net All rights reservd