Copyright: woolee 1998.12


초기화면

This help file was created with HelpScribble.


시작

This help file was created with HelpScribble.


머리말
들어가기 전에

HTML4.0

 HTML4.0은 아직 표준화Recommendation되지는 않았지만, Netscape4.0과 Explorer4.0은  이 안Draft을 대부분 수용하고 있다. 따라서, 우리는 HTML4.0을 사용해서 웹문서를 작성할 수 있는 것이다.  한편, 위에 언급한 두 브라우저는 이미 표준화 된 HTML3.2과 HTML4.0의 반영에서 차이가 있다.  따라서, 우리는 두 브라우저가 지원하는 HTML의 공통점과 차이점을 잘 파악하여 브라우저와 관계없이 동일한Cross-Browser 웹문서를 제공할 필요가 있다.

그림단추Image Botton 사용하기 - 아래의 그림을 누르면 자세한 설명을 볼 수 있다.

New는 HTML3.2에는 없었지만 HTML4.0에서는 추가된 요소들을 나타낸다.

woolee

e-mail : ykwoo3@soback.kornet21.net

This help file was created with HelpScribble.


HTML40 목록

W3C(World Wide Web Consortium)에서

제안한 HTML4.0의 모든 요소들의 목록이다.

This help file was created with HelpScribble.


Explorer Only

마이크로 소프트사의 브라우저인 익스플로러만이

지원하는 HTML4.0요소Elements만 모은 목록이다.

This help file was created with HelpScribble.


Netscape Only

넷스케이프사의 브라우저인 넷스케이프 커뮤니케이터만이

지원하는 HTML4.0요소Elements들의 목록이다.

This help file was created with HelpScribble.


CROSS BROWSER
CROSS-BROWSER

이것은 넷스케이프와 익스플로러가

함께 지원하는 HTML4.0요소들의 목록이다.

This help file was created with HelpScribble.


index
찾아보기

HTML40요소나 그 속성에 해당하는 낱말을

입력하여 그 내용을 찾아본다.

This help file was created with HelpScribble.


back
돌아가기

현재 보고있는 문서 바로 앞의

문서내용으로 되돌아간다.

This help file was created with HelpScribble.


quit
끝내기

'전천후HTML40태그사전' 도움말의

사용을 마친다.

This help file was created with HelpScribble.


총목록

HTML4.0의 전체와 익스플로러와 넷스케이프가

각각 단독으로 사용하는 요소들의 전체목록이다.

각 요소별 속성Attributes의 브라우저 지원여부도

볼 수 있다.

This help file was created with HelpScribble.


CROSS BROWSER
CROSS-BROWSER HTML4.0

아래의 각 요소Elements들은 넷스케이프와 익스플로러에서 공통으로 사용할 수 있는 HTML4.0이다.

<A>

HREF

NAME

TARGET

<ADDRESS>

<APPLET>

ALIGN

ALT

CODE

CODEBASE

HEIGHT

HSPACE

NAME

SRC

WIDTH

<AREA>

ALT

COORDS

HREF

NAME

SHAPE

TARGET

<B>

<BASE>

HREF

TARGET

<BASEFONT>

COLOR

SIZE

<BIG>

<BLOCKQUOTE>

<BODY>

ALINK

BACKGROUND

BGCOLOR

LINK

TEXT

VLINK

<BR>

CLEAR

<CAPTION>

ALIGN

VALIGN

<CENTER>

<CITE>

<CODE>

<COMMENT>

<DD>

<DIR>

<DIV>

ALIGN

<DL>

COMPACT

<DT>

<EM>

<EMBED>

ALIGN

ALT

BORDER

HSPACE

NAME

PALETTE

PLUGINSPACE

VSPACE

<FONT>

COLOR

FACE

<FORM>

ACTION

ENCTYPE

METHOD

NAME

TARGET

<FRAME>

BODERCOLOR

FRAMEBODER

FRAMSPACING

MARGINHEIGHT

MARGINWIDTH

NORESIZE

SCROLLING

SRC

<FRAMESET>

BORDER

BORDERCOLOR

COLS

FRAMESPACING

ROWS

<H1~6>

<HR>

ALIGN

COLOR

NOSHADE

SIZE

WIDTH

<HEAD>

<HTML>

<I>

<IMG>

ALIGN

ALT

BODER

HEIGHT

HSPACE

ISMAP

LOWSRC

NAME

SRC

USEMAP

VSPACE

WIDTH

<INPUT>

ALIGN

CHECKED

MAXLENGTH

NAME

SIZE

TYPE

VALUE

<DL>

ACTION

PROMPT

<KBD>

<LI>

TYPE

<LINK>

HREF

REL

TYPE

<LISTING>

<MAP>

NAME

<MENU>

<META>

CONTENT

HTTP-EQUIV

NAME

<OL>

START

TYPE

<OPTION>

NAME

SELECTED

TYPE

VALUE

<P>

ALIGN

<PARAM>

NAME

VALUE

<PLAINTEXT>

<PRE>

WIDTH

<S>

<SAMP>

<SELECT>

ALIGN

MULTIPLE

NAME

SIZE

TYPE

<SMALL>

<STRIKE>

<STRONG>

<STYLE>

DISABLE

MEDIA

TYPE

<SUB>

<SUP>

<TABLE>

ALIGN

BACKGROUND

BGCOLOR

BODER

BODERCOLOR

CELLPADDING

CELLSPACING

FRAME

HEIGHT

RULES

VALIGN

WIDTH

<TD>

ALIGN

BACKGROUND

BGCOLOR

BODERCOLOR

COLSPAN

HEIGHT

VALIGN

WIDTH

<TEXTAREA>

ALIGN

COLS

NAME

WRAP

<TH>

ALIGN

BACKGROUND

BGCOLOR

BODERCOLOR

COLSPAN

HEIGHT

NOWRAP

ROWSPAN

VALIGN

WIDTH

<TITLE>

<TR>

ALIGN

BGCOLOR

BODERCOLOR

VALIGN

<TT>

<U>

<UL>

TYPE

<VAR>

<XMP>

This help file was created with HelpScribble.


<A>

<A> HREF, NAME, TARGET

쪽넘기 요소Anchor element는 HTML의 핵심이며, <A>로 그 기능을 설정한다. <A> 요소에 부가적으로 사용되는 것들은 다음과 같은데, 기본적으로 다른 문서나 한 문서에서 다른 곳으로 이동할 때에 사용한다.

HREF, NAME

쪽넘기Anchor는 다음과 같은 형식으로 사용한다.

<A HREF="http://soback.kornet21.net/~ykwoo3">Woolee's HTML+CSS</A>

위는 특정 주소의 문서로 옮겨갈 때의 경우이고 동일한 디렉토리의 다른 문서의 특정 부분으로 옮겨갈 때에는 아래와 같이 표시한다.

<A HREF="same.html#넘기">넘기</A>

이 경우에는  same.html의 내용중 '넘기'라는 낱말이 있는 곳으로 이동하는데, 이 때 same.html의 '넘기'는 다음과 같이 표시되어 있어야 한다.

<A NAME="넘기">넘기</A>

또, 동일문서내에서 다른 위치로 옮겨갈 때에는

<A HREF="#건너뛰기">건너뛰기</A>로 건너 뛸 위치를 지정하고, 건너 뛸

목표는

<A NAME="건너뛰기">건너뛰기</A>로 표시한다.

TARGET

이것은 <frame>요소Element와 함께 사용한다.

<A HREF="new.html" TARGET="window_name">덧창</A>

위에서

window_name

은 <FRAME>의 'window.open'에 의해 지정된다.  만일 <FRAME>에서 지정되지 않는다면, TARGET에서 지정한 이름으로 new.html이 새 창에서 실행된다.

This help file was created with HelpScribble.


<ADDRESS>

<ADDRESS>

이것은 주소를 표시할 때 사용하는데, 글꼴은 이태릭체로 나타난다.

<ADDRESS>

대한민국<BR>

경기도 양평군 양평읍 대흥1리<BR>

000-00<BR>

</ADDRESS>

위처럼 하면 다음과 같이 나타난다.

대한민국

경기도 양평군 양평읍 대흥1리

000-00

This help file was created with HelpScribble.


<APPLET>

<APPLET> ALIGN, ALT, CODE, CODEBASE, HEIGHT, HSPACE, NAME, SRC, WIDTH

이것은 자바 애플릿pre-compiled HotJava applets을 HTML에 삽입할 때 사용한다. 자바 애플릿을 만드는 방법에 대해서는

http://java.sun.com/

http://www.microsoft.com/java/

위의 두 사이트에서 정보를 얻을 수 있다.

이것의 간단한 보기는 다음과 같다.

<APPLET CODE="java.class" WIDTH=200 HEIGHT=100></APPLET>

위는 해당 HTML과 같은 디렉토리에 있는 java.class를 가로 200px, 세로 100px로 실행하는 경우이다.

좀더 복잡한 보기를 들면 다음과 같은데,

<APPLET CODEBASE="http://www.any.where/applets/ animate" CODE="animate.class"

width=400 height=75 align=center>

</APPLET>

이것은 http://www.any.where/applets/ animate의 주소에 있는 animate.class를 실행하는 경우이다.

부가적으로 사용되는 속성을 살펴보면 다음과 같다.

ALIGN=위치(left, right, top, texttop, middle, absmiddle, baseline, bottom, absbottom)

이것은 <IMG> 요소Element의 위치를 지정하는 방법과 동일하다.

ALT=주석

applet이 실행되지 않을 경우에 대비해 해당 위치에 일반 글Text로 설명을 다는 데에 사용한다.

CODE=파일applet File

실행될 파일의 이름을 지정한다.

CODEBASE=URL

applet이 있는 위치(주소)를 지정한다. 해당 HTML문서와 같은 디렉토리에 있는 경우에는 필요하지 않다.

HEIGHT=pixels WIDTH=pixels

applet이 실행될 때의 크기를 지정한다.

HSPACE=pixels VSPACE=pixels

