HTML 색상 코드를 사용하는 방법

HTML 색상 코드를 사용하면 웹사이트 디자인에 색상을 쉽게 추가할 수 있습니다.

웹에 적합한 HTML 색상 코드 차트를 열고 사용 가능한 색상을 확인하십시오. 대부분의 컴퓨터는 모든 색상을 표시할 수 있지만 웹에 적합한 색상만 사용하는 것이 더 접근하기 쉬운 옵션입니다. 이 외에도 선택할 수 있는 색상이 많습니다. 웹사이트의 테마 및 디자인과 일치하는 프로젝트 색상을 선택하십시오. 경험에 따르면 두 가지 보완 색상과 한 가지 강조 색상을 선택하는 것이 좋습니다. 검정, 흰색, 회색 또는 황갈색과 같은 중간색도 좋은 선택입니다.

웹사이트에서 사용하려는 색상의 6자리 HTML 색상 코드를 복사합니다. 이들은 숫자 0, 3, 6, 9와 다양한 조합의 문자 C 및 F로 구성됩니다. 이 6자리 코드는 다채로운 액센트를 만들고자 하는 HTML 웹사이트 코드에 사용됩니다.

웹사이트의 배경으로 사용할 색상을 하나 선택하십시오. 배경을 이 색상으로 바꾸려면 HTML 코드 "

"를 입력하고 6자리 코드를 원하는 색상 코드로 바꿉니다. 이것은 전체 웹 페이지 본문 배경의 색상이므로 이 HTML 코드 조각은 일반 "" 태그.

웹사이트 코드 페이지에 색상 코드와 적절한 HTML 코드를 포함하여 웹사이트 페이지의 텍스트, 제목 또는 링크의 색상을 변경합니다. HTML 속성 "을 추가하여 모든 텍스트에 색상을 지정할 수 있습니다." 코드에. 예를 들어 큰 제목의 색상을 변경하려면 "

표제

"를 웹사이트 코드에 추가합니다.

CSS(Cascading Style Sheet)를 대신 사용하여 웹 사이트의 모든 제목 색상을 변경합니다. "h1 {color:#336699;}" 코드를 "

" 그리고 "" 웹사이트 코드의 태그. "를 코딩할 때마다

" 웹사이트에서는 해당 색상이 됩니다. CSS는 웹사이트를 스타일링하는 표준 방법입니다. 또한 재설계하려는 경우 더 쉽게 변경 작업을 수행할 수 있습니다.

CSS에서 글꼴, 링크 및 기타 항목의 색상을 변경합니다. 글꼴에는 CSS 코드 스니펫 "p {color:#336699;}"를 사용하세요. 각 텍스트 블록의 HTML은 "

" 그리고 "

" 태그. 링크 색상은 "{color:#336699;}" 및 "" HTML 웹사이트 코드에 태그를 추가합니다. 이미지 테두리, 가로 규칙 및 표 셀과 같은 기타 HTML 태그도 기본 "{color:#336699;}" CSS 코드 스니펫을 사용하여 변경할 수 있습니다.