* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.
[펌 강의] 4. 글자의 스타일 그리고 관련된 tag
본문
size="2">4. 글자의 스타일 그리고 관련된 tag
여기서는 글자의 스타일에 대해서 알아보겠습니다. 글자 스타일의 종류에는 크게 두 가지가 있습니다.
첫째, 글자가 사용되는 목적에 따라 개념적으로 스타일에 변화를 주는 것으로 논리적 스타일이라고도 합니다.
둘째, 화면에 나타나는 모양을 변화시키는 방법으로 물리적 스타일이라고도 하죠.
그러면 첫째 방법과 둘째 방법에 대해 어떠한 것이 있나 알아보도록 할께요.
① 논리적 스타일
<ABBREV>...</ABBREV> |
긴 문장을 생략해서 쓸 때 사용하는 스타일 |
<ACRONYM>...</ACRONYM> |
문장에서 약자를 나타낼 때 사용하는 스타일 |
<ARG>...</ARG> |
줄거리나 증명 등을 나타내는 문장에 사용하는 스타일 |
<CITE>...</CITE> |
문장의 특정 부분을 인용하고 싶을 때 사용하는
스타일 |
<CODE>...</CODE> |
컴퓨터의 프로그램 상에서 코드를 나타낼 때
사용하는 스타일 |
<DFN>...</DFN> |
용어에 대한 정의나 예제 등을 나타낼 때 사용하는 스타일 |
<EM>...</EM> |
문장의 특정 부분을 강조하고 싶을 때 사용하는 스타일 |
<KBD>...</KBD> |
컴퓨터의 키보드로 입력한 문장임을 나타낼 때 사용하는 스타일 |
<Q>...</Q> |
짧은 인용 문장을 나타낼 때 사용하는 스타일 |
<SAMP>...</SAMP> |
문장에서 특정 부분에 대한 예제 등을 사용하고 싶을 때 사용하는 스타일 |
<STRONG>...</STRONG> |
강조하는 부분을 나타낼 때 사용하는 스타일 |
<VAR>...</VAR> |
프로그램 변수 이름 등을 나타낼 때 사용하는 스타일 |
② 물리적 스타일
<B>...</B> |
볼드체의 약자로 강조해서 나타내고자 할 경우 사용하는 스타일 |
<BIG>...</BIG> |
문장에서 사용하는 다른 글자보다 큰 글자로 표현하고 싶을 때 사용하는 스타일 |
<BLINK>...</BLINK> |
깜박이는 문자를 표현하고 싶을 때 사용하는 스타일. 넷스케이프에서만 적용이 가능하고 익스플로어에서는 무시된다. |
<I>...</I> |
글자를 이탤릭체로 표현하고 싶을 때 사용하는 스타일 |
<S>...</S> |
밑줄이 아닌 글자의 중간에 줄을 그어 나타내고 싶을 때 사용하는 스타일 |
<SMALL>...</SMALL> |
문장에서 사용하는 다른 글자보다 작은 글자로 표현하고 싶을 때 사용하는 스타일 |
<SUB>...</SUB> |
아래첨자로 사용하고 싶을 때 사용하는 스타일 |
<SUP>...</SUP> |
위 첨자로 사용하고 싶을 때 사용하는 스타일 |
<TT>...</TT> |
타자기로 친 것과 같은 느낌을 주고 싶을 때 사용하는 스타일로 고정폭 글꼴 (Fixed Font Width)로 나타난다. |
<U>...</U> |
글자에 밑줄을 그어 나타내고 싶을 때 사용하는 스타일 |
그럼 간단하게 논리적 스타일과 물리적 스타일에 대해 예를 들어볼께요.
③ 논리적 스타일 예
<HTML>
<HEAD>
<TITLE> 논리적 스타일
표기 </TITLE>
</HEAD>
<BODY>
<H2>논리적 스타일 표기 예제</H2>
<P ALIGN="center">글자가
사용되는 목적에 따라 개념적으로 스타일에 변화를 주는
것을 말합니다.</P>
<BR><BR>
<ABBREV> size="2" color="gray">ABBREV(Abbreviation)
-- 생략</ABBREV> size="2" color="gray"><BR>
<ACRONYM> size="2" color="gray">ACRONYM(Acronym)
-- 약어</ACRONYM> size="2" color="gray"><BR>
<ARG> size="2" color="gray">ARG(Argument)
-- 논리, 이론</ARG> size="2" color="gray"><BR>
<CITE> size="2" color="gray">CITE(Citation)
-- 부분 인용</CITE> size="2" color="gray"><BR>
<CODE> size="2" color="gray">CODE(Code) --
코드</CODE> size="2" color="gray"><BR>
<DFN> size="2" color="gray">DFN(Definition)
-- 정의</DFN> size="2" color="gray"><BR>
<EM> size="2" color="gray">EM(Emphasis) --
부분 강조</EM> size="2" color="gray"><BR>
<KBD> size="2" color="gray">KBD(Keyboard)
-- 키보드 문자 입력 color="red"></KBD> size="2" color="gray"><BR>
size="2" color="red"><Q> size="2" color="gray">Q(short Quotation)
-- 짧은 인용구</Q> size="2" color="gray"><BR>
<SAMP> size="2" color="gray">SAMP(Sample) --
샘플</SAMP> size="2" color="gray"><BR>
<STRONG> size="2" color="gray">STRONG(Strong)
-- 강한 강조</STRONG> size="2" color="gray"><BR>
<VAR> size="2" color="gray">VAR(Variable)
-- 변수</VAR> size="2" color="gray"><BR>
</BODY>
</HTML>
target="_blank">결과보기 |
④ 물리적 스타일 예
<HTML>
<HEAD>
<TITLE> 물리적 스타일
표기 </TITLE>
</HEAD>
<BODY>
<H2>물리적 스타일 표기 예제</H2>
<P ALIGN="center">화면에
나타나는 모양을 변화시키는 방법을 물리적 스타일이라고
합니다.</P>
<BR><BR>
<B> size="2" color="gray">B(Boldface) --
볼드체</B> size="2" color="gray"><BR>
<BIG> size="2" color="gray">BIG(Big) -- 큰
글꼴</BIG> size="2" color="gray"><BR>
<BLINK> size="2" color="gray">BLINK(Blinking)
-- 깜빡이는 글자 color="red"></BLINK> size="2" color="gray"><BR>
size="2" color="red"><I> size="2" color="gray">I(Italics) --
이탤릭체인용</I> size="2" color="gray"><BR>
<S> size="2" color="gray">S(Strike) -- 중간
줄 긋기(?)</S> size="2" color="gray"><BR>
<SMALL> size="2" color="gray">SMALL(Small) --
작은 글꼴</SMALL> size="2" color="gray"><BR>
<SUB> size="2" color="gray">SUB(Subscript)
-- 아래 첨자</SUB> size="2" color="gray"><BR>
<SUP> size="2" color="gray">SUP(Superscript)
-- 위 첨자</SUP> size="2" color="gray"><BR>
<TT> size="2" color="gray">TT(Typewriter)
-- 타자기체</TT> size="2" color="gray"><BR>
<U> size="2" color="gray">U(Underline) --
밑줄</U> size="2" color="gray"><BR>
</BODY>
</HTML>
target="_blank">결과보기 |
|
작성일2005-02-14 16:13
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.
