:: 글자 꾸미기 태그 <font>와 <span> 태그의 비교

 
홈페이지 제작을 하다보면 가장 많이 사용하는 코드임에도 가끔 생각이 안날때가 있습니다. 기본적이지만 가끔씩 찾게되는 기본 코드들을 생각나는대로 정리해 보겠습니다.

먼저, 글자를 꾸미는데 필요한 <font> 태그와 <span> 태그를 이용해서 폰트를 꾸미는 방법을 비교하여 보겠습니다.

1. 글자체 정하기

<font face=”Arial, Helvetica, sans-serif”>글자체를 지정하는 방법</font>

<span style=”font-family : Arial, Helvetica, sans-serif;”>글자체를 지정하는 방법</span>

 

2. 글자 크기 정하기

<font size=”+3″>글자 크기를 지정하는 방법</font>

<span style=”font-size : 14pt”>글자 크기를 지정하는 방법</span> 또는
<span style=”font-size : large;”>글자 크기를 지정하는 방법</span>

 

3. 글자색 정하기

<font color=”#ff3300″>글자색 지정하는 방법</font>

<span style=”color : #ff3300; background-color : #cccccc;”>글자색 지정하는 방법</span>

 

4. 기타 글자 꾸미기 옵션

<span style=”text-transform : uppercase;”>글자를 대문자로 고치는 방법</span>

<span style=”text-align : right;”>글자의 위치 정렬 지정 방법</span>

<span style=”text-decoration : underline;”>글자에 밑줄넣는 방법</span>

<span style=”font-weight: bold;”>글자를 굵게하는 방법</span>

 

error: Content is protected !!