HTML 강좌 3편. <FONT>, <BIG>, <STRONG>, <CENTER>, <SUB>..
3-1 <FONT>..</FONT>
이번에 배울 FONT 태그는, 문자의 색과 크기와 폰트를 지정할 수 있습니다. FONT 태그에 사용되는 속성은 아래와 같습니다. (해당 폰트를 가지고 있지 않을때는 times, courier체로 보임)
<FONT
color="#색상코드" 글의 색상
size="숫자" 글의 크기(1~7)
face="폰트" 글의 폰트
>
사용 예:
<HTML>
<HEAD>
<TITLE>FONT 태그</TITLE>
</HEAD>
<BODY>
<FONT color="#FF5600" size="7" face="맑은 고딕">맑은 고딕!</FONT>
</BODY>
</HTML>
3-2 <BIG>, <SMALL>, <EM>, <I>, <U>, <STRONG>, <B>, <SUB>, <SUP>
<BIG>..</BIG> 태그는 기본 폰트크기를 한단계 더 크게합니다.
<HTML>
<HEAD>
<TITLE>BIG 태그</TITLE>
</HEAD>
<BODY>
<BIG>크게!</BIG>
</BODY>
</HTML>
<SMALL>..</SMALL> 태그는 기본 폰트크기에서 한단계 작게합니다.
<HTML>
<HEAD>
<TITLE>SMALL 태그</TITLE>
</HEAD>
<BODY>
<SMALL>작게!</SMALL>
</BODY>
</HTML>
<EM>..</EM>, <I>..</I> 태그는 같은 역할을 하나 EM이 알아보기 쉬우므로 EM이 더 많이 쓰이는 추세입니다.
글자를 기울이는(이탤릭 체) 역할을 합니다.
<HTML>
<HEAD>
<TITLE>EM, I 태그</TITLE>
</HEAD>
<BODY>
<EM>이탤릭 체!</EM>
<I>이탤릭 체!</I>
</BODY>
</HTML>
<STRONG>..</STRONG>, <B>..</B> 이 두 태그는 보기엔 둘다 같으나, 가지는 성격은 서로 다릅니다.
B는 단순히 글자를 굵게 하고 싶을때 사용하며, STRONG은 글자를 '강조'한다는 의미를 가지고 있습니다.
<HTML>
<HEAD>
<TITLE>STRONG, B 태그</TITLE>
</HEAD>
<BODY>
<STRONG>글자를 굵게!</STRONG>
<B>글자를 굵게!</B>
</BODY>
</HTML>
<CENTER>..</CENTER>는 가운데 정렬 시켜주는 태그입니다.
<HTML>
<HEAD>
<TITLE>CENTER 태그</TITLE>
</HEAD>
<BODY>
<CENTER>가운데 정렬!</CENTER>
</BODY>
</HTML>
<SUB>..</SUB>와 <SUP>..</SUP>는 윗 첨자와 아랫 첨자를 표시할때 사용되는 태그입니다.
<HTML>
<HEAD>
<TITLE>SUB, SUP 태그</TITLE>
</HEAD>
<BODY>
위<SUP>첨자!</SUP>
아래<SUB>첨자!</SUB>
</BODY>
</HTML>
<STRIKE>..</STRIKE> 태그는 태그 안의 글자에 가로선을 그어 표시합니다.
<HTML>
<HEAD>
<TITLE>STRIKE 태그</TITLE>
</HEAD>
<BODY>
<STRIKE>강조</STRIKE>
</BODY>
</HTML>
<U>..</U> 태그는 태그 안의 글자에 밑줄을 쳐주는 태그입니다.
<HTML>
<HEAD>
<TITLE>U 태그</TITLE>
</HEAD>
<BODY>
<U>밑줄</U>
</BODY>
</HTML>
'프로그래밍 관련 > HTML' 카테고리의 다른 글
| HTML 강좌 6편. <EMBED>..</EMBED>, <TABLE>..</TABLE> (8) | 2012.02.14 |
|---|---|
| HTML 강좌 5편. HTML 색상표, 링크 걸기 (2) | 2012.02.14 |
| HTML 강좌 4편. <UL>, <OL>, <LI>, 특수문자 표시, 이미지 넣기 (2) | 2012.02.14 |
| HTML 강좌 2편. 본격적인 태그와 요소의 활용, <BODY>, <BR>.. (20) | 2012.02.14 |
| HTML 강좌 1편. HTML란 뭘까? (4) | 2012.02.14 |