HTML 폰트 태그
▣ HTML 폰트 태그
■ HTML에서 글자의 크기를 조절하는 태그에 대해서 알아보도록 할게요. 글자의 크기를 조절하는 태그는 두 가지 정도인데요. <H#> 과 <FONT SIZE=#> 태그입니다.
먼저 <H#>은 #부분에 숫자 1부터 6까지 넣어서 글자의 크기를 조절할 수 있습니다. 1~6의 숫자를 넣을 때 숫자가 커질수록 글자의 크기는 작아지게 되는데요. 직접 예제를 하나 작성해보도록 할게요.
■ 메모장에 그림과 같이 예제를 작성하고 HTML 문서로 저장하고 브라우저에서 실행해보겠습니다. 'H숫자'와 글자크기를 잘 비교해보세요.
■ 출력된 내용을 보면 'H' 다음의 숫자가 커질수록 글자의 크기는 작아지는 걸 확인할 수 있습니다.
다음은 <FONT SIZE=숫자> 태그에 대해서 알아보겠습니다. 이 태그에서는 숫자 부분에 1부터 7까지의 숫자를 넣을 수 있는데요. 숫자가 커질수록 글자의 크기도 커지게 됩니다. 그리고 따로 숫자를 정해주지 않으면 기본값은 '3'으로 설정되어 있거든요. 이 부분에 '+'와 '-' 기호를 이용해서 크기를 정해 줄 수도 있는데요. 기본값 3 이잖아요? <FONT SIZE=+2>는 <FONT SIZE=5>와 같은 겁니다. 반대로 '-2'를 입력하면 <FONT SIZE=1> 과 같은 크기입니다. 이것도 직접 예제를 작성해보겠습니다.
■ FONT SIZE 크기를 1~5까지는 숫자 그대로 입력하고, 기본값에 +3을 해서 '6'의 크기를 지정해봤구요. 마지막에는 -1값을 주어서 '2'의 크기를 설정해봤습니다. 브라우저에서 실행해볼게요.
■ HTML 문서와 브라우저에서 출력된 내용을 비교해보시면 이해가 쉽게 될 겁니다. ^^이렇게 해서 HTML에서 이용하는 글자크기 태그에 대해서 알아봤습니다. 수고하셨어요. ^^