HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
홈페이지에 사용하는 색(color)을 표현하는 방법

홈페이지 제작시 다양한 태그에서 색을 지정하는 속성이 필요합니다.

<body> 태그에서 bgcolor의 속성값을 지정할 수 있습니다.

<body bgcolor="gray">

위와 같이 코딩하면 문서의 전체 배경색이 회색으로 지정됩니다.

<font> 태그에서 글자색을 지정할때는 color라는 속성을 사용합니다.

<font color="gray">회색글자</font>

이러면 아래와 같이 글자색이 회색으로 지정됩니다.

회색글자

회색이라는 색을 표현하기 위해서 gray라는 값을 사용했습니다.

홈페이지에서 색을 표시하는 방법은 gray와 같이 색상명을 사용하는 방법이 있습니다. 그러나 보다 일반적인 방법으로는 hex code를 사용합니다. gray에 대응되는 hex code는 #808080 입니다.

즉 아래와 같이 gray 대신에 #808080값을 사용해도 회색으로 표시됩니다.

<font color="#808080">회색글자</font>

16진수값을 가진 hex code값을 다 기억하기는 힘들므로 보통 색상선택기를 사용하여 원하는 hex code값을 구합니다. 에디트플러스와 같은 에디터에는 기본적으로 색상선택기가 내장되어 있어서 아주 편리합니다.

만일 색상선택기가 내장되어 있지 않은 에디터를 사용한다면 다른 색상선택기를 사용하면 됩니다.

Copyright © Homejjang.com All rights reserved.