웹프로그래밍/html

HTML - 글꼴 관련 태그

zelkova 2011. 2. 10. 14:16

<목차로 돌아가기>

<font> 태그는 글자크기, 글자색, 글자체 등을 지정할 때 사용한다. 속성은 다음과 같다.
<font> 태그 

 속성 

 표현

설명 

 color 

<font color=blue>내용</font>

 <font color=0000ff>내용</font> 

내용의 글자색을 파란색으로 설정 

 face 

 <font face=견고딕>sodyd</font>

내용의 글꼴을 견고딕으로 설정 

 <font face="comic sans ms">

 내용의 글꼴을 comic sans ms체로 설정 

 size

 <font size=2> 내용 </font> 

 내용의 글자크기를 2로 설정 

 <font size=+1> 내용 </font> 

 기본 글자크기인 3보다 1만큼 큰 크기 4로 설정 

 <font size=-1> 내용 </font> 

 기본 글자크기인 3보다 1만큼 작은 크기 2로 설정 


<font color=#ff00dd> 내용</font>

<font face="바탕체">내용 </font>

<font size=4>내용 </font>

<font face="굴림체" color=#ff00dd size=4>내용 </font>

기본 글자크기 변경 태그
<basefont size=2>내용</basefont>

물리적인 글꼴 태그

 태그 설명 
<b>   굵은글자
 <i>  이텔릭체
 <u>  밑줄
 <strike>  취소선표시
 <tt>  타이핑체
 <sup>  위첨자
 <sub>  아래첨자
 <big>  더 크게
 <small>  더 작게


논리적인 글꼴 태그

 태그 설명 
 <em> 강조할때 사용
 <strong> 강한 강조 사용
 <code> 소스코드를 나타낼때 사용
 <samp> 샘플 출력 할때 사용
 <kbd>  키보드의 키 입력을 표현할 때 사용
 <var>  변수 일므을 지정할 때 사용
 <cite>  인용구를 나타낼때 사용
 <dfn>  단어를 정의하거나 사례를 들 때 사용



특수문자 입력방법
 

 표기법 결과
 &nbsp; 공백
 &lt; <
 &gt; >
 &amp; &
 &quot; "
 &copy; ©
 &trade; ™



<PRE>태그
스페이스와 탭키를 사용했을때 생기는 빈칸과 빈행이 그대로 출력된다.

<xmp>태그
HTML강좌 사이트를 개설할 경우 태그 설명을 많이 하는데. 이때 태그를 태그로서 역활을 하지않고 문자로 표현하도록 할 때 끔

출처: http://dreamzelkova.tistory.com/entry/위지윅과-특수문자 [꿈꾸는느티나무]

반응형

'웹프로그래밍 > html' 카테고리의 다른 글

HTML - 이미지맵(imagemap)  (0) 2011.02.10
HTML - 하이퍼링크  (0) 2011.02.10
HTML - 그림넣기 <img>태그  (0) 2011.02.10
HTML - 목록태그(ol,ul)  (0) 2011.02.10
html 의 시작  (0) 2011.02.10