html 폰트 색상, 사이즈 변경하기

이번에는 html에서 가장 기본적인 글자속성을 변경하는

방법을 알아볼까 합니다.

이 부분은 그다지 태그의 길이도 길지 않기 때문에

처음하시는 분도 그다지 어렵다는 생각이 들지 않을 듯 합니다.

 

1. html로 폰트 색상 변경하기

 

<font color="#990066"> 문자 </font>

 

폰트색상 부분에 색상코드를 넣어줍니다.

코드를 넣는 방법을 모르시는 분들을 위하여

잠시 설명을 해드리도록 하겠습니다.

 

 

네이버에서 '색상코드'를 검색하면 위와 같은 코드표를 확인할 수 있습니다.

좌상단에 보이는 색상의 바로 옆에 보이는 #으로 시작된 코드를 복사하여

컬러부분에 넣어주면 되겠습니다.

 

 

이보다 조금 더 다양한 색상을 넣고 싶다면 포토샵을 이용할 수 있습니다.

포토샵에서 색상을 마우스로 찍어주면 위와 같은 창이 뜹니다.

이 중에서 오른쪽 하단에 #으로 시작하는 코드가 보이시죠.

 

이 부분을 북사하여 태그에 넣어주면 원하는 색상을 입력할 수 있습니다.

 

2. html로 폰트 사이즈 변경하기

<span style="font-size:11pt;"> 문자 </span>

 

글자크기를 변경하는 코드도 아주 간단하죠.

여기서 11pt부분에서 숫자의 크기를 바꿔주면 변경이 됩니다.

 

 

<span style="font-size:14pt;"> 빨강머리 앤 </span>

 

 

 빨강머리 앤

 

위의 작업은 폰트를 11에서 14의 사이즈로 변경한 사례입니다.

이 부분만 바꿔주면 크기가 마음대로 바뀌게 됩니다.