반응형
요즈음 대부분 글자모양에 대하여 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> |
실습결과
반응형
' IT > 웹디자인' 카테고리의 다른 글
| HTML 이미지 삽입 / 예제 (4) | 2018.05.15 |
|---|---|
| HTML 글자 모양 태그 (2) | 2018.05.12 |
| HTML 웹 화면 만드는 방법 (6) | 2018.05.10 |
| HTML 기본구성 요소 및 구조 (12) | 2018.05.09 |
| HTML이란 무엇인지 정의와 사용법에 대하여 알아보자 (0) | 2018.05.03 |
댓글