이것은 applet의 위와 아래(VSPACE), 그리고 좌우(HSPACE)에 공백을 지정할 때에 사용한다. <IMG>의 VSPACE, HSPACE와 같다.

NAME=applet의 이름

같은 문서내에서 applet을 구분하고, 서로 관련지을 때에 사용한다.

SRC=URL

applet과 관련된 주소를 지정할 때에 사용한다.

This help file was created with HelpScribble.


<AREA>

<AREA> = <MAP>

ALT

COORDS

HREF

NAME

SHAPE

TARGET

This help file was created with HelpScribble.


<B>

이것은 특정 글을 굵고 진하게 표시할 때에 사용한다.

다음은<B>굵은 글이다.</B>

다음은 굵은 글이다.

This help file was created with HelpScribble.


<BASE>

<BASE> HREF, TARGET

이것은 특정 홈페이지의 기본(시작)이 되는 주소를 지정할 때에 사용하는데, <HEAD>부분에 위치해야만 한다.

HREF

<BASE HREF="http://www.user.com/">

이렇게 지정하면, 상대적인 주소relative URLs를 문서내에서 자유롭게 사용할 수 있다.

TARGET

<BASE TARGET="default_target">

This help file was created with HelpScribble.


<BASEFONT>
<BASEFONT>  new

<BASEFONT> SIZE

이것은 문서의 글꼴크기Font Size를 정할 때에 사용하는데, <HEAD>부분에 위치할 필요는 없다. 초기값Default Value은 3이고, 1에서 7까지 가능하다.

<BASEFONT SIZE=5>

This help file was created with HelpScribble.


<BIG>

<BIG>

이것은 문서의 특정부분을 다른 부분보다 크게 나타낼 때에 사용한다.

다음은 <BIG>크게</BIG> 보일 것이다.

다음은 크게 보일 것이다.

This help file was created with HelpScribble.


<BLOCKQUOTE>

<BLOCKQUOTE>

문서의 특정 부분을 들여쓰기 할 때에 사용한다.

술 취한 시인이 말했다.

<BLOCKQUOTE>

"나는 술 마시는 것이 부끄러워 또 술을 마신다고 쓴 메모가 술을 마시고 나니 보인다. 술이 깨면 알아볼 수 없다."

</BLOCKQUOTE>

그는 그저 술꾼일 뿐이다.

라고 하면, 다음과 같이 나타난다.

술 취한 시인이 말했다.

"나는 술 마시는 것이 부끄러워 또 술을 마신다고 쓴 메모가 술을 마시고 나니 보인다. 술이 깨면 알아볼 수 없다."

그는 그저 술꾼일 뿐이다.

This help file was created with HelpScribble.


<BODY>

<BODY> ALINK,BACKGROUND, BGCOLOR, LINK, TEXT,,VLINK

이것은 HTML문서의 본문에 해당한다.

<BODY>

이 안에 모든 문서내용이 담긴다.

</BODY>

BACKGROUND

문서의 바탕그림을 지정한다.

<BODY BACKGROUND="image.gif">

BGCOLOR

바탕색을 지정한다.

<BODY BGCOLOR="#ffffff">

TEXT는 글꼴의 색깔을 지정한다.

<BODY TEXT="#000000">

LINK, VLINK=visited link, ALINK=active link

<BODY LINK="blue" VLINK="red" ALINK="yellow">

위처럼 하면, Link된 글은 파란색이고, 그것을 선택하면 노란색으로 바뀌며, 이미 방문했던 Link는 붉은 색으로 나타난다.

주의 : ALINK는 NS에서만 가능하다.

참고로 BGPROPERTIES=FIXED를 소개한다. 이는 IE에서만 가능한데,

<BODY BACKGROUND="image.gif" BGPROPERTIES=FIXED>

위처럼 하면, 문서를 아래로 읽어가도 배경그림은 그대로 멈추어 있는 효과를 지정할 수 있다.

This help file was created with HelpScribble.


<BR>

<BR> CLEAR

이것은 줄바꾸기를 할 때 사용한다.

바람이 분다.<BR> 구름이 몰려 온다.<BR>비가 내린다.<BR>

라고 하면, 다음과 같이 나타난다.

바람이 분다.

구름이 몰려 온다.

비가 내린다.

CLEAR=left

왼쪽에 그림Image이 있다면 그 그림의 높이만큼 줄바꾸기를 한다.

CLEAR=right

그림이 오른쪽에 있는 경우 그 그림의 높이만큼 줄바꾸기를 한다.

CLEAR=all

양쪽에 그림이 있을 때, 그 그림의 높이만큼 줄바꾸기를 한다.

This help file was created with HelpScribble.


<CAPTION>

<CAPTION> ALIGN, VALIGN

<TABLE>에 제목을 달 때에 사용한다. 위치는

<TABLE>

<CAPTION>...</CAPTION>

<TR>

... ...

</TABLE>

이다.

This help file was created with HelpScribble.


<CITE>

<CITE>

인용Citation할 때에 사용한다.

속담에 <CITE>아니 땐 굴뚝에 연기나랴</CITE>라는 말이 있다.

라고 하면

속담에 아니 땐 굴뚝에 연기나랴라는 말이 있다.

위처럼 이태릭체로 나타난다.

This help file was created with HelpScribble.


<CODE>

<CODE>

이것은 특정 내용(수학의 수식 등)이 한 줄에 다 나타나도록 한다. 이것은 미리 형태를 정해놓고 그대로 나타나도록 하는 <PRE>와는 구분된다.

덧셈 : <CODE>1 + 2 + 3 + 4 + 5 - 1 - 2 - 3 - 4 - 5 = 0</CODE>

라고 하면

덧셈 : 1 + 2 + 3 + 4 + 5 - 1 - 2 - 3 - 4 - 5 = 0

수식은 줄을 나누지 않고 한 줄에 다 표시된다.

This help file was created with HelpScribble.


<CENTER>

<CENTER>

그림이나 문장을 문서 중앙에 위치하게 한다.

This help file was created with HelpScribble.


<COMMENT>

<COMMENT>

이것은 문서상에 나타나지 않는 숨겨진 말을 표시할 때 쓰며, <!--  -->과 같은 기능을 한다.

This help file was created with HelpScribble.


<DD>

<DD> COMPACT

<DL>안에서 <DT>와 함께 사용한다.

<DL>

<DT>제1조<DD>남자는 여자를 사랑한다.

<DT>제2조<DD>여자는 남자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

제1조

      남자는 여자를 사랑한다.

제2조

      여자는 남자를 사랑한다.

COMPACT

<DL COMPACT>

<DT>선택과 권리<DD>여자는 남자를 사랑한다.

<DT>의무<DD>남자는 여자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

 선택과 권리

         남자는 여자를 사랑한다.

 의무  여자는 남자를 사랑한다.

This help file was created with HelpScribble.


<DIR>

<DIR>

기능상 이것보다는 <UL>을 사용하는 것이 좋다.

<DIR>

<LI>가

<LI>나

<LI>다

<LI>라

</DIR>

•	가

•	나

•	다

•	라

This help file was created with HelpScribble.


<DIV>

<DIV> ALIGN

이것은 묶음요소Block Element인데 Style Sheet의 사용에서 중요한 기능을 한다.

HTML로 인터넷 문서를 만드는 사람들은<DIV>NS와 IE의 서로 상이한 HTML의 지원과 CSS의 수용 차이를 발견하고 잠시 혼란에 빠진다. 이 두 브라우저에 동시에 적용되는 홈페이지를 구축하자면, 아주 단순하고 볼품없는 문서형식을 유지할 수 밖에 없고, 과도하게 그림을 사용할 수 밖에 없는데</DIV>이것이 우리가 처한 브라우저와 관련한 현실이다.

위처럼 하면 다음과 같이 나타난다.

HTML로 인터넷 문서를 만드는 사람들은

NS와 IE의 서로 상이한 HTML의 지원과 CSS의 수용 차이를 발견하고 잠시 혼란에 빠진다. 이 두 브라우저에 동시에 적용되는 홈페이지를 구축하자면, 아주 단순하고 볼품없는 문서형식을 유지할 수 밖에 없고, 과도하게 그림을 사용할 수 밖에 없는데

이것이 우리가 처한 브라우저와 관련한 현실이다.

ALIGN=center, left, right.

위치를 지정한다.

This help file was created with HelpScribble.


<DT>

<DT> COMPACT

<DL>안에서 <DD>와 함께 사용한다.

<DL>

<DT>제1조<DD>남자는 여자를 사랑한다.

<DT>제2조<DD>여자는 남자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

제1조

      남자는 여자를 사랑한다.

제2조

      여자는 남자를 사랑한다.

COMPACT

<DL COMPACT>

<DT>선택과 권리<DD>여자는 남자를 사랑한다.

<DT>의무<DD>남자는 여자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

 선택과 권리

         남자는 여자를 사랑한다.

 의무  여자는 남자를 사랑한다.

This help file was created with HelpScribble.


<EM>

<EM>

이것은 문서의 일부를 강조할 때 사용하는 데 이태릭체로 나타난다.

<EM>사랑은</EM> 신비롭지 않다.

는 다음과 같이 나타난다.

사랑은 신비롭지 않다.

This help file was created with HelpScribble.


<EMBED>

<EMBED> ALIGN, ALT,BORDER, HSPACE, NAME, PALETTE, PLUGINSPACE, VSPACE

이것은 html문서에 외부화일을 연결할 때에 사용한다.

<EMBED SRC="song.mid" WIDTH="100" HEIGHT="50">

위의 보기는 song.mid가 연주되도록 하는데, 브라우저상에 제어판이 그림으로 나타난다. 물론, 브라우저에 midi음악을 연주할 프로그램이 plug-in 되어 있음을 전제로 한다.

PALETTE=foreground, background

사용자의 컴퓨터가 256 색으로 설정되어 있을 경우, 색상이 그릇되게 나타나는 palette flash라는 현상이 나타날 수 있다. 이것을 피하기 위해 foreground나 background palette를 사용한다. 그런데, 이것은 Windows platform에서만 가능하다.

