본문 바로가기

Programming/HTML

[2]HTML강의 두번째 문자관련태그

안녕하세요.

시로입니다.

오늘은 문자관련태그에 대해 강의를 할건데요

여기서

문자관련태그란?

글자의 크기및 글꼴을 지정하는 태그를 말합니다.

그럼 강의 시작하겠습니다.

①H 태그(H tag)

H 태그는 Heading(문서 제목)의 의미로서 <Hn>................</Hn>로 표시합니다.

여기서 Hn에서의 n 은 숫자 Number을 약자로쓴것으로 실제로 H태그를 사용할때는 Hn그대로 넣는것이아니라 n을 숫자로 변형해서 사용해야합니다.

H태그에서의 숫자는 1에서 6까지를 사용할수있습니다.

이때 1이 가장 큰 글자이며 6이 가장 작은 글자로 표시됨을 의미합니다.

-----------------------------------------

EX)

<HTML>

<HEAD>

<TITLE> H 태그 사용</TITLE>

</HEAD>

<BODY>

<H1>....</H1>

<H2>....</H2>

<H3>....</H3>

<H4>....</H4>

<H5>....</H5>

<H6>....</H6>

</BODY>

</HTML>

-----------------------------------------

 

②글꼴(FONT) 태그

글꼴 태그는 FONT 속성 정보를 이용하여 폰트의 크기와 색상, 서체를 지정하는데 사용되며, 사용방법은 다음과 같습니다.

-<FONT SIZE=글자크기 숫자 COLOR="글자색상" FACE="서체">

...............................</FONT>로 표시

- SIZE=3이 기본 값(크기를 지정하지 않으면 기본 값으로 표시)

- COLOR="BLACK"이 기본값(색상을 지정하지 않으면 기본값으로 표시)

-----------------------------------------

EX)

<HTML>

<HEAD>

<BODY>

<FONT SIZE=1>...</FONT>

<FONT SIZE=2>...</FONT>

<FONT SIZE=3>...</FONT>

<FONT SIZE=4>...</FONT>

<FONT SIZE=5>...</FONT>

<FONT SIZE=6>...</FONT>

<FONT SIZE=7>...</FONT>
</BODY>

</HTML>

-----------------------------------------

 

◎FONT 태그(COLOR) 사용법

폰트의 색상을 지정할 때, 색상 이름을 직접입력하거나 6자리 16진수 RGB코드를 사용한다. 예를 들면 <FONT COLOR="RED">와 <FONT COLOR="FF0000">은 동일한 색상이다.

 

 

●컬러색상과 색상 표현단어

Black 검정

Maroon 밤색

Green 녹색

Olive 올리브색

Navy 남색

Purple 자주색

Teal 청록색

Gray 회색

Silver 은색

Red 빨간색

Lime 라임색

Yellow 노란색

Blue 파란색

Fuchsia 분홍색

Aqua 옥색

White 흰색

 

●컬러색상명과 색상코드 값

하얀색 FFFFFF

검정색 000000

진한 빨강색 800000

진한 초록색 008000

진한 노란색 808000

진한 파란색 000080

진한 보라색 800080

진한 하늘색 008080

연한 회색 C0C0C0

초록색 C0DCC0

연한 파란색 A6CAD0

연두색 C0DCC0

연한 베이지색 FFFBF0

회색 A0A0A4

진한 회색 808080

빨간색 FF0000

녹색 00FF00

파란색 0000FF

노란색 FFFF00

분홍색 FF00FF

하늘색 00FFFF

 

글자모양 변경

①B(볼드체) 태그

B 태그는 Bold의 의미로서 글자모양을 굵은 글씨체로 나타낼 때 사용하며, <B>..........</B>로 표시한다.

 

②I(이탤릭체) 태그

I 태그는 Italic의 의미로서 글자모양을 약간 기울어진 형태인 이탤릭체로 나타낼 때 사용하며, <I>..........</I>로 표시한다.

 

③U(밑줄체) 태그

U 태그는 Underline(밑줄)의 의미로서 글자모양을 밑줄체로 나타낼때 사용하며, <U>..........</U>로 표시한다.

 

④TT(타이핑체) 태그

TT 태그는 Typing Type의 의미로서 글자모양을 굵은 글씨체로 나타낼 때 사용하며, <TT>..... .....</TT>로 표시한다.

 

 

그외에 더많은 글꼴관련 태그가 있지만 내용이 너무 많은관계로 다음강의때 설명하겠습니다.

이상 시로였습니다.