3.HTML기초

3.7 기타 Tag

이외에도 몇가지 유용한 Tag는 다음과 같다.

<FONT></FONT>	font, 크기,서체,색상을 조절.
<DIR></DIR>	menu와 비슷하게 작동,각목록의 길이:24까지
<CENTER></CENTER>	중앙에 정렬
<BLINK></BLINK>	깜빡인다.
<STRIKE></STRIKE>	글씨 중간에 줄을 긋는다.(삭제한 것처럼)

BLINK Netscape에서는 기본으로 지원하는 속성이지만, Explorer에서는 옵션으로 BLINK부분을 켜주어야 화면에서 깜빡거린다. Default로 Explorer에서는 깜빡이지 않는다.

예제 4

: 다음은 H1 ~ H6까지의 각 Size와 Font에 대한 예이다.

3.8 특수문자 표기

<나 &같은 문자는 HTML문서에서 사용되는 특수문자이므로 다음과 같이 다른 방식을 써야하는데, 일반적인 HTML Editor에서는 이런 기능이 제공되므로 굳이 외울 필요는 없다.

<	>	&	"	공백	®	©	±
<	>	&	"		®	©	±

3.9 이미지 표기

제일 중요한게 빠졌는데 바로 이미지를 문서에 넣는 것이다. 다음과 같이 하면 된다.

<IMG SRC="duck.gif" ALIGN=TOP ALT="duck image" BORDER=0>

SRC	Load할 그림의 위치를 명시한다. (상대경로/절대경로)
ALT	그림이 Load되는 동안 대신 문자를 보여주게 된다. 큰그림은 반드시 사용하는 것이 좋다.
BORDER	그림을 둘러싼 테두리의 두께로 기본값은 1이다. link로 연결시에 그림 겉에나타나는 파란 테둘이가 나타나지 않게 하려면 "0"으로 표기한다.
ALIGN	문자와 그림간의 정렬하는 위치를 말한다. 다음중 하나가 쓰인다. left,right,top,texttop,middle,absmiddle,baseline,bottom,absbottom.
WIDTH,HEIGHT	그림의 사이즈를 명기하여 확대, 축소할 수 있다. 명시하지 않으면 기본 크기로 생성이 된다 직접 크기를 명시할 수도 있고 원래의 크기에 비례하여 %값도 가질 수 있다.
HSPACE, VSPACE	이미지 주위의 요소들과의 수평, 수직적 간격

예제 5

이미지의 종류 WEB에서 인식되는 그림파일의 이름은 GIF, JPG, PNG 세 개밖에 없다. 나머지 그림은 웹브라우져가 처리할 지 모르기 때문에 사용자에게 물어보게 된다. gif파일은 gif87, gif89 형식이 있다.89형식은 투명, animation이가능하며, 이미지 Editor로 작성하면 된다. 그리고 서서히 이미지가 나타나는 것은 PSP의 저장옵션중89a-interlaced로 저장된 gif파일이 그렇게 작동하게 된다.(압축률로 보자면, PNG>JPG>GIF순이다.)

- Last Update : 2001.6.19 by Deadfire(http://www.deadfire.net)

HTML 강좌

HTML이란?

웹서버 작동원리

HTML 기초
     - 전체 구조
     - 기본 태그
     - 속성 추가
     - Link/Anchor
     - 목록 Tag
     - 문자와 스타일
     - 기타 Tag
     - 특수 문자 표기
     - 이미지 표기

HTML 활용
     - Table
     - Frame
     - Form
     - Elements

기 타
     - MIME Type
     - 이미지 맵
     - 클라이언트 풀

마치며