<EM>

EM 요소는 내용을 강조할 때 사용합니다.

구문: <EM>...</EM>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 제일 좋아하는 과일은 <EM>수박</EM>입니다. 
EM 요소를 적용한 부분은 웹 브라우저에서 이탤릭체로 표시됩니다. 스타일 시트를 이용하면 다르게 표시할 수도 있습니다.
제일 좋아하는 과일은 수박입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • EM 요소는 구문 요소(Phrase Element)로서 강조의 의미를 지니고 있으므로, 단순히 텍스트를 이탤릭체로 표시하려고 할 때에는 I 요소를 사용하는 것이 좋습니다.
  • EM 요소보다 더 강한 강조를 표시할 때는 STRONG 요소를 사용합니다.

 

<EMBED>

EMBED 요소는 HTML 문서에서 지원하지 않는 멀티미디어를 문서에 삽입할 때 사용합니다.

구문: <EMBED>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
src URI 파일 경로를 지정합니다.
width Length 재생 창의 너비를 지정합니다.
height Length 재생 창의 높이를 지정합니다.
codebase URI 개체가 현재 HTML 문서와 다른 디렉토리에 있을 경우, 애플릿의 파일 경로를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
name CDATA 요소의 이름을 지정합니다.
type ContentTypes MIME 타입을 지정합니다.
hidden true
false
재생기를 화면에 표시할 것인지를 지정합니다. 초기값은 false입니다.
loop true
false
infinite
파일을 몇 번 반복하여 재생할 것인지를 지정합니다.
autostart true
false
파일을 자동으로 재생할 것인지를 지정합니다.
controls true
false
smallconsole
largeconsole
재생기의 종류를 설정합니다.
volume 0~100 초기 볼륨을 지정합니다.
align left
right
top
bottom
middle
정렬 방법을 지정합니다.
border Length 테두리의 두께를 지정합니다.
hspace Pixels 세로 여백을 지정합니다.
vspace Pixels 가로 여백을 지정합니다.

예제

 <EMBED SRC="MyMovie.mov", WIDTH=150, HEIGHT=250 CONTROLS=TRUE>
MyMovie라는 퀵타임 파일을 재생하도록 지정한 예입니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML n/a

참고

  • EMBED 태그와 OBJECT 태그의 기능은 비슷하지만 파일을 실행할 때 EMBED 태그는 웹 브라우저에서 파일을 실행하고 OBJECT 태그는 재생기를 이용해서 파일을 실행하는 점이 다릅니다.

출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


Posted by 굿프랜

 

<FIELDSET>

FIELDSET 요소는 폼 구성 요소 그룹을 정의합니다. 연관된 폼 구성 요소들을 그룹으로 묶어, 하나의 폼을 관리하기 쉽게 작은 부분으로 나눌 수 있습니다. 웹 브라우저에서는 사각형 모양으로 표시됩니다.

구문: <FIELDSET>...</FIELDSET>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <FORM action="example.asp">
<FIELDSET style="width:150; text-align:right; padding:5">
<LEGEND><B>연락처</B></LEGEND>
이름:
<INPUT type="text" size="10"><BR>
이메일:
<INPUT type="text" size="10">
</FIELDSET><BR>
<INPUT type="submit" value="전송">
<INPUT type="reset" value="다시 입력">
</FORM> 
FIELDSET 요소와 LEGEND 요소를 사용하여 폼 구성 요소들을 라벨이 표시된 상자 안에 넣어 준 예제입니다. LEGEND 요소는 그룹핑하여 만들어진 내용에 제목을 추가하는 요소로 FIELDSET 요소 안에 처음으로 나타납니다.
연락처
이름:
이메일:


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE4, NN 6.2, HTML 4


 

<FONT>

FONT 요소는 글자에 변화를 줄 때 사용합니다.

구문: <FONT>...</FONT>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
color Color 글자 색깔을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다.
dir rtl
ltr
글자 방향을 지정합니다.
face Cdata 글꼴 종류를 지정합니다. 여러 개의 글꼴을 지정할 경우, 앞에서 지정한 글꼴이 없으면 뒤에서 지정한 글꼴이 사용됩니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
size Cdata 글자 크기를 지정합니다. BASEFONT를 기준으로 한 상대값으로 지정하거나 1부터 7까지 절대값으로 지정할 수 있습니다. BASEFONT가 지정되지 않은 경우 3을 기본 크기로 하여 상대적인 크기로 표시합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

