홈페이지제작 기초03 html 글자 태그
- 홈페이지 제작/홈페이지 제작-기초
- 2018. 5. 22. 19:49
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 문서를 실행 시켜보면 이렇게 폰트 태그를 이용해서 여러가지 글짜형태로 출력 할수 있음을 확인 하실수 있으세요.
이걸로 글자태그 포스팅을 마칩니다. 좋은하루되세요~~~
'홈페이지 제작 > 홈페이지 제작-기초' 카테고리의 다른 글
홈페이지 제작 05 태그연습 흐르는글, 배경색지정태그 (0) | 2018.05.29 |
---|---|
홈페이지 제작 기초01 메모장으로 html 만들기 (0) | 2018.05.29 |
홈페이지제작 기초04 나모웹에디터 무료 체험판 설치 (0) | 2018.05.23 |
홈페이지 제작 기초02 editplus 설치및 html 문서작성 (0) | 2018.05.22 |
이 글을 공유하기