사이드바 영역으로 건너뛰기

2-4. 텍스트 꾸미기

 

4. 텍스트 꾸미기

 

4.1. 구절, 단어 꾸미기
4.2. FONT 요소
4.3. 기본 폰트 크기의 설정 요소 - BASEFONT



4. 텍스트 꾸미기

4.1. 구절, 단어 꾸미기
문자의 모양을 바꿀 때 사용하는 태그들입니다. 논리적 스타일과 물리적 스타일로 나눌 수 있는데 논리적 스타일은 문자 모양의 형식을 특정한 형태로 지정하는 것이 아니라 단지 어디를 강조할 것인가만 정하는 것이고 물리적 스타일은 원하는 글자 모양을 직접 지정하는 방식이 됩니다. 물리적 스타일로도 원하는 만큼 나타낼 수 있으므로 물리적 스타일을 많이 씁니다.

    물리적 스타일
  • 볼드체로, 굵게 나타납니다.
  • 이탤릭체로, 기울여진 글씨로 나타납니다.
  • 텔레타이프체로 나타납니다.

 

Idomatic Elements



Word Definition

Word Emphasis

citation of word

computer program code

keyboard input

some sample

strong sample

variable name



Typographic Elements


어떠한 글자를 강조를 하려면 태그를 써야 하고, 이탤릭체로 쓰려면태그를 써야 하고 텔레타이프체로 쓰려면 태그를 써야 한다.
 

4.2. FONT 요소
요소는 시작태그와 끝내기태그 사이에 입력된 텍스트의 폰트 크기, 색상, 글자체를 지정하기 위해 사용하는 요소입니다. 이 요소는 size, color, face의 속성을 가질 수 있습니다.

size 속성
size 속성은 글씨의 크기를 지정할 때 size=n의 형식으로 사용되는데 속성값으로는 1∼7까지의 숫자를 사용할 수 있습니다. Header 요소에서와는 달리 속성값이 커질수록 글자의 크기는 커집니다. 이 속성의 기본값은 3이 됩니다. basefont 크기가 지정되어 있다면 +n 또는 -n의 형식으로 basefont 크기에 대한 상대적 크기로 폰트의 크기를 정의할 수 있습니다.

color 속성
FONT 요소의 시작태그와 끝내기 태그 사이에 입력된 텍스트의 색상을 표현하기 위해 사용하는 속성입니다. FONT 요소의 시작 태그에 color라는 속성을 사용하고 속성값으로 색상의 RGB값을 사용하는 형식을 취합니다. RGB값 앞에 #이라는 부호가 있다는 점을 다시 한번 상기해 보도록 하죠.

  색상을 지정할 텍스트

face 속성
글자체를 지정하기 위해 사용하는 속성으로 face="궁서체"와 같은 코드를 FONT 요소의 시작태그 내에 사용해 주면 됩니다. "궁서체, 돋움체, 굴림체"와 같이 ","를 사용하여 여러 개를 동시에 지정해 줄 수 있는데 이 경우 웹브라우저는 첫 번째의 폰트로 나타내되 문서 방문자의 컴퓨터가 첫 번째로 지정한 폰트를 갖고 있지 않다면 다음 폰트로 나타내게 됨을 의미합니다. 실제로 텍스트의 글자체를 여러 가지로 주는 경우도 있지만, 대부분은 웹브라우저의 버전에 탓에 효과를 보지 못하는 경우가 많습니다. 특히 넷스케이프 네비게이터의 경우는 대부분의 효과가 사라지곤 하죠. 이런 기능상의 제약 탓에 실제 홈페이지에서의 화려한 글씨들은 대부분 그래픽 프로그램으로 작성한 이미지를 이용해서 나타냅니다.

4.3. 기본 폰트 크기의 설정 요소 - BASEFONT
웹브라우저 상에 나타날 텍스트의 크기를 전체적으로 기본값보다 적게 하거나 크게 하고자 한다면 라는 요소를 사용하는데 size라는 속성을 사용하여 글자의 크기를 지정해 줍니다.

 

이 요소는 끝내기 태그를 갖지 않으며 이 태그를 사용하지 않을 경우 웹브라우저에 나타나는 텍스트의 기본 크기는 3이 됩니다.


진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크
  • 태그
  • 글쓴이
    진보호스팅
  • 등록일
    2004/07/29 15:33
  • 수정일
    2004/07/29 15:33
  • 분류
    교육센터
  • 트랙백
    0개
  • 댓글
    0개