PLUGINSPACE="주소"

이것은 사용자가 해당 파일을 실행할 plug-in이 없을 경우, 그것을 얻을 수 있는 주소를 설정하여 설치할 수 있도록 돕는 데에 사용한다.

This help file was created with HelpScribble.


<FONT>

<FONT> COLOR, FACE, SIZE

글꼴종류와 색, 크기를 지정한다.

<FONT SIZE=4 COLOR="#FF0000">크기가 4인 붉은 색의 글</FONT>

의 경우

크기가 4인 붉은 색의 글

로 나타난다.

FACE

이것은 글꼴의 종류를 정한다. 주의할 것은 글꼴을 선택할 때에 반드시 사용자의 시스템에 해당 글꼴이 있는가를 고려하여야만 한다. 따라서,

FACE="샘물체, 굴림체"

위처럼 하면, 샘물체가 사용자의 시스템에 없을 경우 굴림체로 글꼴이 정해진다.

This help file was created with HelpScribble.


<FORM>

<FORM> ACTION, ENCTYPE, METHOD, NAME, TARGET

문서에 데이터(CGI등)를 불러들일 때에 사용한다. 한 문서안에 여러개의 form을 사용할 수는 있지만, form안에 또다른 form을 넣을 수는 없다.

<FORM ACTION="주소" METHOD="GET|POST" ENCTYPE="MIME type">

. . .

</FORM>

ACTION

이것은 실행될 데이터가 위치한 곳을 지정한다.

METHOD=GET 또는 POST

GET은 데이터를 읽어들일 때에 사용한다.

POST는 데이터를 바꿀(등록할) 때에 사용한다.

ENCTYPE

이것은 media type을 지정한다. MIME type이 기본설정이다.

TARGET

이것은 form이 실행될 창을 설정한다.

This help file was created with HelpScribble.


<FRAME>
<FRAME>  new

<FRAME> FRAMEBODER, FRAMSPACING, MARGINHEIGHT, MARGINWIDTH, NORESIZE, SCROLLING, SRC

이것은 <FRAMESET>안에 한 frame을 설정할 때에 사용한다.

SRC="주소"

frame으로 사용할 문서가 위치한 주소를 지정한다.

MARGINWIDTH="값"

좌우의 여백을 지정한다.

MARGINHEIGHT="값"

위, 아래의 여백을 지정한다.

SCROLLING="yes, no, auto"

이것은 frame안의 문서를 두루마리식으로 볼 수 있는가의 여부를 정한다. no는 사용자의 설정을 고려하지 않으므로 위험하다.

NORESIZE

이것은 frame창의 크기를 조정하지 못하도록 한다.

FRAMEBORDER="yes, no, 0"

이것은 frame 창의 조절막대 부분을 나타내는 여백의 유무를 정한다.

그런데, 이 여백없는 frame창은 IE와 NS가 지원하는 방식이 틀리다.

NS에서는 BORDER="0"이라고 설정하면 되지만, IE는 FRAMEBORDER와 FRAMESPACING을 함께 0으로 하여야 한다.

따라서 다음과 같이 하여야 두 브라우저를 동시에 만족하는 여백없는 frame창을 만들 수 있다.

<FRAMESET FRAMEBORDER="0" FRAMESPACING="0" BORDER="0" COLS="150,*" >

<FRAME SRC="frame.htm" NAME="frame">

...

This help file was created with HelpScribble.


<FRAMESET>
<FRAMESET>  new

<FRAMESET> BORDER, BORDERCOLOR, COLS, FRAMESPACING, ROWS

이것은 frame 설정의 기본 단위이다.

ROWS=세로로 나누기

<FRAMESET ROWS="20%, 100, *">

위의 보기는 화면을 세로축으로 전체 화면을 세개로 나눈 것인데, 그 높이가 각각 전체창의 20%, 나머지에서 100px, 그리고 남은 원래창으로 구성된다.

<FRAMESET ROWS="25%, 75%">

위의 보기는 전체 창을 세로축으로 두개로 나눈 것이다. 이것은 다음과 같이 표시하여도 동일한 효과가 나타난다.

<FRAMESET ROWS="*, 3*">

COLS=가로로 나누기

이것은 ROW와 동일한 방법으로 가로축으로 창을 나눈다.

BORDER=길이(px...등)

창의 경계의 두께를 설정한다.

BORDERCOLOR=색

경계의 색을 지정한다.

FRAMESPACING=길이

나뉘어진 창 사이의 간격을 설정한다.

This help file was created with HelpScribble.


<HR>

<HR> ALIGN, NOSHADE, SIZE, WIDTH

HTML문서에 가로줄을 그을 때 사용한다.

SIZE=길이

두께를 지정한다.

WIDTH=길이(또는 %)

가로의 길이를 지정한다.

ALIGN=left, right, center

가로줄의 위치를 결정한다.

NOSHADE

입체적인 모양 대신 단순히 선으로 나타낼 때 사용한다.

This help file was created with HelpScribble.


<HTML>

<Html>

이것은 그것이 HTML문서임을 나타내는 기본 단위이다.

<HTML>

<HEAD>

<TITLE></TITDE>

</HEAD>

<BODY>

</BODY>

</HTML>

This help file was created with HelpScribble.


<I>

<I>

이것은 글자를 기울여 쓸 때(이탤릭체)에 사용한다.

This help file was created with HelpScribble.


<IMG>

<IMG> ALIGN, ALT, BODER, HEIGHT, HSPACE, ISMAP, LOWSRC, NAME, SRC, USEMAP, VSPACE, WIDTH

이것은 그림을 HTML문서에 연결할 때에 사용한다. 외부파일을 HTML에 불러들이는 형식이므로 과도한 사용은 HTML의 검색을 더디게 한다.

ALIGN

=left, right, top, texttop,middle,absmiddle, baseline, bottom, absbottom

한 줄Line에서 그림의 위치와 글자에 대한 상대적 높낮이를 결정한다.

ALT=설명

그림에 대한 풍선도움말ToolTip을 지정한다.

ISMAP

다른 곳에서 이미지맵<MAP>을 불러들일 때에 사용한다.

<A HREF="http://machine/htbin/imagemap/sample">

<IMG SRC="sample.gif" ISMAP></A>

위처럼 사용할 수 있는데, 주의할 것은 HTTP server에 이미지맵을 조정할 수 있는 cgi-bin software가 설치되어 있어야 한다는 것이다.

SRC=주소

그림이 위치한 주소를 지정한다.

WIDTH=값, HEIGHT=값

그림의 가로, 세로의 길이를 지정한다. 이 때, 그림이 가지는 고유의 값을 지정할 수도 있고, 축소 또는 확대하여 나타낼 수도 있다. 길이를 지정하는 것이 그림이 떠오르는 시간을 줄일 수 있다.

BORDER=값

그림의 테두리를 설정한다.

VSPACE=(세로)값, HSPACE=(가로)값

그림과 글자간의 가로와 세로의 간격을 지정한다.

LOWSRC

이것은 다음과 같이 사용하는데,

<IMG SRC="high.gif" LOWSRC="low.gif">

HTML에 접속하면, 브라우저는 먼저 LOWSRC에 지정한 그림을 나타나게 하고,모든 문서가 다 나타났을 때, 그 그림 위에 SRC에서 지정한 그림이 나타나도록 한다. 이 때, 두 그림의 길이를 지정하지 않았다면, LOWSRC의 원래 크기에 해당하는 크기에 맞추어 SRC에서 지정한 그림이 드러나도록 한다.

NAME

HTML문서상에서의 그림의 이름을 지정한다.

This help file was created with HelpScribble.


<INPUT>

<INPUT> ALIGN, CHECKED, MAXLENGTH, NAME, SIZE, TYPE, VALUE

<FORM>형식에 필요한 사항인데, 사용자가 직접 글을 써넣거나 데이터를 스크립트의 도움을 받아 실행시킬 수 양식을 만든다.

ALIGN

위치를 지정한다.

CHECKED

표시된 사각형checkbox 또는 원radio botton을 보여준다.

MAXLENGTH

한 공간안에 들어갈 수 있는 최대문자를 지정한다.

NAME

이름을 지정한다.

SIZE

아래의 보기처럼 크기를 지정한다.

INPUT TYPE="text" SIZE="24"

SRC

IMG에서처럼 주소를 지정한다.

TYPE

글text 등, 해당 형식을 정한다.

BUTTON

단추. 이것은 각종 스크립트를 실행하는 장치로 이용된다.

VALUE

이것은 단추의  이름을 정할 때 사용하며, 단추에 표시된다.

This help file was created with HelpScribble.


<DL>

<DL> COMPACT

<DT>, <DD>와 함께 사용한다.

<DL>

<DT>제1조<DD>남자는 여자를 사랑한다.

<DT>제2조<DD>여자는 남자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

제1조

      남자는 여자를 사랑한다.

제2조

      여자는 남자를 사랑한다.

COMPACT

<DL COMPACT>

<DT>선택과 권리<DD>여자는 남자를 사랑한다.

<DT>의무<DD>남자는 여자를 사랑한다.

</DL>

위처럼 하면 다음과 같이 나타난다.

 선택과 권리

         남자는 여자를 사랑한다.

 의무  여자는 남자를 사랑한다.

This help file was created with HelpScribble.


<KBD>

<KBD>

글자를 mono spaced font로 나타낼 때에 사용한다.

This help file was created with HelpScribble.


<LI>

<OL>

This help file was created with HelpScribble.


<LINK>

<LINK> HREF, REL, TYPE

이것은 문서와 외부의 대상을 연결한다.

<LINK

REL="stylesheet" TYPE="text/css"

HREF="http://www.user.com/formal.css"

TITLE="formal">

위의 예는 스타일 시트 formal.css를 문서에 불러들여 사용할 때에 사용한다.

Dynamic Font를 불러들여 사용할 수도 있는데, 이 때 NS는 다음과 같이 한다.

<LINK REL="fontdef" SRC="http://site/path/fontdef.pfr">

자세한 것은