<P><FONT SIZE="+2">글자 크기를 크게</FONT></P><P><FONT COLOR=#FF00000>붉은색으로 표시</FONT></P>
FONT 요소는 인라인 요소(Inline Element)입니다. 따라서 PTABLE과 같은 블록 요소(Block Element)는 포함할 수 없습니다. 스타일 시트를 사용하면 글자 스타일을 좀 더 자유롭게 표현할 수 있습니다.

글자 크기를 크게

붉은색으로 표시


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML 3.2

참고

  • FONT 요소는 스타일 시트로 대체되어 HTML 4.01에서 권장하지 않는(deprecated) 요소입니다.

 

<FORM>

FORM 요소는 사용자와 정보 교환을 가능하게 하는 폼 양식을 만들 때 사용합니다. 따라서 폼 구성 요소들(예를 들면 INPUT, SELECT, TEXTAREA, BUTTON)을 포함해야 합니다.

구문: <FORM>...</FORM>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
action URI 실행할 CGI 프로그램의 URI를 지정합니다. 사용자가 폼을 전송하면 type="submit"으로 지정된 INPUT 또는 BUTTON 요소가 폼의 속성값을 여기에서 지정한 URI로 보냅니다.
accept ContentTypes MIME 타입을 지정합니다.
accept-charset Charsets 폼 처리기에 의해 받아들여지는 문자 인코딩의 목록을 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
enctype ContentTypes MIME 타입을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
method get
post
CGI 실행 방식을 지정합니다. get 방식은 전송 폼이 URL에 완전히 포함되도록 합니다. 따라서 사용 중인 브라우저에서 북마크할 수 있는 장점이 있지만 처리 가능한 정보량에 제한이 있고 아스키 문자 이외의 문자를 쓸 수 없다는 단점이 있습니다. 입력받을 정보에 아스키 이외의 문자가 포함될 가능성이 있거나 정보의 길이가 100자 이상이 되는 폼의 처리는 post를 사용하는 것이 좋습니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
target FrameTarget CGI 실행 결과가 표시될 창을 지정합니다.

예제

 <FORM method="post" action="/cgi-bin/order.cgi">
<FIELDSET style="width:230; text-align:left; padding:5">
<LEGEND>사용자 정보</LEGEND>
<LABEL>고객 번호:</LABEL>
<INPUT type="text" name="number"><BR>
<LABEL>이름:</LABEL> 
<INPUT type="text" name="name">
</FIELDSET>
<P><INPUT type="submit" value="전송"></P>
</FORM> 
사용자 정보


지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • FORM 요소는 다양한 클라이언트 스크립트 액션을 지정하는 이벤트 속성을 가집니다. 대부분의 요소에 공통적으로 적용할 수 있는 이벤트 속성 이외에 FORM 요소는 onsubmit, onreset과 같은 속성을 추가로 적용할 수 있습니다.

 

<FRAME>

FRAME 요소는 프레임(프레임셋 문서 내에 있는 사각형 모양의 영역)을 정의합니다. FRAMESET 요소로 나눈 각각의 프레임을 지정할 때 사용합니다. FRAME 요소는 FRAMESET 요소 안에 사용해야 합니다.

구문: <FRAME>

닫는 태그: 없음

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
frameborder 1
0
프레임 테두리를 표시할지 여부를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
longdesc Text 프레임 내용에 대한 자세한 설명을 담은 문서의 URI를 지정합니다.
marginheight Pixels 프레임 안쪽의 세로 여백을 지정합니다.
marginwidth Pixels 프레임 안쪽의 가로 여백을 지정합니다.
name CDATA 프레임창의 이름을 지정합니다. 읽기 쉽고 프레임 내용에 기초한 것이 좋습니다.
noresize noresize 프레임창 크기를 변경할 수 없게 합니다.
scrolling yes
no
auto
스크롤이 가능하게 할지 여부를 지정합니다. 기본값인 auto는 필요한 경우에만 스크롤 막대를 표시합니다. yes는 항상 스크롤 막대를 표시하고, no는 스크롤 막대를 표시하지 않습니다.
src URI 프레임창에 표시될 문서의 URI를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <FRAMESET rows="*,100">
<FRAMESET cols="40%,*">
<FRAME name="menu" src="nav.html">
<FRAME name="content" src="main.html">
</FRAMESET>
<FRAME name="ad" src="ad.html" noresize>
<NOFRAMES>
<BODY>
<P>
이 페이지를 보려면, 프레임을 볼 수 있는 브라우저가 필요합니다.
</P>
</BODY>
</NOFRAMES>
</FRAMESET> 
위의 예제는 세 개의 프레임으로 구성된 프레임셋을 나타냅니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 프레임 경계선을 없애려면 frameset 요소에서 border="0" frameborder="0" framespacing="0"과 같이 속성값을 지정하면 됩니다. 이것은 인터넷 익스플로러나 넷스케이프에서 지원되는 속성이지만 HTML 스펙에 포함되는 부분은 아닙니다.
  • 프레임 경계선을 없애면 이용자가 브라우저 상에서 프레임 크기를 조절할 수 없습니다.
  • IFRAME을 이용하면 프레임셋 문서가 아닌 일반 HTML 문서 안에 프레임을 삽입할 수 있습니다.

 

