HTML 기초 , <font> <basefont> 태그 (여섯번째)
이 포스트는 Tistory 블로그를 하면서 자주 접하는 HTML에 대한 궁금증을 해소하기 위해
HTML 기초공부를 시작하고, 공부한 내용을 정리 목적으로 작성된 포스트입니다. ^^
우리가 보고 있는 인터넷 페이지들을 구성하는 정보는 글자로 전달되는게 많습니다. 글자만 심심하게 나열되어 있다면
글을 읽는 사람들이 지루함을 느낄 수 있습니다. 그래서 글자의 크기 / 색상을 다양하게 지정해 지루하지 않게 하거나
강조하고자 하는 부분을 쉽게 알아볼 수 있도록 지정할 수 있습니다.
HTML기초, <font> <basefont> 태그. 글자를 마음대로 요리해요~
HTML 문서에 입력한 글자를 원하는 형태로 변경하기 위해서 <font> 태그를 사용합니다.
그리고 <font> 태그의 크기(size), 색상(color), 글꼴(face)을 지정하기 위해 속성이 제공됩니다.
◎ 글자의 크기를 바꾸는 size 속성
<font> 태그는 size 속성 값을 지정해 행을 바꾸지 않고 글자의 크기를 변경할 수 있습니다.
글자의 크기는 1 ~ 7 까지의 7단계로 지정할 수 있으며, <h> 태그와는 반대로 숫자의 크기가 클수록 글자가 큽니다.
즉, 1이 가장 작고 7이 가장 큽니다. 그리고 <h> 태그는 자동으로 줄 바꿈을 하지만 <font> 태그는 줄 바꿈을 하지 않습니다.
◎ 글자의 색상을 지정하는 color 속성
<body> 태그에서는 전체적인 글자의 색을 text 속성으로 지정해 나타낼 수 있지만 원하는 글자만 색을 지정하려면
<font> 태그에 color 속성을 사입해 지정할 수 있습니다.
예문)
<font color="색상명이나 #RGB"> ~ </font>
<body text ="색상명이나 #RGB"> ~ </body>
◎ 글꼴을 변경하는 face 속성
face 속성은 기본적인 HTML 문서의 글꼴이 아닌 다양한 글꼴을 지정하기 위해서 사용합니다.
만약 두 가지 이상의 글꼴을 지정하려면 콤마(,)로 구분하면 됩니다. 여러 글꼴을 한꺼번에 지정하는 이유가 웹 에서 지원되지
않는 글꼴일 경우를 대비하기 위해서입니다.
# 기본 글자 크기를 지정하는 <basefont> 태그
<basefont size= "n"> 태그는 현재 사용하고 있는 HTML 문서의 기본 글자의 크기를 지정할 때 사용합니다.
<font> 태그의 size 속성은 지정한 곳에서만 부분적으로 적용되지만 <basefont size="n"> 태그는 HTML 문서의 기본 글자의
크기를 지정할 때 사용합니다. </basefont> 종료태그는 없기때문에 사용하지 않습니다.
◎ 글자의 크기를 상대적으로 지정하기
<font> 태그는 수식에 의한 직접 크기 지정 외에도 '+n', '-n'과 같이 현재 표시하고 있는 글꼴에 대한 상대 크기도
지정할 수 있습니다. 그래서 본문의 크기보다 상대적으로 크게 하고 싶을 때는 '+n', 작게하고싶을때는 '-n'으로 지정합니다.
예문)
<font size="+n 또는 -n"> ~ </font>
(n은 상대적 크기)
