오늘은 글자 크기, 색 편집하는 테그를 알아보겠습니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<b>오늘은 글자 크기, 색 편집하는 테그를 알아보겠습니다.</b><br>
<font color=red>빨간색</font><br>
<font size=1>사이즈1</font><br>
<font size=2>사이즈2</font><br>
<font size=3>사이즈3</font><br>
<font size=4>사이즈4</font><br>
<font size=5>사이즈5</font><br>
<font size=6>사이즈6</font><br>
<font size=7>사이즈7</font><br>
<font face=궁서체>궁서체</font>
</body>
</html>
위와 같이 입력 후 html 파일로 저장 합니다.
<b>테그와</b> 사이에 있는 문장은 굵은 볼드체로 글자가 표현 됩니다.
또 <font> 라는 테그는 글자의 색, 크기, 글자체 등을 편집할 수 있는 테그입니다.
<font color=red> 는 글자를 빨간색으로 표현하며
<font size=1> 의 size 는 1~7까지 만 적용되며 1이 가장 작고 7이 가장 큰 글자 싸이즈 입니다.
<font face=궁서체> 는 글자체를 궁서체로 표현 하라는 테그 입니다.
그럼 응용을 한번 해볼까요?
문제... '안녕하세요?' 를 볼드체, 파란색, 글자 싸이즈 6, 궁서체를 만들어 보세요...^^;;
답...
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<b><font color=blue size=6 face=궁서체>안녕하세요?</font></b>
</body>
</html>
이렇게 하면 됩니다.
그리고 글자의 색상은 영문으로 적어도 되지만 색상마다 정해진 색상 코드가 있답니다.
그 생상코드를 입력해도 글자의 색상이 적용 됩니다.
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<b><font color=#0000FF size=6 face=궁서체>안녕하세요?</font></b>
</body>
</html>
파란색의 색상 코드는 #0000FF 입니다.
파란색으로 나오시죠?
색상 코드는 앞에 # 이 붙고 다음 숫자밑 문자 2개는 빨간색 [R] 다음 두개는 녹색 [G] 다음 두개는 파란색 [B] 를 나타냅니다.
색상조합중 파란색을 보면 #0000FF 니까 빨간색이 00 녹색이 00 파란색이 FF 그래서 색상을 조합하면 파란색만 나오게 되는겁니다.
그럼 빨간색의 색상코드는 어떻게 될까요...#FF0000 이 되겠죠... 녹색코드는 #00FF00 이 되겠고...
<html>
<head>
<title> HTML 연습 </title>
</head>
<body>
<b><font color=#FF0000>빨간색</font></b><br>
<b><font color=#00FF00>녹색</font></b><br>
<b><font color=#0000FF>파란색</font></b><br>
</body>
</html>
자 그럼 검정색은 #000000 이면 되죠... 하얀색은 #FFFFFF
색상코드 원리에 대해 알아보았습니다. ^^
비씨파크 주식회사, 대표이사 : 박병철 개인정보보호책임자 : 박병철
사업자등록번호 : 114-86-19888 |
본사 : 서울특별시 서초구 서초대로73길, 42, 1307호
전자우편 : master@bcpark.net |
(전화전 이용문의 게시판 필수)
전화: 02-534-982구(09:00~18:00) |
팩스: 02-535-155구 |
긴급: 010-9774-988삼
ㆍ저작권안내 : 비씨파크의 모든 컨텐츠(기사)는 저작권법에 보호를 받습니다. 단, 회원들이 작성한 게시물의 권리는 해당 저작권자에게 있습니다. 비씨파크에 게재된 게시물은 비씨파크의 입장과 다를 수 있습니다. 타인의 저작물을 무단으로 게시, 판매, 대여 또는 상업적 이용시 손해배상의 책임과 처벌을 받을 수 있으며, 이에 대해 책임을 지지 않습니다.
ㆍ쇼핑몰안내 : 비씨파크는 통신판매중개자로서 상품 주문, 배송 및 환불의 의무와 책임은 각 판매 업체에 있습니다.
Copyright ⓒ 2000-2025 BCPARK Inc. All Right Reserved.