<FRAMESET>

FRAMESET 요소는 프레임 문서를 만들 때 사용합니다. 프레임셋 문서에서 HEAD 다음 제일 처음에 삽입됩니다. FRAMESET 요소를 사용하면 브라우저 창이 하나 이상의 세그먼트로 나뉘어 각각에 서로 다른 문서를 표시할 수 있습니다. FRAMESET 요소에는 하나 이상의 FRAMESET 요소 또는 FRAME 요소가 포함될 수 있습니다.

구문: <FRAMESET>...</FRAMESET>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
rows MultiLengths 프레임 분할을 정의합니다. 각 프레임의 높이를 위쪽에서부터 아래쪽 순서로 지정하며 단위로 픽셀, 퍼센트(%), 상대 길이를 사용합니다. 상대 길이는 i* (i는 정수)로 표시합니다. 예를 들어 ROWS="3*,*"이라고 정의한 프레임셋(*은i*과 동일)은 첫 번째 프레임의 높이가 두 번째 프레임 높이의 3배가 됩니다.
cols MultiLengths 각 프레임의 너비를 왼쪽에서부터 오른쪽 순서로 지정합니다.

예제

 <HEAD>
<TITLE>프레임 예제</TITLE>
</HEAD>
<FRAMESET rows="1*" cols="50%, 50%">
<FRAME name="LeftFrame" src="left.html">
<FRAME name="RightFrame" src="right.html">
<NOFRAMES>
<BODY>
<P>이 페이지를 보려면, 프레임을 볼 수 있는 브라우저가 필요합니다.</P>
</BODY>
</NOFRAMES>
</FRAMESET> 
FRAMESET 요소는 한 개 이상의 FRAME 요소로 구성되며 NOFRAMES 요소를 사용하여 프레임을 지원하지 않는 브라우저에서 프레임 대신 표시할 내용을 지정합니다. FRAMESET 요소 안에 FRAMESET 요소를 중첩하여 사용할 수 있습니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE 3, NN 2, HTML 4

참고

  • FRAMESET 요소와 함께 사용할 수 있는 이벤트로는 onloadonunload가 있습니다.
  • 픽셀 길이를 사용할 때는 다양한 창 크기를 처리할 수 있도록 상대 길이와 함께 사용하는 것이 좋습니다. 픽셀 길이는 단지 크기가 고정된 그림이나 그 외 개체가 들어있는 프레임의 크기를 정할 때에만 사용되어야 합니다.
  • FRAMESET 요소는 또한 onloadonunload 속성을 이용하여 프레임이 읽히거나 제거될 때 클라이언트의 스크립트가 작동하도록 설정할 수 있습니다.


출처 : 웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


Posted by 굿프랜

 

<H1>

H1 요소는 제목을 지정할 때 사용합니다.

구문: <H1>...</H1>

닫는 태그: 필요

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
align left
center
right
justify
정렬 방법을 지정합니다. 기본값은 left입니다.

예제

 <H1>제목 1</H1>
<H2>제목 2</H2>
<H3>제목 3</H3>
<H4>제목 4</H4>
<H5>제목 5</H5>
<H6>제목 6</H6> 
제목을 지정하는 블록 요소(Block Element)에는 H1, H2, H3, H4, H5, H6 요소가 있습니다. H1 요소가 제일 크고 H6 요소가 제일 작으며 웹 브라우저에서 볼드체로 표시됩니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • HTML 문서를 작성할 때 웹 브라우저에 표시되는 글자 크기만으로 제목 태그를 사용하는 것은 좋지 않습니다. 제목 태그의 레벨은 문서에서 해당 제목의 중요도와 위치에 따라 선택되어져야 합니다. 보통 H1 요소는 문서의 가장 중요한 제목에 사용됩니다.

