글씨 태그

글씨태그

1) <font> 태그

<font> 태그는

글씨의 색, 크기, 글씨체 등을 설정

 

<font size="2" color="red" face="돋움"> 안녕하세요 </font>

 

size="2" ------글씨크기를 2로 지정

color="red" --- 글씨색을 붉은색으로 지정

face="돋움" ----글씨체를 돋움으로 지정

<font ... ----       폰트태그의 시작

 </font> --          폰트태그의 끝

<font>와</font>의 사이인 안녕하세요 부분이 실제 태그가 적용되는 부분

 

a) 색상

사용소스	적용결과
<font color="red">안녕하세요</font>	안녕하세요
<font color="green">안녕하세요</font>	안녕하세요
<font color="#ff0000">안녕하세요</font>	안녕하세요
<font color="#008000">안녕하세요</font>	안녕하세요

색상은 red, green, blue 와 같이 영어로 입력하거나/

색상코드#ff0000 #008000 #0000cc 를 입력합니다.

 

b) 크기

사용소스	적용결과
<font size="1">안녕하세요</font>	안녕하세요
<font size="2">안녕하세요</font>	안녕하세요
<font size="3">안녕하세요</font>	안녕하세요
<font size="4">안녕하세요</font>	안녕하세요

 

 c) 글씨체

 

사용소스	적용결과
<font face="돋움">안녕하세요</font>	안녕하세요
<font face="굴림">안녕하세요</font>	안녕하세요
<font face="바탕">안녕하세요</font>	안녕하세요

 

 

2) <span> 태그

글씨 표현은 <font> 태그 외에

<span> 태그도 사용합니다.

 

 

 

사용소스	적용결과
<span style="FONT-FAMILY: Batang">사랑</span>	사랑
<span style="FONT-FAMILY: 바탕">사랑</span>	사랑
<span style="COLOR: #0075c8">사랑</span>	사랑
<span style="COLOR: red">사랑</span>	사랑
<span style="FONT-SIZE: 12px">사랑</span>	사랑
<span style="FONT-SIZE: 16px">사랑</span>	사랑
<span style="FONT-FAMILY: 돋움; COLOR: #0000cc; FONT-SIZE: 12px">사랑</span>	사랑

 

a) font-family 는 <font>태그의 face속성과 동일

b) font-size 또한 <font> 태그의 size 속성과 동일합니다. 단, 크기의 의미가 다른데

<font> 태그의 size=2 와 <span>태그의 12px, 10pt 는 동일한 크기입니다.

c)  컬러색을 영어명으로 (blue)해도 되고 색상코드로 (#0000cc)해도 됩니다.