Download presentation
Presentation is loading. Please wait.
1
글꼴관련 태그 오산대학 컴퓨터정보과 김 영 권
2
<H>로 글자 크기 조절하기 <HTML> <HEAD>
<TITLE> 글자 크기 </TITLE> </HEAD> <BODY> <H1>H1 글자 크기</H1> <H2>H2 글자 크기</H2> <H3>H3 글자 크기</H3> <H4>H4 글자 크기</H4> <H5>H5 글자 크기</H5> <H6>H6 글자 크기</H6> </BODY> </HTML>
3
<H>로 글자 크기 조절하기(결과)
4
<H>에서 문자 정렬하기 <HTML> <HEAD>
<TITLE> 문자 정렬 </TITLE> </HEAD> <BODY> <H1 align="center"> 가운데 정렬</H1> <H2 align="left">왼쪽 정렬</H2> <H3 align="right">오른쪽 정렬</H3> </BODY> </HTML>
5
<H>에서 문자 정렬하기(결과)
6
<FONT>로 글자 표현하기 <HTML> <HEAD>
<TITLE> H와 Font 태그의 글자 크기 비교 </TITLE> </HEAD> <BODY> <H1>H1 글자 크기</H1> <H2>H2 글자 크기</H2> <H3>H3 글자 크기</H3> <H4>H4 글자 크기</H4> <H5>H5 글자 크기</H5> <H6>H6 글자 크기</H6> <FONT SIZE="1">Font 1 글자 크기</FONT> <FONT SIZE="2">Font 2 글자 크기</FONT> <FONT SIZE="3">Font 3 글자 크기</FONT> <FONT SIZE="4">Font 4 글자 크기</FONT> <FONT SIZE="5">Font 5 글자 크기</FONT> <FONT SIZE="6">Font 6 글자 크기</FONT> <FONT SIZE="7">Font 7 글자 크기</FONT> <FONT SIZE="+2">Font +2 글자 크기</FONT> <FONT SIZE="+1">Font +1 글자 크기</FONT> <FONT SIZE="-1">Font -1 글자 크기</FONT> <FONT SIZE="-2">Font -2 글자 크기</FONT> </BODY> </HTML>
7
<FONT>로 글자 표현하기(결과)
8
<FONT>로 색상과 글꼴 바꾸기
<HTML> <HEAD> <TITLE> Font 태그의 속성 </TITLE> </HEAD> <BODY> <FONT SIZE="6" COLOR="red" FACE="돋움체">돋움체</FONT> <FONT SIZE="6" COLOR="#9900CC" FACE="궁서체">궁서체</FONT> </BODY> </HTML>
9
<FONT>로 색상과 글꼴 바꾸기(결과)
10
웹 문서에서 글자의 스타일 지정하기 <HTML> <HEAD>
<TITLE> 글자 모양 </TITLE> </HEAD> <BODY> 글자 모양 <B>B : 굵게</B> <BR> <U>U : 밑줄</U> <BR> <I> I : 이탤릭체</I> <BR> SUB : 아래 첨자 H<SUB>2</SUB>O <BR> SUP : 윗 첨자 10<SUP>2</SUP> <BR> <BIG>BIG : 조금 크게</BIG> <BR> <SMALL>SMALL : 조금 작게</SMALL> <BR> <STRIKE>STRIKE : 취소선</STRIKE> <BR> <TT>TT : 타자기체</TT> <BR> <KBD>KBD : 타자기체</KBD> <BR> <CODE>CODE : 타자기체</CODE> <BR> <BLINK>BLINK : 깜박거리는 문자</BLINK> <BR> </BODY> </HTML>
11
웹 문서에서 글자의 스타일 지정하기(결과)
12
컬러란 ? 3원색 색의 3요소 빨강, 파랑, 노랑 색상(Hue) 채도(Saturation) 명도(Brightness)
빨강, 파랑, 초록 등 색의 차이 채도(Saturation) 색의 맑고 탁함을 말함 채도가 높을수록 선명하고 깨끗하며, 낮을수록 색이 흐려지고 탁해짐 흰색, 검정, 회색 등은 무채색 명도(Brightness) 색의 밝고 어두움
13
색상모형(1/2) RGB Red, Green, Blue을 바탕으로 각색은 256 단계의 명도값을 가지고, 3원색의 혼합으로 색상을 표현 가산컬러 색상을 혼합하여 더 밝은 색을 얻음 빛을 이용한 모든 출력기(모니터, TV 등)가 색상을 표현할 때 이 모형을 따름 CMYK Cyan, Magenta, Yellow, Black 원색의 혼합에 의해 더 어두어지는 감산혼합 이용 인쇄, 출력과정에 사용
14
색상모형(2/2) HSB Grayscale(회색음영) Bitmap(흑백) Lab Color
색의 3요소인 Hue, Saturation, Brightness의 관계로 나타낸 HSB 모형 Grayscale(회색음영) 검정색과 흰색 그리고 그 사이의 회색 명암으로 구성 회색 단계의 정밀도에 따라 16, 32, 64, 256 단계의 흑백 명암 표현 가능 Bitmap(흑백) 이미지를 2진 비트의 행렬고 표현 하양(0), 검정(1)의 두 색상을 이용하여 이미지를 표현 Lab Color 모니터, 프린터 등 출력 장치가 바뀌면 같은 이미지도 다른 색상으로 나타나는 현상을 극복하기 위한 표준 색상 체계
15
색상 표기법 RR GG BB FF 00 00 Red만 최대값 FF이므로 빨간색
00 FF Green만 최대값 FF이므로 초록색 FF Blue만 최대값 FF이므로 파란색
16
색상명과 RGB 값 Black => #000000 White => #FFFFFF Red => #FF0000
Yellow => #FFFF00 Blue => #0000FF
17
글꼴 태그의 종류 <b> : bold(굵게) <i> : italic(이탤릭체)
<u> : underline(밑줄) <strike> : strike through(취소선) <tt> : typewriter text(타이핑체) <sup> : superscript(위첨자) <sub> : subscript(아래첨자) <big> : big(더 크게) <small> : small(더 작게)
18
BaseFont(문서 전체 글자 크기 변경)
<body> <bodyfont size = 2> … 본문내용 … </basefont> </body> <body> <bodyfont size = -1 face = “comic sans ms” color = orange> </body>
Similar presentations