※ <h1> ~ <h6>까지 사용법 동일


 

<HEAD>

HEAD 요소는 문서의 헤더 정보 즉, 제목, 키워드, 설명, 스타일 시트 등을 표시합니다. HEAD 요소의 시작 태그나 끝 태그는 생략할 수 있으나 가능한 사용하는 것이 좋습니다. HEAD 요소 뒤에는 BODY 요소가 오며, 프레임셋 문서의 경우에는 FRAMESET 요소가 옵니다.

구문: <HEAD>...</HEAD>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다. 예를 들면 영어는 en, 미국 영어는 en-US, 한국어는 euc-kr, 일본어는 ja로 지정합니다.
profile URI 문서에 대한 정보를 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <HEAD>
<TITLE>나모 웹에디터</TITLE>
</HEAD> 
HEAD 요소의 내용은 일반적으로는 겉으로 표시되지 않으나 HEAD의 필수 요소 TITLE은 예외적으로 브라우저의 제목 막대에 표시됩니다. 닫는 태그가 생략된 경우 첫 번째 BODY 또는 FRAMESET 요소가 HEAD의 끝을 의미합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • HEAD 요소를 생략할 경우에도 TITLE 요소는 반드시 사용해야 합니다.

 

<HR>

HR 요소는 웹 브라우저에서 수평선을 표시할 때 사용합니다.

구문: <HR>

닫는 태그: 없음

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
class ClassName CSS의 class 선택자를 지정합니다.
color Color 수평선 색깔을 지정합니다. 색깔 이름이나 #rrggbb 형식의 코드를 입력합니다. HTML 4.01에서는 스타일 시트의 color 속성을 사용할 것을 권장합니다.
dir rtl
ltr
글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
align left
center
right
정렬 방법을 지정합니다.
size Pixels 수평선의 세로 높이를 지정합니다.
noshade noshade 수평선을 입체적으로 보이지 않게 표시합니다.
width Length 수평선의 너비를 지정합니다. 픽셀 또는 퍼센트로 지정할 수 있습니다. 기본값은 100%입니다.

예제

 <HR width="50%" align="left" size="1">
<HR width="50%" align="center" size="2">
<HR width="50%" align="right" size="3">
<HR width="50%" align="right" size="3" noshade> 
HR 요소를 이용하여 수평선을 삽입한 예제입니다.





지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • 스타일 시트를 이용하면 다양한 형태로 수평선을 표시할 수 있습니다.

 

<HTML>

HTML 요소는 !DOCTYPE을 제외한 HTML 문서 내의 모든 내용을 포함하는 요소입니다. HTML 요소에는 하나의 HEAD 요소와 하나의 BODY 요소가 사용됩니다. 프레임셋 문서를 만드는 경우에는 BODY 요소 대신 FRAMESET 요소가 사용됩니다.

구문: <HTML>...</HTML>

닫는 태그: 선택

속성

볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 HTML 4.01에서 권장하지 않는(deprecated) 속성입니다.

속성 내용
dir rtl
ltr
글자 방향을 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다. 예를 들면 영어는 "en", 미국 영어는 "en-US", 한국어는 "euc-kr", 일본어는 "ja"로 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
version CDATA HTML의 버전을 지정합니다. HTML 4.01에서는 version 속성 대신 !DOCTYPE을 사용할 것을 권장합니다.

예제

<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<HTML>
<HEAD>
<TITLE>기본 문서</TITLE>
</HEAD>
<BODY>
<P>본문 내용</P>
</BODY>
</HTML>
위 예제는 기본적인 형태의 HTML 문서입니다. HTML 요소는 HEADBODY로 구성된 HTML 문서 내용 전체를 포함합니다.

지원 브라우저/HTML 버전

이 태그를 지원하는 브라우저의 최소 버전은 아래와 같습니다.

IE all, NN all, HTML all

참고

  • lang 속성을 사용하여 문서의 기본 언어를 지정해 놓는 것이 좋습니다.


출처 :
웹 디자인 그룹"(Web Design Group), Copyright ⓒ 2003-2005 (주)세중 나모 인터랙티브


Posted by 굿프랜

굿프랜