HE + STORY

스타일 태그

• etc/• blog tip & utill / 2012. 9. 6. 16:06

◈ 기본적인 스타일 태그를

텍스트에 줄 수 있는 여러 가지 변화 중에서 가장 기본적인 것이라면 역시 볼드와 이탈릭을 들 수 있습니다. HTML은 이런 기본적인 스타일 이외에도 너비가 같은 글꼴을 사용하게 하거나 글꼴의 크기를 한 단계 늘리고 줄이는 등의 태그를 가지고 있습니다.이와 같은 태그에는 다음과 같이 9가지가 있습니다.

태그	설명	예제
<B></B>	현재 지정된 폰트보다 좀더 큰 크기를 만들 때 사용	볼드체 Bold Face
<BIG></BIG>	현재 지정된 폰트보다 큰 크기의 폰트를 만들고자 할 때 사용	더 큰서체 BIG
<I></I>	이탤릭체로 나타내고 싶을 때 사용	이탤릭체 Italick
<U></U>	특정문자를 밑줄문자로 나타내고 싶을 때 사용	밑줄문자 Underline
<TT></TT>	타자기로 입력한 모양을 만들고 싶을 때 사용	`타자기로 입력 Typewrite`
<BLINK></BLINK>	특정문자를 깜박거리도록 만듦 (익스플로러X)	문자 깜박임 BLINKING
<SMALL></SMALL>	현재 지정된 폰트보다 작은 크기의 폰트를 만들고자 할 때 사용	작은서체 SMALL>
<SUB></SUB>	특정부분을 아래첨자로 나타내고 싶을 때 사용	_{특정부분의 아래첨자 Supscription}
<SUP></SUP>	특정부분을 윗첨자로 나타내고 싶을 때 사용	^{특정부분의 윗첨자 Superscription}

▶ Tag : 텍스트의 색상, 크기, 글꼴 등을 지정할 수 있게 만든 태그입니다.

속성	설명	예제
SIZE	글자의 크기를 설정한다 (1부터 7까지)	<font size="2">글자</font>	글자
COLOR	글자 색 지정	<font color="ff0000">글자</font>	글자
FACE	글꼴 지정	<font face="굴림">글자</font>	글자

※ 주의사항 : 글꼴을 지정할 때에는 나의 컴퓨터에만 있는 글꼴을 설정하면 다른 사람이 볼 경우 글자들이 보이지 않게 된다. 그렇기 때문에 돋움, 궁서, 굴림 등의 모든 사용자에게 있는 글꼴을 설정하여야 합니다.

▶ 공백과 예약 문자 사용하기

HTML을 작성하다 보면 문제가 없는 것처럼 보이는 부분도 막상 브라우저에서 실행시키면 되지 않아 당황하게 하는 경우가 많습니다. 대표적인 경우가 바로 두 개 이상의 공백을 웹페이지에 표시하는 것입니다. 아래의 예제를 보시면 더욱 이해가 잘 가실 것입니다.

예제

<예제 실행화면>

위의 예제에서 본 것과 같이 HTML 에서는 두 개 이상의 공백은 사용할 수 없습니다. 그리고 그 외에도 &, <, >, 등의 문자를 사용할 수 없습니다. 그렇다면 이런 문자를 어떻게 사용할까요? 바로 번호 예약 문자와 이름 예약 문자를 사용하면 됩니다. 아래의 표는 예약 문자들을 나타낸 것입니다. (알아두면 좋겠지요)