HTML 글자크기/색

 

요즈음 대부분 글자모양에 대하여 CSS 문법을 이용하여 설정하지만 HTML 태그를 이용하는 방법도 있습니다.

따라서 이번 시간에는 HTML 태그를 이용하여 글자크기 및 글자색을 설정하는 방법에 대하여 알아보도록 하겠습니다.

 


  글자크기

 

<font size ="크기"> 내용 </font>

 

 - 글자 크기는 1~7까지이고, 1일 때 크기가 가장 작습니다.

 

 

  글자색

 

<font color="색번호"> 내용 </font>

 

색번호

 - RGB 방식으로 R, G, B 모두 0~255까지의 단계가 가능하며 두 자리의 16진수로 표현 됩니다.

 

 

  실습코딩

 

1
2
3
4
5
6
7
8
9
10
11
12

13

14

15

 16

<!DOCTYPE html>

<html>

<head>
<title>테스트</title>
</head>
<body>
  <div>
    <font size ="1" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="2" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="3" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="4" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="5" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="6" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
    <font size ="7" color="#2F9D27">HTML 글자 크기 실습 입니다.</font><br/>
  </div>
</body> 
</html>

 

 

  실습결과

 

실습결과

Posted by 행복한 유유로그

댓글을 달아 주세요

  1. 공수래공수거 2018.05.11 09:03 신고  댓글주소  수정/삭제  댓글쓰기

    폰트 크기는 1부터 7까지 있군요^^