* 욕설, 비방, 광고, 도배질 글은 임의로 삭제됩니다.

[펌 강의] 8. HTML 문서 배경 및 폰트 색상 변경

페이지 정보

써니

본문

size="2">8. HTML 문서 배경 및 폰트 색상 변경


HTML 문서 내의 배경과 색상은 Body
Tag를 이용하여 변경이 가능합니다. 여기서는 배경이미지를 넣거나 배경
색상, 폰트의 색상 변경에 대해 알아보도록 하겠습니다.


1) 배경색 및 배경이미지 넣기 size="2">


<BODY
BGCOLOR = "색상">


  • 본문의 배경
    색을 지정할 경우 사용합니다.

  • 알고 있는
    색을 영어로 표현할 수 있습니다.

    <BODY BGCOLOR = "black">

  • 더 정교한
    색상을 표현하려면 RGB COLOR(16 진수)로 표현하면 됩니다.

    <BODY BGCOLOR = "#ffffff">


  <BODY BACKGROUND
= "이미지 파일">


  • 본문에 배경
    이미지를 넣을 경우 사용합니다.

  • 이미지를
    넣을 때는 경로명이나 대소문자에 주의하세요.

  • 배경은 용량이
    적은 것이 좋습니다.


<!--
위에서 16진수로 표현한다고 한 것에 대해 이야기해 볼까요?

우리가 지금 모니터를 통해서 보는 색상은 빛의 삼원색(Red, Green,
Blue)이 혼합되어 나타납니다.

BGCOLOR = "rrggbb"에서 각각 두 자리 마다 의미하는 게 있죠.
rr은 붉은색, gg는 녹색, bb는 파란색. 이 세가시 색상을 섞는 양을
각각 16진수로 표시한 것이 됩니다. f로 갈수록 많은 양을 섞은게 되겠죠.

-->


<!--
16진수란 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F 로 이루어진
숫자입니다. 우리가 사용하는 숫자를 10진수라고 하는데 A는 10, B는
11, C는 12, D는 13, E는 14, F는 15를 의미합니다.-->


<!--
색상 앞에 붙는 # 은 사용하지 않아도 상관이 없습니다. -->


2) 전체 글자색
설정하기


<BODY
TEXT = "색상">


  • 본문에서
    사용할 글자 색을 전체적으로 지정할 경우 사용합니다.

  • 알고 있는
    색을 영어로 표현할 수 있습니다.

    <BODY BGCOLOR = "green">

  • 더 정교한
    색상을 표현하려면 16진수로 표현하면 됩니다.

    <BODY BGCOLOR = "#00ff00" 


3) 부분 글자색 지정하기 size="2">


<FONT
COLOR = "색상"> ... </FONT>


  • Font Tag입니다.
    Font Tag 안에서 색상을 지정할 수 있습니다.

  • 물론 영어로
    표현이 가능합니다.

  • 16진수 표현도
    가능합니다.


4) Html 파일의 기본 설정값


  • 글자의 기본 크기 : 3
    사이즈를 생략하면 <FONT size="3">...</FONT> 와 같은 효과가 있습니다.

  • 배경색상 : 흰색

  • 글자색상 : 검정색

  • 링크색상 : 파란색

  • 링크된 곳을 클릭하는 순간 링크색상 : 빨간색

  • 링크된 곳을 클릭한 후 링크색상 : 보라색 


5) 링크된 부분 색상을 맘대로


<BODY
LINK="색상" VLINK="색상" ALINK="색상">
... </BODY>


  • BODY Tag 안에 설정하며 생략하면 기본 색상이 지정됩니다.

  • LINK : 링크된 글자의 색상이나 이미지 테두리 색상 설정

  • VLINK : 이미 열어 본 링크의 색상을 지정합니다.

  • ALINK : 링크를 클릭하는 순간의 색상을 지정합니다.

작성일2005-02-14 16:20

등록된 댓글이 없습니다.

컴퓨터/인터넷 목록
번호 제목 글쓴이 날짜 조회
122 답변글 Kernel 32DLL 에 관한 도움 부탁합니다 댓글[1] 인기글 써니 2005-03-08 6588
121 computer 고쳐주실 분 댓글[1] 인기글 james 2005-03-06 6514
120 이상한 내용의 팝업이 자꾸뜹니다 방법좀... 댓글[5] 인기글 제키챤 2005-03-06 6809
119 로지택mx duo설치시 띡띡띡띡 거리는 잡음문제 아시는분 댓글[1] 인기글 궁금이 2005-03-05 7547
118 도와주시면 감사하겠습니다 댓글[2] 인기글 초보 2005-03-04 6568
117 답변글 도와주시면 감사하겠습니다 댓글[1] 인기글 lee 2005-03-06 6793
116 korean doesn't work 댓글[1] 인기글 sf 2005-03-04 6757
115 답변글 korean doesn't work 댓글[1] 인기글 ^,.^) 2005-03-06 8049
114 [펌 강의] 부록 - META 태그에 대해서.. 댓글[1] 인기글 써니 2005-03-04 6601
113 [펌 강의] 부록 - MARQUEE Tag 이용하기 댓글[1] 인기글 써니 2005-03-04 8047
112 [펌 강의] 부록 - 홈페이지에 음악 넣기 댓글[1] 인기글 써니 2005-03-04 6955
111 [펌 강의] 색살 표 (Color Chart) 댓글[1] 인기글 써니 2005-03-04 6570
110 [펌 강의] 30.Form 예제 (설문양식) 댓글[1] 인기글 써니 2005-03-04 6668
109 정크메일 과 광고전화 막는법 아시는분 도와주세요.. 댓글[1] 인기글 정크 2005-03-02 6927
108 동영상 퍼오는방법 아시는분 ..좀 알켜주세요 댓글[4] 인기글 진실 2005-03-01 6748
107 [펌 강의] 29. 선택목록(List Box or Drop Down Li 댓글[1] 인기글 써니 2005-02-28 6994
106 [펌 강의] 28.텍스트 영역(Text Area) 인기글 써니 2005-02-28 19958
105 [펌 강의] 27.Input Type Form (II) - Check B 댓글[1] 인기글 써니 2005-02-28 8394
104 [펌 강의] 26. Input Type Form (I) - 텍스트, 암호 댓글[15] 인기글 써니 2005-02-28 18481
103 [펌 강의] 25. Form에 대한 개요 인기글 써니 2005-02-28 23019
102 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 경아 2005-02-27 7153
101 답변글 윈도우가 안꺼져요ㅠㅠㅠ 댓글[1] 인기글 써니 2005-02-27 6905
100 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 인기글 제키챤 2005-02-24 9022
99 답변글 써니님, brian님 너무 감사하구요 하나더 여쭤볼께요. 댓글[1] 인기글 써니 2005-02-25 6704
98 [펌 강의] 23.프레임(Frame) 나누기 예제(III) 댓글[2] 인기글 써니 2005-02-24 14936
97 [펌 강의]22. 프레임(Frame) 나누기 예제(II) 댓글[1] 인기글 써니 2005-02-24 12547
96 [펌 강의] 21. 프레임(Frame) 나누기 예제(I) 댓글[1] 인기글 써니 2005-02-24 7099
95 [펌 강의] 20. 프레임(Frame) 나누기 (II) 인기글 써니 2005-02-24 6920
94 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 선달 2005-02-23 8156
93 답변글 컴이 말썽을 부릴땐 망치로 한대...... (SOS !) 댓글[1] 인기글 써니 2005-02-23 7778
게시물 검색
* 본 게시판의 게시물에 대하여 회사가 법적인 책임을 지지 않습니다.