코딩독학 HTML 색 feat. tcpschool

[1일 1코딩]  코딩독학 HTML 색  feat. tcpschool

오늘은 HTML 색!

내가 제일 좋아하는 스타일 꾸미기

난 이런게 제일 재미있다...

왜냐면..

쉬우니까... ^^

실습해본거 옮겨적기...

tcpschool 사이트에서 보면서

창 두개 띄워 놓고 

바로 바로 베끼면서 코딩실습하는중

---

HTML 색상 표현에는 세 가지 방법이 있다.

1. 색상 이름

색상이름으로 표현할 수 있는 것은 16개밖에 없는가보다.

<태그이름 style = "속성이름 : 속성값">

배경색 변경

>> 속성 : background-color

글자색 변경

>> 속성 : color

글자 크기 변경

>> 속성 : font-size

문단 정렬 변경

>> 속성 : text-align

<h1 style="color : olive"> 색상 이름으로 표현된 올리브색 </h1>

>> 결과

2. RGB 색상값

Red / Green / Blue 혼합

0부터 255까지의 범위

(Red, Green, Blue) 형태

숫자 조합해서 색상 만드는 재미가 있다 ㅋㅋ

<h1 style = " color : rgb(0,0,255)"> blue </h1>

<h1 style = " color : rgb(0,0,0)"> black </h1>

<h1 style = " color : rgb(255,100,100)"> peach </h1>

<h1 style = " color : rgb(150,125,200)"> light purple </h1>

>> 결과

3. 16진수 색상값

RGB 색상값을 16진수로 변환.

각각의 기본색은 00 ~ FF 까지 값을 가짐

빨간색 rgb(255,0,0) 은

#FF0000

네이버치면 색상표 나오긴하는데

16진수 다시 공부해바야겠다

<h1 style =" color : #0000FF"> blue </h1>

<h1 style =" color : #00C000"> green </h1>

<h1 style =" color : #FFB2D9"> pink </h1>

<h1 style =" color : #FBFF90 ; background-color : black"> lemon </h1>

<h1 style =" color : #FF8000"> orange </h1>

>> 결과

출처 : TCP스쿨