http://home.netscape.com/comprod/products/communicator/fonts/index.html

를 방문한다.

DISABLED

이것은 IE에서만 가능한데, 해당 LINK가 기능하지 못하도록 한다.

This help file was created with HelpScribble.


<LISTING>

<LISTING>

<PRE>나 <XMP>와 유사한 기능을 한다.

사이비는<LISTING>비슷하지만 아니라는</LISTING>뜻이다.

는

사이비는

비슷하지만 아니라는

뜻이다.

로 표시된다.

This help file was created with HelpScribble.


<MAP>

<MAP> NAME

그림을 분할하여 각 부분이 다른 문서와 연결되도록 한다.

<IMG SRC="map.gif" USEMAP="maps.html#map1">

위의 보기는 map1이라는 이름으로 해당 그림이 maps.html에 연결됨을 보여준다.

그림의 분할은 <MAP>과 <AREA>를 사용한다.

<MAP NAME="map">

<AREA [SHAPE="shape"] COORDS="x,y,..." [HREF="reference"] [NOHREF]>

</MAP>

NAME

<IMG USEMAP=...>과 일치한다. (<AREA>에서 지정할 수도 있다.)

SHAPE=CIRCLE, RECT, POLY

범위지정을 어떤 모양으로 하는가를 결정한다.

COORDS

범위를 지정한다.

SHAPE="RECT"(사각)일 경우는

COORDS="left-x,top-y,right-x,bottom-y"로 정해지며,

SHAPE="CIRCLE"(원)은

COORDS="centre-x, centre-y, radius"

SHAPE="POLY"(불규칙)는

COORDS="x1,y1,x2,y2,x3,y3... "로 정해진다.

This help file was created with HelpScribble.


<MENU>

<MENU>

<UL>과 같은 기능을 하는데, 역시<LI>와 함께 사용한다.

<MENU>

<LI>남자

<LI>여자

<LI>사랑

</MENU>

는

•	 남자

•	 여자

•	 사랑

으로 나타난다.

This help file was created with HelpScribble.


<META>

<META> CONTENT, HTTP-EQUIV, NAME

<HEAD>에 위치하는데, 문서의 다양한 정보를 server와 client에 제공한다.

<META HTTP-EQUIVE="CONTENT-TYPE" CONTENT="TEXT/HTML; CHARSET=EUC-KR">

위는 해당 문서가 한글 전용으로 나타남을 뜻한다.

CHARSET=ISO-8859-1은 영어권 전용을 의미한다.

IE의 경우는 이것이 정해지면 다른 언어는 깨져 보인다.

This help file was created with HelpScribble.


<OL>

<OL> START, TYPE

순서가 있는 목록Ordered List이다. 즉, 각 항의 앞에 숫자가 붙는 것이다.

<LI>와 함께 사용한다.

<OL>

<LI>아침

<LI>점심

<LI>저녁

</OL>

위의 보기는 다음과 같이 나타난다.

1. 아침

2. 점심

3. 저녁

TYPE=A

A, B, C...가 앞에 붙는다.

TYPE=a

a, b, c...가 앞에 붙는다.

TYPE=I

I, II, III...가  앞에 붙는다.

TYPE=i

i, ii, iii...가 앞에 붙는다.

TYPE=1

1, 2, 3 ...가 앞에 붙는데, 미리 지정된Default 형식이다.

START

위의 보기를 다음과 같이 바꾸면,

<OL START="5">

<LI>아침

<LI>점심

<LI>저녁

</OL>

5. 아침

6. 점심

7. 저녁

위처럼 나타난다.

This help file was created with HelpScribble.


<OPTION>

<OPTION> NAME, SELECTED, VALUE

<SELECT>안에서 쓰인다.

SELECTED

초기설정이다.

VALUE

사용자가 선택하는 초기설정Default이다.

NAME

이름을 지정한다.

This help file was created with HelpScribble.


<P>

<P> ALIGN

문단을 나눈다.

아내가 돌아온다.<P>저녁을 먹는다.</P>아내가 돌아온 것이다.

는

아내가 돌아온다.

저녁을 먹는다.

아내가 돌아온 것이다.

위처럼 나타난다.

This help file was created with HelpScribble.


<PARAM>

<PARAM> NAME, VALUE

'pre-compiled HotJava applets'과 관련된 것으로, 이에 대해서는

http://java.sun.com/

나

Java SDK의

http://www.microsoft.com/java/

을 방문하면 자세한 정보를 얻을 수 있다.

<APPLET CODE="Applet.class" WIDTH=200 HEIGHT=150>

</APPLET>

위의 예는 Java Applet을 불러들여 HTML에서 실행하는 것을 보여준다.

<APPLET CODEBASE="http://java.sun.com/JDK-prebeta1/applets/ NervousText" CODE="NervousText.class"

width=400 height=75 align=center>

<PARAM NAME="text" VALUE="This is the Applet Viewer.">

<BLOCKQUOTE>

<HR>

움직이는 글자의 예이다.

<HR>

</BLOCKQUOTE>

</APPLET>

<PARAM>은 위에서 처럼 사용된다.

This help file was created with HelpScribble.


<PLAINTEXT>

<PLAINTEXT>

이것은 <PRE>, <XMP>, <LISTING>등과 유사한 기능을 한다.

This help file was created with HelpScribble.


<PRE>

<PRE> WIDTH

<PRE WIDTH="100">

작   성된대로 나타난다.

</PRE>

위처럼 사용하는데, 다음과 같이 저자가 쓴대로 나타난다.

작   성된대로 나타난다.

WIDTH는 가로의 길이를 지정한다.

This help file was created with HelpScribble.


<S>

<S> = <STRIKE>

글자 중앙에 <STRIKE>가로로 줄이 나타난다.</STRIKE>

글자 중앙에 가로로 줄이 나타난다.

This help file was created with HelpScribble.


<SAMP>

<SAMP>

글자를 mono spaced font로 나타낸다.

This help file was created with HelpScribble.


<SELECT>

<SELECT> ALIGN, MULTIPLE, NAME, SIZE

사용자가 여러 문항중에서 하나를 고를 수 있도록 해준다. 문항 설정은 <OPTION>으로 한다.

MULTIPLE

이것은 사용자가 다수의 항을 동시에 선택하도록 해준다.

NAME

이름을 지정한다.

SIZE

길이를 지정한다.

ALIGN=위치

위치를 지정한다.

보기

<SELECT NAME="골라잡기">

<OPTION>자동차

<OPTION>비행기

<OPTION>배

<OPTION>자전거

<OPTION>오토바이

<OPTION>맨발l

<OPTION SELECTED>무엇을 타고 가나?

</SELECT>

위에서 SELECTED는 초기설정이다.

This help file was created with HelpScribble.


<SMALL>

<SMALL>

글자를 다른 글자에 비해 상대적으로 <SMALL>작게</SMALL> 나타낸다.

글자를 다른 글자에 비해 상대적으로 작게 나타낸다.

This help file was created with HelpScribble.


<STRIKE>

<STRIKE> = <S>

This help file was created with HelpScribble.


<STRONG>

<STRONG>

글자를 <STRONG>굵고 진하게</STRONG> 나타낸다.

글자를 굵고 진하게 나타낸다.

This help file was created with HelpScribble.


<STYLE>

<STYLE>

이것은 Style Sheet를 HTML문서에 끼워넣을Cascading 때 시용하는 데, 보통 <HEAD> </HEAD>사이에 위치한다.

This help file was created with HelpScribble.


<SUB>

<SUB>

다른 글자와 비교하여 상대적으로 작게 나타낸다.

This help file was created with HelpScribble.


<SUP>

<SUP>

다른 글자와 비교하여 상대적으로 크게 나타낸다.

This help file was created with HelpScribble.


<TABLE>

<TABLE> ALIGN, BACKGROUND, BGCOLOR, BODER, BODERCOLOR, CELLPADDING, CELLSPACING, HEIGHT, VALIGN, WIDTH

표table는 다음과 같이 구성된다.

     <TABLE>

<TR>

  <TD>

  </TD>

  <TD>

  </TD>

</TR>

<TR>

  <TD>

  </TD>

  <TD>

  </TD>

</TR>

     </TABLE>

위의 보기는 세로로 두 줄, 가로로 두 칸의 표를 나타낸다.

BORDER=값

테두리의 굵기를 정한다. 0으로 정하면, 테두리가 없는 표가 된다.

CELLPADDING=값

이것은 항cell과 내용 사이의 여백을 지정한다. 초기값은 1이다.

CELLSPACING=값

이것은 각 항cell사이의 공간을 설정한다. 초기값은 2이다.

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">

위처럼 하면, 테두리가 없으며, 모든 여백이 없는 표를 만들게 된다.

WIDTH=값, 또는 %

가로 길이를 지정한다.

HEIGHT=값, 또는 %

세로 길이를 정한다.

ALIGN=left, right

표의 위치를 정한다.

VALIGN=top, bottom, center

표안의 글의 세로위치를 정한다.

BGCOLOR=색

바탕색을 정한다.

BORDERCOLOR=색

테두리의 색을 정한다.

BACKGROUND=그림image의 주소URL

바탕에 그림을 불러들인다.

This help file was created with HelpScribble.


<TD>

<TD> ALIGN, BACKGROUND, BGCOLOR, BODERCOLOR, COLSPAN, HEIGHT, VALIGN, WIDTH

이것은 표table의 칸을 만든다. <TD>의 갯수만큼 가로로 칸이 생긴다.

ALIGN=left, center, right

글의 가로 위치를 지정한다.

VALIGN=top, middle, bottom, baseline

글의 세로 위치를 지정한다.

WIDTH=값, 또는 %

칸의 가로 길이를 정한다.

HEIGHT=값

칸의 세로 길이를 정한다.

NOWRAP

<TH> 와 <TD>에서 내용의 가로 길이가 항cell의 크기에 제한 받지 않도록 한다.

COLSPAN=값

<TH>나 <TD>에서 항cell과 내용 사이의 가로 폭을 정한다. 초기값은 1이다.

