반응형

[HTML #5] 글자를 꾸미는 폰트 속성 3가지 face, size, color

반응형

안녕하세요 모빌리티 입니다.

 

오늘은 홈페이지 상에서

글씨를 나타내는 폰트에 대해서

포스팅 하려고 합니다.

 

 

오늘의 키워드

 

"FONT"

 

자 들어갑니다.

 

FONT의 속성은 여러가지가 있지만

오늘은 3가지를 다뤄 보겠습니다.

 

"Face" / 글자의 모양을 지정합니다.

<FONT face="고딕체">

 

"Color" / 글자의 색을 지정합니다.

<FONT face="고딕체" color="#999999">

 

"SIZE" / 글자의 크기를 지정합니다.

<FONT face="고딕체" color="#999999" size="6">

 

글자의 속성을 이야기 하시다 보면

약간 헷갈리는 태그가 있습니다. 바로 <Hn>

인데요 이것은 굵게 강조 되어 나타나지만

숫자가 높을 수록 크기가 줄어듭니다.

 

 

이렇게 font 태그의 속성과

함께 추가해 주시면 글씨체가

고딕체로 변경이 됩니다.

 

이번에는 폰트의 색상을

변경해 보도록 하지요

 

위에서 보이는 예제는

두가지 색상을 적용한 예시입니다.

적용한 모습입니다.

다음에 이여서 Size속성을 적용해

보도록 하지요.~~

 

 

순차적으로 적용해 보았습니다.

 

 

적용된 모습입니다.

 

 

어려우셨나요?

그러면 제가 적용했던 예시파일을

첨부 드리겠습니다.

ex03-1.html

ex03-2.html

 

2017/06/06 - [컴퓨터/HTML] - [HTML] 홈페이지 구성 기본 태그 4가지

2017/06/06 - [컴퓨터/HTML] - [HTML #2] 메모장으로 작성하여 웹파일로 저장하기

2017/06/07 - [컴퓨터/HTML] - [HTML #3] 배경색 변경하기

2017/06/08 - [컴퓨터/HTML] - [HTML #4] BR, P, Center 태그란?

잘 활용해 보세요.

 

관심가져주셔서 감사합니다.

 

 

 

 나눔은 

최고의 기쁨입니다.

이글이 도움이 되셨다면 아래

빈 하트를 채워주세요.

 

728x90
반응형

'IT' 카테고리의 다른 글

[HTML #7] OL, LI 태그  (0) 2017.06.12
[HTML #6] 글자를 움직이게 하는 태그"MARQUEE"  (0) 2017.06.11
[안드로이드 #4] 이클립스 설치  (0) 2017.06.10
[HTML #4] BR, P, Center 태그란?  (0) 2017.06.08
[HTML #3] 배경색 변경하기  (0) 2017.06.07

이 글을 공유하기

댓글(0)

Designed by JB FACTORY