홈페이지제작 기초03 html 글자 태그


html 작성의 기본요소 중의 하나인 텍스트는 태그를 이용해서 여러가지 형태로 만들 수 있다. 자주 사용하는 태그중에 하나는 굵은체로 사용하는 것과 글자에 색을 주는 것들을 많이사용하죠. 글자 태그를 이용해 글자를 변환시키는 포스팅을 해보았어요.

 

 

 

타사이트를 둘러봐도 기본적으로 볼드체, 작은글시체 큰 글시체등을 확인해 보실 수 있습니다.

 

기본적인 글자태그구성

 

<font></font> 로 제어 할수 있으며, 속성을 이용해 글자 크기및 색깔 글꼴등을 변경할 수있습니다.

<font size = "4" color= "#FF0000 " face =" 궁서체 "></font>

 

글자의 크기 지정

<font size =1> 글꼴 :1 </font>

<font size =2> 글꼴 :2 </font>

 

글자 색 지정

<font color="#ff0000"></font>

 

글꼴 설정하기

<font face="바탕체">바탕체</font>

 

직접 에디트 플러스를 이용해서 태그를 만들어 보았다.

 

 

 <font size ="6"> 올포유의 나홀로 취미life </font> <br>
   
 <font size ="14"> 시/ 담쟁이</font> <br>


저것은 벽 어쩔 수 없는 벽이라고 우리가 느낄 때 <br>
그때, 담쟁이는 말없이 그 벽을 오른다<br>
물 한 방울 없고, 씨앗 한 톨 살아남을 수 없는 <br>
저것은 절망의 벽이라고 말할 때 <br>
담쟁이는 서두르지 않고 앞으로 나아간다<br>

<font color= "red"> 글자색 빨강 </font><br>
<font color= "blue"> 글자색 파랑 </font><br>
<font face = "궁서체"> 궁서체 </font>

 

기본적인 폰트 테스트를 위해 <body></body> 부분에 폰트태그를 여러가지 테스트 해보았습니다.

 

 

html 문서를 실행 시켜보면 이렇게 폰트 태그를 이용해서 여러가지 글짜형태로 출력 할수 있음을 확인 하실수 있으세요.

 

이걸로 글자태그 포스팅을 마칩니다. 좋은하루되세요~~~

 

 

 

이 글을 공유하기

댓글

Designed by JB FACTORY