ROWSPAN=값

<TH>나 <TD>에서 항cell과 내용 사이의 세로 폭을 정한다. 초기값은 1이다.

BGCOLOR=색

바탕색을 정한다.

BORDERCOLOR=색

테두리 색을 정한다.

BACKGROUND="그림image의 주소URL

바탕에 그림을 불러들인다.

This help file was created with HelpScribble.


<TEXTAREA>

<TEXTAREA> ALIGN, COLS, NAME, WRAP

사용자가 직접 글을 써넣을 수 있는 공간을 설정한다.

ROWS는 세로 길이를, COLS는 가로 길이를 설정한다.

WRAP

<TEXTAREA WRAP=OFF>

초기값으로 가로 길이를 제한하지 않는다.

<TEXTAREA WRAP=VIRTUAL>

가로 길이만 제한한다.

<TEXTAREA WRAP=PHYSICAL>

가로, 세로 길이를 제한한다.

This help file was created with HelpScribble.


<TH>

<TH> ALIGN, BACKGROUND, BGCOLOR, BODERCOLOR, COLSPAN, HEIGHT, NOWRAP, ROWSPAN,

VALIGN, WIDTH

이것은 표의 제목항table header이다.

ALIGN=left, center, right

글자의 가로 위치를 지정한다.

VALIGN=top, middle, bottom, baseline

글자의 세로위치를 정한다.

WIDTH=값, 또는 %

<TH>의 가로 길이를 설정한다.

HEIGHT=값, 또는 %

<TH>의 세로 길이를 설정한다.

참고

NS는 <TABLE>에서 HEIGHT=%만을 지원한다.

NOWRAP

<TH> 나  <TD>에서 사용하는데, 내용의 가로 길이가 항cell의 크기에 제한 받지 않도록 한다.

COLSPAN=값

<TH>나 <TD>에서 항cell과 내용 사이의 가로 폭을 정한다. 초기값은 1이다.

ROWSPAN=값

<TH>나  <TD>에서 세로 폭을 정한다. 초기값은 1이다.

BGCOLOR=색

바탕색을 지정한다.

BORDERCOLOR=색

테두리색을 지정한다.

BACKGROUND=그림image의 주소URL

<TH>, <TABLE>, <TD>등의 바탕에 그림을 불러들인다.

This help file was created with HelpScribble.


<TR>

<TR> ALIGN, BGCOLOR, BODERCOLOR, VALIGN

<TABLE>에서 줄row을 설정할 때에 사용한다. 즉, <TR>의 갯수만큼 줄이 지정되는 것이다.

ALIGN=left, center, right

이것은 표table안의 글자의 가로 위치를 지정한다.

VALIGN="top, middle, bottom, baseline

이것은 한 줄에서 세로 위치를 정한다.

BGCOLOR=색

이것은 표table 내부의 바탕색을 지정한다.

BORDERCOLOR=테두리 색

표의 테두리 색을 지정한다.

This help file was created with HelpScribble.


<TT>

<TT>

이것은 타이프체로 나타낼 때 사용하는데, 한글의 경우에는 약간 작게 나타나는 정도이다.

This help file was created with HelpScribble.


<U>

<U>

밑줄을 긋는다.

이것은 <U>밑줄이다.</U>

이것은 밑줄이다.

This help file was created with HelpScribble.


<UL>

<UL> TYPE

순서없는 목록은Unordered List 다음과 같이 <LI>와 함께 사용한다.

<UL TYPE=disc>

<LI>첫째

<LI>둘째

<LI>셋째

</UL>

•	첫째

•	둘째

•	셋째

TYPE(초기값은 disc이다.)

TYPE=disc

TYPE=circle

TYPE=square

This help file was created with HelpScribble.


<VAR>

<VAR>

다음은 <VAR>이태릭체로</VAR> 나타난다.

다음은 이태릭체로 나타난다.

This help file was created with HelpScribble.


<XMP>

<XMP>

이것은 <XMP>지금처럼</XMP> 나타난다.

이것은

지금처럼

나타난다.

This help file was created with HelpScribble.


<HEAD>

<HEAD>

HTML문서의 정보를 설정한다.

<HEAD>

<TITLE>HTML INFO</TITLE>

</HEAD>

이 안에 들어가는 것들은 다음과 같다.

<BASE>

<BASEFONT>

<LINK>

<META>

<STYLE>

<TITLE>

This help file was created with HelpScribble.


<TITLE>

<TITLE>

<HEAD>

<TITLE>HTML INFO</TITLE>

</HEAD>

문서의 제목을 정한다.

This help file was created with HelpScribble.


<H1~6>

<H1~6>

글자의 크기를 6단계로 나누어 줄을 앞뒤로 나누면서 표시한다. <H1>이 가장 큰 글이고, <H6>이 가장 작은 글이다.

This help file was created with HelpScribble.


HTML4.0 Full

<A>

<ACRONYM>

<ADDRESS>

<APPLET>

<AREA>

<B>

<BASE>

<BASEFONT>

<BDO>

<BIG>

<BLOCKQUOTE>

<BODY>

<BR>

<BDO>

<CAPTION>

<CENTER>

<CITE>

<CODE>

<COL>

<COLGROUP>

<COMMENT>

<DD>

<DEL>

<DFN>

<DIR>

<DIV>

<DL>

<DT>

<EM>

<EMBED>

<FIELDSET>

<FONT>

<FORM>

<FRAME>

<FRAMESET>

<H1~6>

<HEAD>

<HR>

<HTML>

<I>

<IFRAME>

<IMG>

<INPUT>

<INS>

<ISINDEX>

<KBD>

<LABEL>

<LEGEND>

<LI>

<LINK>

<LISTING>

<MAP>

<MENU>

<META>

<NOFRAMES>

<NOSCRIPT>

<OBJECT>

<OL>

<OPTION>

<P>

<PARAM>

<PLAINTEXT>

<PRE>

<Q>

<S>

<SAMP>

<SCRIPT>

<SELECT>

<SMALL>

<SPAN>

<STRIKE>

<STRONG>

<STYLE>

<SUB>

<SUP>

<TABLE>

<TBODY>

<TD>

<TEXTAREA>

<TFOOT>

<TH>

<THEAD>

<TITLE>

<TR>

<TT>

<U>

<UL>

<VAR>

<XMP>

This help file was created with HelpScribble.


Netscape Only

 아래의 HTML요소들은 모두 넷스케이프 커뮤니케이터에서만 지원되는 것들이므로 HTML문서에 실제로 사용하면, 익스플로러 사용자는 만든이의 의도와 달리 엉뚱한 문서를 접할 수도 있다. 따라서 아래의 요소를 꼭 사용한다면, 익스플로러와의 호환성을 신중히 고려하여야만 한다.

<BLINK>

<ILATER>

<KEYGEN>

<LAYER>

<MULTICOL>

<SPACER>

This help file was created with HelpScribble.


Explorer Only

 아래의 HTML요소들은 모두 인터넷 익스플로러에서만 지원되는 것들이므로 HTML문서에 실제로 사용하면, 넷스케이프 사용자는 만든이의 의도와 달리 엉뚱한 문서를 접할 수도 있다. 따라서 아래의 요소를 꼭 사용한다면, 넷스케이프와의 호환성을 신중히 고려하여야만 한다.

<BGSOUND>

<BUTTON>

<DEL>

<FIELDSET>

<IFRAME>

<INS>

<LEGEND>

<MARQUEE>

<OBJECT>

<Q>

<TBODY>

<TFOOT>

<THEAD>

This help file was created with HelpScribble.


<ISINDEX>

<ISINDEX>

 이것은 HTML 사용자user agent에게 해당 문서가 색인문서index document임을 알려주며, keyword search를 가능하게 해준다.

 이것을  사용하기 위해서는 자신의 서버Server가 이 요소를 지원하는 search engine을 가지고 있어야만 한다.

PROMPT

<ISINDEX PROMPT="임의의 문장(예를들면 '찾아보기')">

위에서 '임의의 문장'은 input box앞에 놓이게 된다. 사용자는 input box에 원하는 말을 넣고, 엔터키를 치면 원하는 결과를 얻게 된다.

<ISINDEX ACTION="search">

위처럼 하면

This is a searchable index. Enter search keywords: input box

와 같이 브라우저에 나타나는데, 이것은 cgi script "websearch"를 실행한다. 그런데 위에서 보기를 든 "search"는 그 script이 host machine에 있어야만 가능하다.

익스플로러는 4.0판에서부터 이 기능을 제외하였다.

This help file was created with HelpScribble.


<SPAN>

<SPAN>

 이것은 순전히 <SPAN CLASS="some">Style Sheet를 사용하기 위해 고안해낸 것으로</SPAN> 이 요소는 그 자체로는 어떠한 기능도 가지고 있지 않다.

 위의 경우, 스타일 시트에서 'some'으로 지정된 CLASS가 어떤 것이냐에 따라 태그안의 문장이 변화할 것이다.

This help file was created with HelpScribble.


<ACRONYM>
<ACRONYM>  new

<ACRONYM>

 이 요소는 그 안에 묶여 있는 내용의 속성을 알려주기 위해 만들어졌다. 이러한 필요는 다양한 종류의 브라우저를 전제로 할 때, 모든 브라우저가 해당 기능을 전부 지원하지 않을 것이 예상되기 때문이다.

TITLE

<ACRONYM TITLE="HyperText Markup Language">HTML</ACRONYM>

 위의 경우는 마우스의 커서가 이 요소안의 내용위로 가면, 'HyperText Markup Language'라는 풍선도움말informational ToolTip이 나타난다.

LANG="언어"

 이 속성은 이 요소안의 글이 어떤 종류의 말인가를 지정할 때에 사용한다. 물론 ISO standard language 로 표준화된 형식이어야 한다.

LANGUAGE="Scripting language"

vbscript, vbs, javascript or jscript등의 스크립에 사용되는 프로그램 언어를 지정한다.

CLASS="Style Sheet의 class명칭"

 이것은 스타일 시트의 CLASS를 지정할 ㄸㅒ에 사용하는 속성이다.

