글꼴 사용하기

1 글꼴 지정하기

윈도우 [제어판]에 [글꼴]을 더블클릭하면 자신의 PC에 설치 되어 있는 글꼴들을 볼 수가 있지요.
이 글꼴을 모두 사용할 수 가 있습니다만, 내 홈페이지를 방문한 사용자의 컴퓨터에 여기 지정된 글꼴이 설치되어 있지 않다면 기본 글꼴로 표시됩니다.  그래서, 보통 특수한 글꼴이 필요한 경우는 이미지로 만들어서 많이 이용하게 되지요.

태그   - 기능 : 글자의 크기, 색깔, 서체를 지정   - 속성 : size="n", color="#색상코드", face="글꼴체"

글자의 크기지정과 대표적인 몇가지 글꼴을 사용해 볼까요?
메모장에서 아래와 같이 입력해 보시지요.

<font size=1>.....</font>
<font face="궁서체">.....</font>

안녕하세요               안녕하세요               안녕하세요               안녕하세요               안녕하세요

FONT 는 SIZE=3 이 기본적입니다. 폰트 싸이즈를 지정하지 않은면 3 이 된다는 것이지요.
참고로 보통 웹문서에서 가장 무난하면서 많이 쓰는 size는 2 입니다.

  2 글자 색깔 지정하기

이제 글자의 색깔을 여러 가지로 지정해 볼까요?
이것은 SIZE와 마찬가지로 FONT 태그 안에 COLOR를 쓰면 되지요.
색깔을 지정하지 않으면 디폴트로 검정색이 설정됩니다. 색깔이름을 바로 써주어도 되지만, 많은 색깔의 이름을 모두 알 수 없는데다 색깔을 전부 지원하지 않으므로 16진수 RGB코드를 사용합니다.

예를 들어 와 은 동일한 색깔입니다.
☞ RGB 색상표를 참고해 보세요.

<font color="red">...</font>
<font color="#ff00ff">...</font>

안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요

  3 글자 강조하기

이제 글씨를 진하게 해볼까요?
FONT 태그 안에 라는 태그를 삽입하세요.

<b>.....</b>

안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요

폰트 색깔, 서체, 싸이즈, 진하게, 밑줄, 이탤릭체 지정을 동시에 해 볼까요?

태그의 순서

위와 같이 글자속성을 복합하여 사용할 수가 있습니다만, 복합 태그를 사용할 때는 지켜야 할 사항이 있습니다.
시작 태그는 시작태그끼리 앞에 있어야 하고 끝 태그는 끝 태그끼리 뒤에 있어야 합니다.  글자를 사이에 두고 앞의 시작 태그와 뒤의 끝 태그는 항상 가운데를 중심으로 쌍으로 일치되게 있어야 합니다.

  4 줄 바꾸기

우리가 아래한글 워드 문서를 작성할 때는 줄 바꿀 때 Enter키를 치지요.  그러나 웹 문서에서는 줄 바꿀 끝 위치에
태그를 삽입해야 합니다.  
줄을 바꿀려고 아무리 Enter키를 쳐봐야 소용이 없다는 얘기지요.  
태그가 바로 Enter를 누른 것과 같은 효과를 나타낸다는 뜻 입니다.
그리고 문단을 구분해 줄때는

를 씁니다. 이때 문단 사이에는 한 줄의 여백이 생깁니다.

<br>
<p></p>

그냥 줄을 바꾸면        이렇게 서로 붙어 버리지요.        BR 태그를 사용하면        이렇게 다음 줄에 글이 나타납니다.        그리고 P 태그를 사용하면        이렇게 다음 다음 줄에 글이 나타납니다.