This help file was created with HelpScribble.


<BDO>

<BDO>

이 요소는 현재 어떤 브라우저에서도 사용되고 있지 않는 HTML4.0의 속성이다.

This help file was created with HelpScribble.


<COL>

<COL> ALIGN, VALIGN, WIDTH, SPAN

 이 요소는 <TABLE>의  각 칸column의 속성을 다양하게 그리고 일괄적으로 지정한다.

ALIGN="center, justify, left, right"

 이 속성은 칸안의 글의 좌우위치를 지정한다.

VALIGN="baseline, bottom, middle, top"

 이 속성은 칸안의 글의 상하위치를 지정한다.

WIDTH="숫자"

 칸의 길이를 지정한다.

SPAN="숫자"

  ALIGN, VALIGN, WIDTH에서 지정된 사항이 몇개의 칸에 적용될 것인가를 결정한다.

This help file was created with HelpScribble.


<COLGROUP>

<COLGROUP>

이것은 <COL>과 유사한 기능인데, <COL>이 각 칸에 대해 개별적으로 속성을 지정하는 특성이 있는 반면 이것은 모든 칸에 대해 같은 속성을 지정하는 데에 편리하다.

This help file was created with HelpScribble.


<DEL>
<DEL>  new

<DEL>

 이 요소안의 문장은 <DEL>다음과 같이 나타난다.</DEL>

 이 요소안의 문장은 다음과 같이 나타난다.

This help file was created with HelpScribble.


<DFN>

<DFN>

 이 요소에 묶인 내용은 <DFN>이탤릭체로</DFN>나타난다.

이 요소에 묶인 내용은 이탤릭체로 나타난다.

This help file was created with HelpScribble.


<FIELDSET>
<FIELDSET>  new

<FIELDSET>

 이 요소는 <LEGEND>와 함께 사용되면서 상자모양framed container을 구성한다.  <LEGEND>요소안의 글은 상자  테두리에 걸쳐 나타난다.

<FIELDSET> <LEGEND align=left>윗 테두리 왼쪽에 걸친다.</LEGEND></FIELDSET>

 <LEGEND>는

Align="left, bottom, center, left, right, top"의 속성을 가지고 있다.

This help file was created with HelpScribble.


<IFRAME>
<IFRAME>  new

<IFRAME> BORDER, BORDERCOLOR, FRAMEBORDER, NAME, SCROLLING

 <FRAME>과 유사한 기능을 가지는 요소인데, 다른 점은 브라우저에 나타나는 HTML문서 위의 자유로운 위치에 새로운 창으로 생성된다floating frame는 것이다.

 <IFRAME NAME="float" width="40" height="100" SRC="sam.htm">익스플로러만 가능하다.</IFRAME>

 위에서 처럼 사용하면, 가로 40, 세로 100의 새로운 창(sam.htm의 내용)이 열리며, 익스플로러가 아닌 다른 브라우저로 검색할 경우에는 '익스플로러만 가능하다.'라는 문장이 나타난다.

BORDER="테두리의 굵기"

 floating frame의 테두리의 굵기를 정한다. 주의할 것은 FRAMEBORDER와 함께 정의되어야 한다는 것이다..

BORDERCOLOR="테두리의 색깔"

 FRAMEBORDER가 정해진 상태에서 테두리의 색깔을 지정한다.

FRAMEBORDER="테두리의 유무"

 테두리를 설정할 경우는 "yes" (또는 "1"), 테두리를 없앨 경우는 "no" (또는 "0")로 한다.

NAME="Frame의 이름"

 고유의 이름을 정한다.

SCROLLING="스크롤 바의 유무"

스크롤 바는 프레임의 길이와 문서의 분량에 따라  자동으로 만들어지지만, 필요에 따라 없앨 수도 있다. SCROLLING="no"로 하면 막대를 강제로 없앨 수 있고, SCROLLING="auto"라고 하면, 문서의 길이에 따라 자동으로 막대가 생긴다.

This help file was created with HelpScribble.


<INS>
<INS>  new

<INS>

 이 요소는 <DEL>과 유사한 기능을 하는데,

<INS>밑줄이 그어진다.</INS>

밑줄이 그어진다.

This help file was created with HelpScribble.


<LABEL>
<LABEL>  new

<LABEL>

 Radio button을 만들며, 사용자가 특정 항목을 선택하도록 해준다.

<LABEL FOR="big">big : <INPUT TYPE="radio" NAME="size" VALUE="big" ID="big"></LABEL><BR>

<LABEL FOR="small">small : <INPUT TYPE="radio" NAME="size" VALUE="small" ID="small"></LABEL>

This help file was created with HelpScribble.


<NOFRAMES>

<NOFRAMES>

 이 요소는 프레임이 불가능한 브라우저를 이용하는 사용자에게 해당 HTML문서가 프레임을 사용하는 문서임을 알려주는 기능을 한다.

<NOFRAMES>이 문서는 프레임을 사용하고 있다.</NOFRAMES>

라고 하면, 프레임이 불가능한 브라우저를 이용하는 사용자는

이 문서는 프레임을 사용하고 있다.

는 메시지를 읽을 수 있는 것이다.

This help file was created with HelpScribble.


<NOSCRIPT>

<NOSCRIPT>

 이 요소는 어떤 브라우저도 사용하지 않는 HTML40요소이다.

This help file was created with HelpScribble.


<OBJECT>
<OBJECT>  new

<OBJECT>

 ActiveX control이나 다른 media를 직접 HTML에 삽입하는 역할을 한다. 이것은 특정내용을 <IMG>에서와 같이 그림형식으로 문서에 나타나도록 한다.

 <OBJECT

CLASSID="clsid:99B42120-6EC7-11CF-A6C7-00AA00A47DD2"

ID=lbl1

WIDTH=40

HEIGHT=250

>

<PARAM NAME="angle" VALUE="90">

<PARAM NAME="alignment" VALUE="2">

<PARAM NAME="BackStyle" VALUE="0">

<PARAM NAME="caption" VALUE="Hello there">

<PARAM NAME="FontName" VALUE="Arial">

<PARAM NAME="FontSize" VALUE="30">

<PARAM NAME="FontBold" VALUE="1">

<PARAM NAME="frcolor" VALUE="8388608">

</OBJECT>

 위의 예를 익스플로러로 실행하면, 우리가 보통 HTML로 할 수 없는 기능을 구현할 수 있지만 자유로운 사용은 ActiveX OLE control를 이해할 때에 가능하다.

ActiveX control pad

http://www.microsoft.com/workshop/author/cpad/

This help file was created with HelpScribble.


<Q>
<Q>  new

<Q>

 최소한 한글 HTML문서에 사용할 경우 별다른 기능을 보여주지 않는다.

This help file was created with HelpScribble.


<SCRIPT>

<SCRIPT>

 HTML문서에 스크립을 삽입하는 기능을 담당하는 요소이다. 가장 대표적으로 사용되는 스크립은  Javascript인데, 익스플로러4.0과 넷스케이프4.0에서는 javaScript1.2를 지원하고 있다.

<SCRIPT LANGUAGE="JavaScript">

. . .

</SCRIPT>

This help file was created with HelpScribble.


<LEGEND>
<LEGEND>  new

<FIELDSET>

This help file was created with HelpScribble.


<TBODY>

<TBODY> ALIGN, BGCOLOR, VALIGN

 <TABLE>의 구성요소, 즉 문자의 상하좌우 위치와 각 칸의 바탕색깔을 일괄적으로 지정할 때에 사용한다. 특히 <TBODY> </TBODY>를 사용하면, <TABLE>의 일부 칸의 문자와 바탕색만을 조정할 수도 있다. 이 때 주의할 점은 각 태그의 좌우대칭을 정확하게 지켜야 한다는 것이다. 그렇지 않으면, 표의 모양이 의도와 달리 이상해질 수도 있다.

ALIGN="center, left, right"

좌우 위치

BGCOLOR="색"

색의 지정 (예: #000000, red)

VALIGN="baseline, bottom, middle, top"

상하 위치

<TABLE WIDTH="70%" height="70" BORDER=1>

<TBODY ALIGN="right" BGCOLOR="#c0c0c0" VALIGN="bottom">

<TR>

<TD>

<B>1행1칸</B>

</TD>

<TD>

<B>1행2칸</B>

</TD>

</TR>

<TR>

<TD>

<B>2행1칸</B>

</TD>

<TD>

2행2칸

</TD>

</TR>

</TABLE>

 위의 예는 2줄2칸의 표를 보여주는데, <TBODY>에서 설정된 대로 각 칸의 문자는 오른쪽 맨 아래쪽에, 각 칸의 바탕색은 회색으로 지정된다.

This help file was created with HelpScribble.


<TFOOT>

<TFOOT> ALIGN, BGCOLOR, VALIGN

<TABLE>에서 꼬리말 부분footer section을 정의할 때에 사용한다.

ALIGN="center, left,,  right"

 <TFOOT> 부분section의 전체 표table에 대한 상대적인 좌우 위치를 결정한다..

BGCOLOR="바탕색"

 <TFOOT> 부분section의 색깔을 지정한다.

VALIGN="baseline, bottom, middle, top,"

 <TFOOT> 부분section의 전체 표table에 대한 상대적인 상하 위치를 결정한다.

This help file was created with HelpScribble.


<THEAD>

<THEAD>ALIGN, BGCOLOR, VALIGN

<TABLE>의 머리부분head section을 정의한다.

ALIGN="center, left,,  right"

 <THEAD> 부분section의 전체 표table에 대한 상대적인 좌우 위치를 결정한다..

BGCOLOR="바탕색"

 <THEAD> 부분section의 색깔을 지정한다.

VALIGN="baseline, bottom, middle, top,"

 <THEAD> 부분section의 전체 표table에 대한 상대적인 상하 위치를 결정한다.

This help file was created with HelpScribble.


<ILAYER>

<ILAYER>

 <LAYER>를 행간에 삽입하여in-line 'layers' 사용할 수 있도록 한 요소이다.

 속성은 <LAYER>와 동일하다.

This help file was created with HelpScribble.


<KEYGEN>

<KEYGEN>

<FORM>에서 열쇠Key를 코드화하여 사용자의 PC에 저장하는 기능을 한다.

This help file was created with HelpScribble.


<LAYER>

주의 : 이 요소를 사용할 경우 익스플로러 브라우저에서는 보기 흉한 모습으로 나타난다.

<LAYER> NAME,LEFT,TOP,SRC,Z-INDEX,ABOVE, BELOW, WIDTH, CLIP, VISIBILITY, BGCOLOR, BACKGROUND

 HTML문서 안의 글이나 그림을 겹쳐놓음으로써 다양한 효과를 기대할 수 있는 요소이다. 두 개 이상의 대상을 고정시키거나 이동시키면서 사용하는 데,  JavaScript과 함께 사용하면 역동적인 특수효과visual effects를 HTML문서에 부여할 수 있다.

 그런데, 여기서 알아두어야 할 것은 넷스케이프와 익스플로러 4.0판에서부터 Style Sheet(CSS)를 지원하고 있으며,  Style Sheet(CSS)를 사용하면 <LAYER>기능을 사용하는 것보다 자유롭게 비쥬얼한 HTML문서를 만들 수 있다는 것이다.

NAME

 layer의 고유한 속성에 부여하는 이름이다.

LEFT

 정확한  x축 좌표를 설정한다. 초기값 "0"은 브라우저의 왼편 끝을 의미한다.

TOP

 정확한 y축 좌표를 설정한다. 초기값 "0"은 브라우저 창의 맨 위를 의미한다.

SRC

<HEAD>와 <BODY>가 없는 외부 파일external layer source files로 layer을 구성하여 불러옴으로써 한 번에 여러 문서 동일한 효과를 가져올 수 있다.

Z-INDEX

 ABOVE와 BELOW속성을 확장하는 기능을 한다. 즉, 각 layer에 각각 "1", "2", "3"...등으로 Z-INDEX에 번호를 넣으면, 각각의 layer는 순서대로 겹쳐진다.

ABOVE, BELOW

layer에서 BELOW로 지정된 것은 아래에 깔리고, ABOVE로 지정된 것은 그 위에 겹쳐진다.

<LAYER NAME="Red">

어쩌구 저쩌구

</LAYER>

<LAYER NAME="Green" ABOVE="Red">

어쩌구 저쩌구

</LAYER>

WIDTH

layer의 길이를 지정한다.

CLIP

<LAYER CLIP="10,10,50,20">

위의 예는 x축 10px에서 x축 50px로, y축 10px에서 y축 10px로 이동한다는 것을 나타낸 것이다.

<LAYER CLIP="50,20">

위는 x, y축 0, 0에서 10, 20으로 이동함을 보여준다.

VISIBILITY="show, hide"

 해당 layer가 보일 것인지 말 것인지를 지정한다.

BGCOLOR

laye의 바탕색을 지정한다.

BACKGROUND

layer에 그림을 불러들인다.

This help file was created with HelpScribble.


<MULTICOL>

<MULTICOL> COLS, GUTTER

 보통 신문에서 보는 단편집formatted in multiple columns을 가능하게 해준다.

COLS="숫자"

 화면을 세로 방향으로 몇 개 설정할 것인가를 결정한다.

GUTTER="숫자"

세로로 분할된 각 칸 사이의 간격white space을 조절한다.

WIDTH="숫자"

 전체( 각 칸이 아닌)의 길이를 지정한다.

<MULTICOL COLS="3" GUTTER="25">

현재와 같은 설정은, 세로로 3개의 칸으로 나뉘고 칸 사이의 여백은 25px가 된다.</MULTICOL>

This help file was created with HelpScribble.


<SPACER>

<SPACER> TYPE, SIZE, WIDTH, HEIGHT, ALIGN

HTML문서의 가로, 세로 또는 일정 부분에 임의로 여백을 지정할 때에 사용한다.

TYPE="horizontal, vertical, block"

 글자 사이에 가로horizontal로, 세로horizontal로 또는 일정 구간block에 여백white space을 지정할 것을 정한다.

SIZE="숫자"

 <SPACER TYPE="horizontal">이나  <SPACER TYPE="vertical">로 TYPE을 정했을 때 그 여백의 길이를 지정한다.

WIDTH="숫자"

 <SPACER TYPE="block">으로 지정할 때에 사용하여 그 길이를 지정한다.

HEIGHT="숫자"

 <SPACER TYPE="block"> 을 지정할 때에 사용하여 그 여백 구간의 높이를 지정한다.

ALIGN="여백의 위치"

 <SPACER TYPE="block">을 사용할 때에 <IMG>요소에서 가능한 모든 ALIGN속성을 사용하여 여백의 위치를 지정한다.

This help file was created with HelpScribble.


<BLINK>

<BLINK>

 글자나 문장을 깜빡이게 한다.

This help file was created with HelpScribble.


<BGSOUND>

<BGSOUND>

.WAV나 .AU 형식format 또는 MIDI( .MID 형식)의 음악을 HTML에서 배경음악background sound으로 연주되도록 할 때에 사용한다. 그런데, 익스플로러는 현재 넷스케이프의 <EMBED>를 완전히 지원하고 있으므로 굳이 넷스케이프가 지원하지 않는 <BGSOUND>를 사용할 이유는 없다.

This help file was created with HelpScribble.


<MARQUEE>

<MARQUEE> ALIGN, BEHAVIOR, BGCOLOR, DIRECTION, HEIGHT, HSPACE, LOOP, SCROLLAMOUNT, SCROLLDELAY

HTML문서의 일부 글text을 좌에서 우로 또는 그 반대로 움직이게 하는 효과를 줄 때에 사용한다.

<MARQUEE>이 문장은 오른쪽에서 왼쪽으로 반족적으로 흘러갈 것이다.</MARQUEE>

ALIGN="left, right, top, middle, bottom"

 흘러가는scrolling 글자들의 줄 위치를 지정한다.

BEHAVIOR="scroll, slide, alternate"

흘러가는scrolling 글자들의 모양새를 정한다. SCROLL은 자연스럽게 흘러가고(글자가 화면밖으로 줄줄이 사라진다.) SLIDE는 맨 앞의 글자가 화면 끝에 닿는 순간 문장 전체가 사라지고 다시 반대편에서 흘러온다.ALTERNATE는 화면 안에서 좌우로 오락 가락한다.

BGCOLOR="바탕색"

 흐르는 글자들의 바탕색을 지정한다.

 <MARQUEE BGCOLOR="#ffffff">하얀 색의 바탕 위를 흐르는 글자들<MARQUEE>

DIRECTION="left, right"

글자 흐름의 방향을 정한다.

HEIGHT="숫자, %"

marquee의 높이를 정한다.

HSPACE="숫자"

글자의 흐름이 시작되는 위치를 설정한다.(마이너스 숫자도 가능하다.)

LOOP="숫자, -1, nfinite"

숫자만큼 또는 무제한으로 글자를 흐르게 한다. -1과 nfinite는 무제한으로 흐르도록 한다.

SCROLLAMOUNT="숫자"

흐르는 글자의 속도를 조절한다. 숫자가 크면 속도는 빨라진다.

SCROLLDELAY="숫자"

흐르는 글자들이 잠시 멈추며 흐르는 효과를 나타낸다. 숫자가 크면 멈춤의 횟수가 커진다.

VSPACE="숫자"

상하의 여백을 지정한다.

WIDTH="숫자, %"

길이를 지정한다.

주의 : NOTE : 흐르는 글자들을 <FONT>로 특별한 글꼴을 만들려면 아래와 같이 <MARQUEE> 태그 바깥에 <FONT>태그를 위치시키는 태그대칭으로 해야만 한다.

<FONT FACE="궁서"><MARQUEE>궁서글꼴이다.</MARQUEE></FONT>

This help file was created with HelpScribble.


<BUTTON>
<BUTTON>  new

<BUTTON>

HTML문서 단추BUTTON를 만든다.

주의: <SELECT>, <A>또는 <INPUT>요소는 <BUTTON>안에 포함될 수 없다.

This help file was created with HelpScribble.


총목록

HTML4.0 Full

<A>

  HREF

  NAME

  TARGET   	new

<ACRONYM>  Explorer4.0 Only

<ADDRESS>

<APPLET>

  ALIGN

  ALT

  ARCHIVE 	Netscape Only

  CODE

  CODEBASE

  HEIGHT

  HSPACE

  NAME

  SRC

  WIDTH

<AREA>

  ALT

  COORDS

  HREF

  NAME

  SHAPE

  TARGET

<B>

<BASE>

  HREF

  TARGET

<BASEFONT>  new

  COLOR    new

  FACE        Explorer Only

  SIZE         new

<BIG>

<BLOCKQUOTE>

<BODY>

  ALINK

  BACKGROUND

  BGCOLOR

  BGPROPERTIES        Explorer Only

  BOTTOMMARGIN    Explorer40 Only

  LEFTMARGIN            Explorer Only

  LINK

  RIGHTMARGIN        Explorer40 Only

  SCROLL                      Explorer40 Only

  TEXT

  TOPMARGIN            Explorer40 Only

  VLINK

<BR>

CLEAR

<BUTTON>  Explorer4.0 Only

  ACCESSKEY

  DATAFLD

  DATAFORMATAS

  DATASRC

  DISABLED

  TYPE

<CAPTION>

ALIGN

VALIGN    new

<CENTER>

<CITE>

<CODE>

<COL>  Explorer Only

  ALIGN    new

  VALIGN    new

<COLGROUP>  Explorer Only

  ALIGN      new

  SPAN       new

  VALIGN    new

  WIDTH     new

<DD>

<DEL>  Explorer4.0 Only

  CITE

  DATETIME

<DFN>  Explorer Only

<DIR>

<DIV>

  ALIGN

  DATAFLD               Explorer4.0 Only

  DATAFORMATAS   Explorer4.0 Only

  DATASRC             Explorer4.0 Only

  COMPACT

<DL>

<DT>

<EM>

<FIELDSET>  Explorer4.0 Only

<FONT>

  COLOR

  FACE

  POINT-SIZE    Netscape40 Only

  SIZE

  WEIGHT   Netscape40 Only

<FORM>

  ACTION

  ENCTYPE

  METHOD

  NAME

  TARGET

<FRAME>  new

  BORDERCOLOR

  DATAFLD     Explorer4.0 Only

  DATASRC    Explorer4.0 Only

  FRAMEBORDER

  FRAMESPACING

  MARGINHEIGHT

  MARGINWIDTH

  NORESIZE

  SCROLLING

  SRC

<FRAMESET>  new

  BORDER

  BORDERCOLOR

  COLS

  FRAMEBORDER

  FRAMESPACING

  ROWS

<H1~6>

ALIGN

<HEAD>

<HR>

  ALIGN

  COLOR

  NOSHADE

  SIZE

  WIDTH

<HTML>

<I>

<IFRAME>  Explorer4.0 Only

  ALIGN

  BORDER

  BORDERCOLOR

  DATAFLD

  DATASRC

  FRAMEBORDER

  HEIGHT

  HSPACE

  NAME

  SCROLLING

  SRC

  VSPACE

  WIDTH

<IMG>

  ALIGN

  ALT

  BORDER

  CONTROLS    Explorer Only

  DATAFLD       Explorer Only

  DATASRC      Explorer Only

  DYNSRC        Explorer Only

  HEIGHT

  HSPACE

  ISMAP

  LOOP                   Explorer Only

  LOOPDELAY    Explorer Only

  LOWSRC

  NAME

  SRC

  START        Explorer Only

  USEMAP

  VRML          Explorer Only

  VSPACE

  WIDTH

<INPUT>

  ACCESSKEY    Explorer4.0 Only

  ALIGN

  CHECKED

  DATAFLD        Explorer4.0 Only

  DATAFORMATAS    Explorer4.0 Only

  DATASRC         Explorer4.0 Only

  DISABLED       Explorer Only

  MAXLENGTH

  NAME

  READONLY   Explorer Only

  SIZE

  SRC

  TABINDEX     Explorer4.0 Only

  TYPE

  VALUE

<INS>  Explorer4.0 Only

CITE

DATETIME

<ISINDEX>

  ACTION

  PROMPT

<KBD>

<LABEL>  Explorer4.0 Only

<LEGEND>  Explorer4.0 Only

ALIGN

<LI>

<LINK>

  DISABLED    Explorer Only

  HREF

<MAP>

NAME

<MENU>

<META>

  CONTENT

  HTTP-EQUIV

  NAME

<NOFRAMES>

<OBJECT>  Explorer4.0 Only

<OL>

  START

  TYPE

<OPTION>

  NAME

  SELECTED

  TYPE

  VALUE

<P>

ALIGN

<PARAM>

DATAFLD    Explorer4.0 Only

<PRE>

WIDTH

<Q>  Explorer4.0 Only

CITE

<S>

<SAMP>

<SCRIPT>

<SELECT>

  ACCESSKEY    Explorer4.0 Only

  ALIGN

  DATAFLD    Explorer4.0 Only

  SIZE

  TABINDEX    Explorer4.0 Only

  TYPE     new

<SMALL>

<SPAN>

  DATAFLD    Explorer4.0 Only

  DATAFORMATAS    Explorer4.0 Only

  DATASRC    Explorer4.0 Only

  DIR     Explorer Only

<STRIKE>

<STRONG>

<STYLE>

  DISABLED    new

  MEDIA       new

  TYPE     new

<SUB>

<SUP>

<TABLE>

  ALIGN

  BACKGROUND

  BGCOLOR

  BORDER

  BORDERCOLOR

  BORDERCOLORDARK     Explorer Only

  BORDERCOLORLIGHT   Explorer Only

  CELLPADDING

  CELLSPACING

  COLS      Explorer Only

  DATAFLD    Explorer4.0 Only

  DATAPAGESIZE    Explorer4.0 Only

  DATASRC    Explorer4.0 Only

  FRAME

  HEIGHT

  RULES

  VALIGN

  WIDTH

<TBODY>  Explorer Only

  ALIGN

  BGCOLOR

  VALIGN

<TD>

  ALIGN

  BACKGROUND

  BGCOLOR

  BORDERCOLOR

  BORDERCOLORDARK     Explorer4.0 Only

  BORDERCOLORLIGHT   Explorer4.0 Only

  COLSPAN

  HEIGHT

  NOWRAP

  ROWSPAN

  VALIGN

  WIDTH

<TEXTAREA>

  ACCESSKEY     Explorer4.0 Only

  ALIGN

  COLS

  DATAFLD     Explorer4.0 Only

  DATASRC     Explorer4.0 Only

  DISABLED    Explorer4.0 Only

  NAME

  READONLY    Explorer4.0 Only

  ROWS

  TABINDEX     Explorer4.0 Only

  WRAP

<TFOOT>  Explorer Only

  ALIGN     new

  BGCOLOR  new

  VALIGN   new

<TH>

  ALIGN    3.2

  BACKGROUND    IEx 3.0

  BGCOLOR    IEx 3.0

  BORDERCOLOR    IEx 3.0

  BORDERCOLORDARK    IEx 3.0

  BORDERCOLORLIGHT    IEx 3.0

  COLSPAN    3.2

  HEIGHT    3.2

  NOWRAP    3.2

  ROWSPAN    3.2

  VALIGN    3.2

  WIDTH    3.2

<THEAD>  Explorer Only

  ALIGN

  BGCOLOR

  VALIGN

<TITLE>

<TR>

  ALIGN

  BACKGROUND    Netscape Only

  BGCOLOR

  BORDERCOLOR

  BORDERCOLORDARK      Explorer Only

  BORDERCOLORLIGHT    Explorer Only

  VALIGN

<TT>

<U>

<UL>

TYPE

<VAR>

Explorer Only

<BGSOUND>

  BALANCE

  LOOP

  SRC

  VOLUME

<MARQUEE>

  ALIGN

  BEHAVIOR

  BGCOLOR

  DATAFLD

  DATAFORMATAS

  DATASRC

  DIRECTION

  HEIGHT

  SCROLLDELAY

  TRUESPEED

  VSPACE

  WIDTH

Netscape Only

<BLINK>

<ILAYER>  Netscape4.0 Only

  ABOVE

  BACKGROUND

  BELOW

  BGCOLOR

  LEFT

  NAME

  SRC

  TOP

  VISIBILITY

  WIDTH

  Z-INDEX

<KEYGEN>

  CHALLENGE

  NAME

<LAYER>  Netscape4.0 Only

  ABOVE

  BACKGROUND

  BELOW

  BGCOLOR

  SRC

  TOP

  VISIBILITY

  WIDTH

  Z-INDEX

<MULTICOL>

  COLS

  GUTTER

  ALIGN

  BORDER

  CLASSID

  CODE

  CODEBASE

  HEIGHT

  HSPACE

  NAME

<SPACER>

  ALIGN

  HEIGHT

  SIZE

  TYPE

  WIDTH

HTML4.0에 포함되지 않지만 IE와 NS가 사용하는 요소들

<COMMENT>

<XMP>

<PLAINTEXT>

<LISTING>

<EMBED>

  ALIGN

  ALT

  BORDER

  HIDDEN

  HSPACE

  NAME

  PALETTE

  PLUGINSPACE

  VSPACE

HTML4.0에 포함되지만 IE와 NS가 사용하지 않는 요소들

<NOSCRIPT>

<BDO>

This help file was created with HelpScribble.


HelpScribble

HelpScribble is a help authoring tool written by Jan Goyvaerts. This help file was created with the unregistered version of HelpScribble, which is why you can read this ad. Once the author of this help file is so honest to register the shareware he uses, you will not see this ad again in his help files.

Recompiling the help project with the registered version is all it takes to get rid of this ad.

HelpScribble is a stand-alone help authoring tool. It does not require an expensive word processor. (Only a help compiler as Microsoft likes keeping the .hlp format secret. Not my fault.)

Here are some of HelpScribble's features:

•	The Setup program will properly install and uninstall HelpScribble and all of its components, including registry keys.

•	Create, edit and navigate through topics right in the main window. No need to mess with heaps of dialog boxes.

•	All topics are listed in a grid in the main window so you won't lose track in big help projects. You can even set bookmarks.

•	Use the built-in Browse Sequence Editor to easily create browse sequences.

•	Use the built-in Window Editor to change the look of your help window and create secondary windows.

•	Use the built-in Contents Editor to create Windows 95-style contents files. Works a lot better than Microsoft's HCW.

•	No need to mess with Microsoft's SHED: use the built-in SHG Editor to create hotspot bitmaps. Draw your hotspots on the bitmap and pick the topic to link to from the list.

•	With the built-in Macro Editor you can easily compose WinHelp macros whenever needed. It will tell you what the correct parameters are and provide information on them.

•	If you have a problem, just consult the online help. The help file was completely created with HelpScribble, of course.

•	HelpScribble is shareware. However, the unregistered version is not crippled in any way. It will only add a small note to your help topics to encourage you to be honest and to register the shareware you use.

These options are very interesting for Delphi and C++Builder developers:

•	If you are a component writer, use the Delphi Parser to build an outline help file for your component. Just fill in the spaces and you are done. HelpScribble can also extract the comments from your source file and use them as the default descriptions.

•	If you are an application writer, HelpScribble provides you with a property editor for the HelpContext property. You can select the topic you need from a list of topic titles or simply instruct to create a new topic. No need to remember obscure numbers.

•	The property editor also provides a tree view of all the components on your form and their HelpContext properties. This works very intuitively. (Much nicer than those help tools that simply mess with your .dfm files.)

•	HelpScribble can perform syntax highlighting on any Delphi source code in your help file.

HelpScribble is shareware, so feel free to grab your copy today from my web site at http://www.tornado.be/~johnfg/