'태그사전'에 해당되는 글 15건

  1. 2010.04.04 HTML태그(Tag) - F로시작하는 태그
  2. 2010.04.04 HTML태그(Tag) - H로시작하는 태그
  3. 2010.04.04 HTML태그(Tag) - I로시작하는 태그
  4. 2010.04.04 HTML태그(Tag) - K로시작하는 태그
  5. 2010.04.04 HTML태그(Tag) - L로시작하는 태그
  6. 2010.04.04 HTML태그(Tag) - M로시작하는 태그
  7. 2010.04.04 HTML태그(Tag) - N로시작하는 태그
  8. 2010.04.04 HTML태그(Tag) - O로시작하는 태그
  9. 2010.04.04 HTML태그(Tag) - P로시작하는 태그
  10. 2010.04.04 HTML태그(Tag) - Q로시작하는 태그

HTML태그(Tag) - F로시작하는 태그

HTML태그 2010. 4. 4. 11:00

 

<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)입니다. 따라서 P나 TABLE과 같은 블록 요소(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는 정수)로 표시합니다. 예를 들어 ROWS="3*,*"이라고 정의한 프레임셋(*은ｉ*과 동일)은 첫 번째 프레임의 높이가 두 번째 프레임 높이의 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 요소와 함께 사용할 수 있는 이벤트로는 onload와 onunload가 있습니다.
  • 픽셀 길이를 사용할 때는 다양한 창 크기를 처리할 수 있도록 상대 길이와 함께 사용하는 것이 좋습니다. 픽셀 길이는 단지 크기가 고정된 그림이나 그 외 개체가 들어있는 프레임의 크기를 정할 때에만 사용되어야 합니다.
  • FRAMESET 요소는 또한 onload 나 onunload 속성을 이용하여 프레임이 읽히거나 제거될 때 클라이언트의 스크립트가 작동하도록 설정할 수 있습니다.


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


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - D로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - E로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - H로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - I로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - H로시작하는 태그

HTML태그 2010. 4. 4. 11:00

 

<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 요소는 HEAD와 BODY로 구성된 HTML 문서 내용 전체를 포함합니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

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


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


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - E로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - F로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - I로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - I로시작하는 태그

HTML태그 2010. 4. 4. 11:00

 

<I>

I 요소는 텍스트를 이탤릭체로 표시할 때 사용합니다.

구문: <I>...</I>

닫는 태그: 필요

속성

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

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

예제

 <I>이 문장은 이탤릭체로 표시됩니다.</I>
이 문장은 이탤릭체로 표시됩니다.

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 스타일 시트를 이용하면 형태를 자유롭게 변경할 수 있습니다.

 

<IFRAME>

IFRAME 요소는 HTML 문서 안에 인라인 프레임(Inline Frame)을 삽입할 때 사용합니다.

구문: <IFRAME>...</IFRAME>

닫는 태그: 필요

속성

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

속성 값 내용
align top
middle
bottom
left
right		 프레임 창의 정렬 방법을 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
frameborder 0
1
yes
no		 프레임 테두리를 표시할지 여부를 지정합니다. 1 또는 yes로 지정하면 프레임 테두리가 표시되고, 0 또는 no로 지정하면 프레임 테두리가 표시되지 않습니다. 기본값은 1입니다.
height Length 프레임의 높이를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
longdesc Text 프레임으로 표시할 문서에 대해 자세한 설명을 담은 문서의 URI를 지정합니다.
marginheight Pixels 프레임 안쪽의 세로 여백을 지정합니다.
marginwidth Pixels 프레임 안쪽의 가로 여백을 지정합니다.
name CDATA 인라인 프레임의 이름을 지정합니다.
scrolling yes
no
auto		 스크롤이 가능하게 할지 여부를 지정합니다. 기본값인 auto는 필요한 경우에만 스크롤 막대를 표시합니다. yes는 항상 스크롤 막대를 표시하고, no는 스크롤 막대를 표시하지 않습니다.
src URI 프레임으로 표시할 문서의 URI를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
width Length 프레임의 너비를 지정합니다.

예제

 <IFRAME width="160" height="120" src="http://www.namo.com/index.html">
<IFRAME width="160" height="120" src="http://www.namo.com/index.html">
웹 브라우저에서 인라인 프레임을 지원하지 않습니다.
</IFRAME>
</IFRAME>
IFRAME 요소를 지원하지 않는 웹 브라우저를 고려하여 대체 내용을 IFRAME 태그의 사이에 삽입해 주는 것이 좋습니다.

지원 브라우저/HTML 버전

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

IE 3, NN 6, HTML 4

참고

  • 스타일 시트의 vertical-align과 float 속성을 이용하면 인라인 프레임을 보다 자유롭게 정렬할 수 있습니다.

 

<IMG>

IMG 요소는 문서에 이미지를 삽입할 때 사용합니다.

구문: <IMG>

닫는 태그: 없음

속성

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

속성 값 내용
alt Text 이미지를 표시할 수 없는 브라우저에서 보여줄 이미지 설명을 지정합니다. 이미지가 표시되는 브라우저에서는 툴팁으로 표시됩니다.
src URL 이미지의 URL를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
height Length 이미지의 높이를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
ismap ismap 서버사이드 이미지 맵을 사용합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
longdesc Text 자세한 설명을 담은 문서의 URI를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
usemap URL 이미지 맵의 URL를 지정합니다. map으로 명명된 MAP 요소가 같은 문서에 포함되어 있어야 합니다.
width Length 이미지의 너비를 지정합니다.
align left
right
top
bottom
middle
baseline
texttop
absmiddle
absbottom		 정렬 방법을 지정합니다. 기본값은 left입니다.
border Length 테두리의 두께를 지정합니다.
hspace Pixels 세로 여백을 지정합니다.
vspace Pixels 가로 여백을 지정합니다.

예제

<P>나모 인터랙티브</P>
<IMG src="images/namo.gif" alt="나모 인터랙티브" width="143" height="40">
IMG 요소를 이용하여 그림을 삽입한 예제입니다.

나모 인터랙티브

나모 인터랙티브

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • 웹 브라우저는 보통 GIF나 JPEG 형식의 이미지를 지원하며, PNG 형식을 지원하는 브라우저도 점차 늘어나고 있습니다. 웹 브라우저가 지원하지 않는 형식의 이미지를 삽입하려면 EMBED요소나 OBJECT 요소를 사용해야 합니다.
  • width와 height 속성값을 그림 크기보다 작게 지정한 경우에는 브라우저에 따라 alt 텍스트가 잘려 보일 수도 있습니다.

 

<INPUT>

INPUT 요소는 한 줄 글상자, 확인 상자, 라디오 단추, 누름 단추, 그림 등 폼 구성 요소를 만들 때 사용합니다. 폼이 전송되면 FORM 요소 안의 INPUT 요소 값이 '이름/값'으로 묶여 서버로 전송됩니다. 사용되는 이름은 INPUT 요소의 name 속성에 지정된 이름이며, 전송되는 값은 폼의 종류와 사용자의 입력값에 따라 달라집니다.

구문: <INPUT>

닫는 태그: 없음

속성

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

속성 값 내용
accept ContentTypes type 속성값이 file일 경우, 업로드할 파일의 MIME 타입을 지정합니다.
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
alt Text type 속성값이 image일 경우, 이미지를 표시할 수 없는 웹 브라우저에서 대신 표시할 텍스트를 지정합니다.
checked checked type 속성값이 radio 또는 checkbox인 경우, 체크된 상태로 표시합니다.
disabled disabled 폼 구성 요소를 선택할 수 없게 합니다.
class ClassName CSS의 class 선택자를 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
maxlength Number type 속성값이 password 또는 text일 때, 입력 가능한 최대 문자수를 지정합니다.
name CDATA 요소의 이름을 지정합니다.
readonly readonly 요소의 값을 수정할 수 없게 합니다.
size CDATA 입력 칸의 너비를 지정합니다. 기본값은 20입니다.
src URI type 속성값이 image일 때, 버튼으로 사용할 이미지의 URI를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
tabindex Number 링크의 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.
type text
password
checkbox
radio
submit
reset
file
hidden
image
button		 폼 구성 요소의 종류를 지정합니다. 한 줄 글상자(text), 패스워드 입력 상자(password), 확인 상자(checkbox), 라디오 단추(radio), 그림(image), 누름 단추(submit, reset, button)를 만들 수 있습니다.
usemap URI 이미지 맵의 URI를 지정합니다.
value CDATA 요소의 값을 지정합니다.
align top
middle
bottom
left
right		 이미지 버튼의 정렬 방식을 지정합니다.

예제

 <B><CENTER>파일 전송 양식</CENTER></B>
<FORM>
이름: <INPUT type="text" name="username"><BR>
비밀번호: <INPUT type="password" name="password"><BR>
파일: <INPUT type="file" name="filespec"><BR>
<FIELDSET style="padding:5;width:150;">
파일 종류:<BR>
<INPUT type="radio" name="filetype" value="program" checked>프로그램<BR>
<INPUT type="radio" name="filetype" value="image">그림<BR>
<INPUT type="radio" name="filetype" value="other">기타<BR>
</FIELDSET>
<INPUT type="checkbox" name="shared" value="yes">파일 공유<BR>
<INPUT type="submit" name="submit" value="전송">
<INPUT type="reset" name="reset" value="다시 입력">
</FORM>
INPUT 요소를 이용하여 다양한 폼 입력 양식을 삽입한 파일 업로드 폼 예제입니다.
파일 전송 양식
이름:
비밀번호:
파일:
파일 종류:
프로그램
그림
기타
파일 공유

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • HTML 4.01에서는 INPUT 요소를 모든 블록 요소(Block Element)와 인라인 요소(Inline Element) 안에 사용할 수 있도록 허용합니다. 그러나 넷스케이프 내비게이터 4.x 이전 버전에서는 FORM 요소 외부에 있는 INPUT 요소는 표시하지 않습니다.
  • INPUT 요소와 사용할 수 있는 이벤트로는 onfocus, onblur, onselect, onchange가 있습니다.

 

<INS>

INS 요소는 문서가 어떻게 변경되었는지 알 수 있도록 문서에 새로 삽입된 내용을 표시할 때 사용됩니다. 스타일 시트를 사용하여 표시되는 방법을 변경할 수 있습니다.

구문: <INS>...</INS>

닫는 태그: 필요

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
cite URI 내용이 삭제된 원인에 대한 정보를 가진 URI를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
datetime Datetime 삭제된 날짜와 시간을 표시합니다. 속성값은 대소문자를 구분하며, YYY-MM-DDThh:mm:ssTZD 형태로 기술합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에서 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <DEL>용준</DEL> <INS>승헌</INS>이는 나의 가장 친한 친구입니다.
DEL 요소를 적용한 부분은 웹 브라우저에서 밑줄이 그어져 표시됩니다.
용준 승헌이는 나의 가장 친한 친구입니다.

지원 브라우저/HTML 버전

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

IE 4, NN 6.2, HTML 4

참고

  • 단순히 텍스트에 밑줄을 표시하려고 할 때에는 글자 스타일 요소인 U 요소를 사용할 수 있습니다. 그러나 U 요소는 HTML 4.01에서 권장하지 않는(deprecated) 요소입니다.

 

<ISINDEX>

ISINDEX 요소는 한 줄 글상자를 만들 때 사용합니다. 사용자가 입력 상자 안에서 ENTER 키를 누르면, 문서의 기본 URL에 입력 상자에 입력된 텍스트가 추가되어 서버에 전송됩니다. 전송될 때의 형식은 "?text+of+input+field"와 같은 쿼리문으로 구성되며 공백 문자는 "+"로 인코드됩니다.

구문: <ISINDEX>

닫는 태그: 없음

속성

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

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

예제

예제 1
 <ISINDEX>
ISINDEX 요소를 사용한 간단한 예제입니다. 웹 브라우저에서 확인하면 아래와 같이 자동으로 설명과 한 줄 입력 상자가 생깁니다.
이 색인에서 찾아 볼 수 있습니다. 찾을 내용의 키워드를 입력하십시오.

예제 2
 <ISINDEX prompt="이름 : ">
prompt 속성을 이용하면 한 줄 입력 상자의 라벨을 지정할 수 있습니다.
이름 :

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • ISINDEX 요소는 HTML 4.01에서 권장하지 않는(deprecated) 요소로서 이를 대신하여 INPUT 요소를 사용할 것을 권장합니다.



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


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - F로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - H로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - M로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - K로시작하는 태그

HTML태그 2010. 4. 4. 10:59

 

<KBD>

KBD 요소는 키보드로 입력된 내용임을 표시할 때 사용됩니다.

구문: <KBD>...<KBD>

닫는 태그: 필요

속성

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

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

예제

<P>해당 사항이 없을 때에는 <KBD>N/A</KBD>라고 입력하십시오.</P>
KBD 요소를 적용한 부분은 웹 브라우저에서 타자체의 텍스트로 표시됩니다. 스타일 시트를 이용하면 형태를 변경할 수 있습니다.

해당 사항이 없을 때에는 N/A라고 입력하십시오.


지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • KBD 요소는 구문 요소(Phrase Element)로서 키보드로 입력하는 명령어 등을 나타낼 때 사용하며, 단순히 글자를 고정폭 글꼴로 표시하고자 할 때는 TT 요소를 사용합니다.

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


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - H로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - I로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - M로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - L로시작하는 태그

HTML태그 2010. 4. 4. 10:59

 

<LABEL>

LABEL 요소는 폼 구성 요소에 라벨을 지정할 때 사용합니다. 라디오 단추나 확인 상자를 만들 때 유용하게 사용할 수 있습니다. 각 LABEL 요소는 하나의 폼 구성 요소에 정확하게 조합됩니다. LABEL 요소의 내용은 폼 구성 요소의 라벨이 되며, IMG 또는 STRONG과 같은 인라인 요소(Inline Element)를 포함할 수 있습니다.

구문: <LABEL>...</LABEL>

닫는 태그: 필요

속성

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

속성 값 내용
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
for IDRef LABEL 요소가 나타내는 INPUT 요소의 이름을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 링크 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
tabindex Number 링크의 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.
title Text 브라우저에서는 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <FORM action="example.asp">
<LABEL for="name"><b>이름:</b></LABEL>
<INPUT type="text" name="username" id="name">
<BR>
<LABEL for="passwd"><b>비밀번호:</b></LABEL>
<input type="password" name="password" id="passwd">
<BR><B>성별:</B> 
<INPUT type="radio" name="sex" value="male" id="male" checked>
<LABEL for="male">남</LABEL>
<INPUT type="radio" name="sex" value="female" id="female">
<LABLE for="female">여</LABEL>
</FORM>


성별:

지원 브라우저/HTML 버전

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

IE 4, NN 6, HTML 4

참고

  • LABEL 요소와 사용할 수 있는 이벤트로는 onfocus와 onblur가 있습니다.

 

<LEGEND>

LEGEND 요소는 FIELDSET 요소로 그룹핑된 폼 구성 요소의 라벨을 붙일 때 사용합니다. 글자 또는 그림을 라벨로 사용할 수 있으며 인라인 요소들을 조합해서 라벨로 사용할 수도 있습니다.

구문: <LEGEND>...</LEGEND>

닫는 태그: 필요

속성

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

속성 값 내용
accesskey Character 키 입력으로 요소를 활성화시킬 문자를 지정합니다.
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 링크 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다. 음성 브라우저에서는 title 속성값을 읽어 어떤 내용을 입력해야 하는지 구분합니다.
align top
bottom
left
right		 라벨을 FIELDSET 요소를 기준으로 어떻게 정렬할지 지정합니다.

예제

 <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>
LEGEND 요소를 사용하여, FIELDSET 요소로 그룹화한 폼 구성 요소의 라벨을 표시한 예제입니다. LEGEND 요소는 그룹핑하여 만들어진 내용에 제목을 추가하는 요소로 FIELDSET 요소 안에 처음으로 나타납니다.
연락처
이름:
이메일:


지원 브라우저/HTML 버전

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

IE 4, NN 6.2, HTML 4

참고

  • P와 같은 블록 요소 바로 앞에 LEGEND 요소를 사용하면 보다 안전하게 이 내용을 표시할 수 있습니다.

 

<LI>

LI 요소는 UL, OL, MENU, DIR 요소 안에서 목록의 항목을 정의할 때 사용합니다. OL 또는 UL 요소 내에 사용될 경우에는 블록 요소(Block Element)를 포함할 수 있습니다. 또한 OL 또는 UL 요소를 포함할 수도 있어 중첩된 목록을 만들 수 있습니다.

구문: <LI>...</LI>

닫는 태그: 필요

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 링크 내용에 사용할 언어를 지정합니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
type disc
square
circle
1
a
A
i
I		 항목 모양을 지정합니다. disc는 속이 찬 원, square은 속이 찬 사각형, circle은 속이 빈 원으로 표시되며, 1은 아라비아 숫자, a는 알파벳 소문자, A는 알파벳 대문자, i는 로마자 소문자, I는 로마자 대문자로 표시됩니다. LI 요소가 OL 요소 안에 사용된 경우에는 A, a, I, i, 1 값을 지정할 수 있습니다. UL 요소 안에 사용한 경우의 기본값은 disc, OL 요소 안에 사용한 경우의 기본값은 1입니다.
  • 값이 "disc" 일 때
  • 값이 "circle" 일 때
  • 값이 "square" 일 때

1 : 1, 2, 3, ...

a : a, b, c, ...

A : A, B, C, ...

i : i, ii, iii, ...

I : I, II, III, ...

value Number 항목 표시자의 값을 지정합니다. OL 요소 안에 LI 요소가 사용된 경우, 항목 번호를 중간에 바꿀 때 사용합니다.

예제

 <OL>
<LI>
<B>HTML 문서 타입 정의</B>
<UL>
<LI>HTML 2.0</LI>
<LI>HTML 3.2</LI>
<LI>HTML 4.01 Strict</LI>
</UL>
</LI>
<LI>
<B>SGML 문자 엔티티 레퍼런스</B>
<UL>
<LI>Latin-1 엔티니</LI>
<LI>기호와 그리스 문자</LI>
<LI>기타 특수 문자</LI>
</UL>
</LI>
</OL>
  1. HTML 문서 타입 정의
    • HTML 2.0
    • HTML 3.2
    • HTML 4.01 Strict
  2. SGML 문자 엔티티 레퍼런스
    • Latin-1 엔티니
    • 기호와 그리스 문자
    • 기타 특수 문자

지원 브라우저/HTML 버전

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

IE all, NN all, HTML all

참고

  • OL 요소 내의 LI 요소 속성값은 대소문자를 구별하며, UL, DIR, MENU 요소 내의 LI 요소의 속성값은 대소문자를 구별하지 않습니다.
  • LI 요소가 DIR, MENU 요소 내에 사용되었을 경우 블록 요소(Block Element)를 포함할 수 없습니다.

 

<LINK>

LINK 요소는 현재 문서와 관련이 있는 다른 문서를 지정할 때 사용합니다. 문서의 HEAD 요소 안에 여러 개의 LINK 요소가 포함될 수 있습니다.

구문: <LINK>

닫는 태그: 없음

속성

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

속성 값 내용
charset Charset 문자셋을 지정합니다. 예를 들어 연결할 문서가 영문일 경우 'en', 한글일 경우 'euc-kr'이라고 지정합니다.
href URI 하이퍼링크로 연결할 문서의 URI를 지정합니다.
hreflang LanguageCode 연결할 문서의 언어 코드를 지정합니다.
media MediaDesc 매체 타입을 지정합니다. HTML 4.01에서 정의하는 미디어 기술어에는 all, aural, braille, handheld, print, projection, screen, tty, tv가 있습니다.
rel LinkTypes 현재 문서를 기준으로 링크된 문서와의 관계를 기술합니다.
rev LinkTypes 링크된 문서를 기준으로 현재 문서와의 관계를 기술합니다.
style StyleDesc CSS 스타일을 지정합니다.
target FrameTarget 링크를 표시할 프레임을 지정합니다.
type ContentTypes 연결할 문서의 MIME 타입을 지정합니다.

예제

예제 1
<LINK rel="Prev" href="base.html" title="BASE - Document Base URI">
<LINK rel="Next" href="meta.html" title="META - Metadata">
<LINK rel="Start" href="../" title="HTML 4.01 Reference">
<LINK rel="Copyright" href="/copyright.html" title="Copyright Notice">
<LINK rev="Made" href="mailto:nd@namo.com" title="HTML 4.01 Reference Feedback">
LINK 요소를 사용하여 현재 문서와 관련 있는 문서를 지정한 예제입니다. 연속된 문서에서의 이전/다음 문서, 다수의 문서 묶음에서의 시작 페이지, 저작권 정보를 포함한 문서, 저자에 대한 정보를 담은 문서 등을 지정할 수 있습니다.

예제 2
<LINK rel="alternate" href="index_fr.html" hreflang="fr" 
title="French Version" />
<LINK rel="alternate" href="index_ja.html" hreflang="ja" charset="shift-jis" 
title="Japanese Version" />
LINK 요소를 사용하여 언어에 따른 문서의 대체 버전을 지정합니다.

예제 3
<LINK rev="subsection" href="example.html" />
현재 문서가 example.html의 하위 문서임을 나타내는 예제입니다.

지원 브라우저/HTML 버전

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

IE 3, NN 4, HTML all

참고

  • 외부 스타일 시트를 연결하는 데에도 LINK 요소를 사용할 수 있습니다.
  • media 속성을 사용하면 웹 브라우저에서 스타일 시트 파일이 적용되지 않습니다.

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


'HTML태그' 카테고리의 다른 글

HTML태그(Tag) - I로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - M로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
Posted by 굿프랜
,

HTML태그(Tag) - M로시작하는 태그

HTML태그 2010. 4. 4. 10:58

 

<MAP>

MAP 요소는 클라이언트 사이드 이미지맵을 선언할 때 사용합니다. 이미지맵이란 하나의 이미지를 여러 영역으로 나누어 각각의 영역에 서로 다른 하이퍼링크를 지정한 것을 말합니다.

구문: <MAP>...</MAP>

닫는 태그: 필요

속성

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

속성 값 내용
class ClassName CSS의 class 선택자를 지정합니다.
dir rtl
ltr		 글자 방향을 지정합니다.
id ElementID CSS의 ID 선택자를 지정합니다.
lang LanguageCode 내용에 사용할 언어를 지정합니다.
name CDATA 이미지맵의 이름을 지정합니다. 여기서 지정한 이름은 IMG, OBJECT 요소 usemap 속성의 앵커로 사용됩니다.
style StyleDesc CSS 스타일을 지정합니다.
title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

예제

 <P><IMG src="images/hand.gif" width="173" height="99" border="0" 
usemap="#ImageMap1"></P>
<MAP name="ImageMap1">
<AREA shape="rect" coords="8, 10, 86, 93" href="http://www.namo.co.kr" 
alt="나모 인터랙티브 한글 사이트">
<AREA shape="rect" coords="88, 12, 168, 94" href="http://www.namo.com" 
alt="나모 인터랙티브 영문 사이트">
</MAP>
MAP 요소는 하나 이상의 AREA 요소를 정의할 수 있습니다. AREA 요소는 이미지에서 핫존 영역의 좌표값을 지정합니다.

나모 인터랙티브 한글 사이트나모 인터랙티브 영문 사이트

지원 브라우저/HTML 버전

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

IE all, NN all, HTML 3.2

참고

  • HTML 4.01에서는 MAP 요소의 기능이 확장되어 AREA 요소만이 아닌 하나 이상의 블록 요소(Block Element)를 가질 수 있습니다.

 

<MENU>

MENU 요소는 메뉴 리스트(Menu List)를 정의할 때 사용합니다. 실제 리스트 항목을 정의하는 LI 요소가 하나 이상 포함되어야 합니다.

구문: <MENU>...</MENU>

닫는 태그: 필요

속성

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

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

예제

<MENU>
<LI>첫 번째 메뉴입니다.
<LI>두 번째 메뉴입니다.
</MENU>
MENU 요소는 메뉴 리스트(Menu List)를 선언할 때 사용하며, 리스트의 실제 항목은 LI 요소로 기술합니다. type 속성을 사용할 수 없는 점을 제외하고는 UL 요소와 동일합니다.
  • 첫 번째 메뉴입니다.
  • 두 번째 메뉴입니다.

    • 지원 브라우저/HTML 버전

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

    IE all, NN all, HTML all

    참고

    • HTML 4.01에서는 MENU 요소 대신 UL 요소를 사용할 것을 권장합니다.

     

    <META>

    META 요소는 문서의 핵심어, 설명, 저자 등 메타 정보를 제공할 때 사용합니다. 여러 개의 META 요소가 HEAD 요소 내에 포함될 수 있습니다.

    구문: <META>

    닫는 태그: 없음

    속성

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

    속성 값 내용
    content CDATA name 속성에 짝을 이루며 대응하는 정보를 지정합니다. 정보를 보낼 때 변수의 값에 해당됩니다.
    http-equiv Name HTTP 헤더임을 나타내기 위해 name 속성을 대신하여 사용됩니다. 웹 서버에 정보를 보낼 때 변수의 이름으로 사용됩니다.
    name Name 변수의 이름을 지정합니다. name 속성값과 content 속성값이 한 쌍의 숨은 정보로 사용됩니다.
    scheme CDATA 분류 기준을 추가할 때 사용합니다.

    예제

    예제 1
    <META name="author" content="메타 데이터"> 
<META name="description" content="HTML 4.01의 META 요소에 대한 설명입니다.">
<META name="keywords" content="메타, 메타데이터, 메타 데이터, meta, meta data">
    위 예제는 문서의 저자, 설명, 핵심어를 정의한 것입니다. 일부 검색 엔진은 keywords로 지정된 내용을 이용하여 문서를 인덱스하고 description으로 기술된 내용을 문서의 링크와 함께 검색 결과로 내보냅니다.

    예제 2
    <META http-equiv="Expires" content="Sun, 22 Mar 1998 16:18:35 GMT">
<META http-equiv="Content-Style-Type" content="text/css">
<META http-equiv="Content-Script-Type" content="text/javascript">
    META 요소를 이용하여 문서의 기한을 설정한 예제입니다. 스크립트를 삽입하기 위해 스크립트 언어를 자바 스크립트로 지정하고, 인라인 스타일을 삽입하기 위해 스타일 언어를 CSS로 지정하였습니다.

    예제 3
    <META http-equiv="Refresh" content="10; http://www.namo.com/">
    웹 브라우저가 현재 문서를 읽어들인 다음, 10초 뒤에 "http://www.namo.com"을 읽게 합니다.

    예제 4
    <META name="generator" content="나모 웹에디터 6.0" />
    HTML 저작 도구를 사용하면 위 예제와 같이 META 태그가 추가되기도 합니다.

    지원 브라우저/HTML 버전

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

    IE all, NN all, HTML 3.2

    참고

    • 메타 정보는 표준이 되는 목록이 없습니다. 따라서 저자가 원하는 어떤 정보도 META 요소를 이용하여 정의할 수 있습니다.


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


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - K로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,

    HTML태그(Tag) - N로시작하는 태그

    HTML태그 2010. 4. 4. 10:58

     

    <NOFRAMES>

    NOFRAMES 요소는 프레임을 지원하지 않는 웹 브라우저에서 보여줄 대체 컨텐츠를 지정하는 데 사용합니다. FRAMESET 요소 안에 사용되었을 때 NOFRAMES 요소는 BODY 요소를 포함해야 합니다.

    구문: <NOFRAMES>...</NOFRAMES>

    닫는 태그: 필요

    속성

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

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

    예제

     <FRAMESET rows="*,100">
<FRAMESET cols="40%,*">
<FRAME name="Menu" src="nav.html" title="Menu">
<FRAME name="Content" src="main.html" title="Content">
</FRAMESET>
<FRAME name="Ad" src="ad.html" title="Advertisement">
<NOFRAMES>
<BODY>
<H1>목차</H1>
<UL>
<LI>
<A href="reference/html401/">HTML 4.01 Reference</A>
</LI>
<LI>
<A href="reference/wilbur/">HTML 3.2 Reference</A>
</LI>
<LI>
<A href="reference/css/">CSS Guide</A>
</LI>
</UL>
<P>
<IMG src="ad.gif" alt="광고: 웹 저작도구의 표준, 나모 웹에디터">
</P>
</BODY>
</NOFRAMES>
</FRAMESET>
    프레임셋 문서에는 반드시 의미있는 NOFRAMES 요소가 제공되어야 하며, 적어도 메인 프레임이나 다른 프레임의 링크를 포함하는 것이 좋습니다.

    지원 브라우저/HTML 버전

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

    IE 3, NN 2, HTML 4

    참고

    • NOFRAMES 요소는 대부분의 블록 요소(Block Element) 안에서도 허용됩니다. 이를 이용하여 프레임셋에서 문서가 보이지 않을 때에만 표시되어야 하는 광고 등의 콘텐츠를 포함시킬 수 있습니다.

     

    <NOSCRIPT>

    NOSCRIPT 요소는 클라이언트 사이드 스크립트가 실행되지 않을 때 보여줄 대체 내용을 지정합니다. NOSCRIPT 요소는 대체 내용을 나타내기 위해 SCRIPT 요소 뒤에 나와야 합니다. 이때 SCRIPT 요소 안의 코드가 그대로 화면에 표시되지 않도록 하기 위해 주석문을 사용하여 코드를 가려주는 것이 좋습니다.

    구문: <NOSCRIPT>...</NOSCRIPT>

    닫는 태그: 필요

    속성

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

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

    예제

     <SCRIPT language="JavaScript">
<!--
document.write("<P>반갑습니다.</P>");
-->
<SCRIPT>
<NOSCRIPT>
<P>자바 스크립트를 지원하지 않습니다.</P>
</NOSCRIPT>
    웹 브라우저가 스크립트 언어를 지원하지 않거나 사용자가 웹 브라우저의 스크립트 실행 기능을 비활성화시켰을 경우, 스크립트가 실행되지 않습니다.

    지원 브라우저/HTML 버전

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

    IE 3, NN 3, HTML 4

    참고

    • 웹 브라우저가 스크립트 언어를 지원하지 않는 경우에도 사용자가 클라이언트 사이드 스크립트를 실행하도록 설정해 놓았을 때는 대부분의 웹 브라우저가 NOSCRIPT 요소의 내용을 표시하지 않습니다.


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


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - L로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - M로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,

    HTML태그(Tag) - O로시작하는 태그

    HTML태그 2010. 4. 4. 10:58

     

    <OBJECT>

    OBJECT 요소는 HTML 문서에 객체, 즉 웹 브라우저에서 지원하지 않는 형식의 파일을 삽입할 때 사용합니다.

    구문: <OBJECT>

    닫는 태그: 필요

    속성

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

    속성 값 내용
    archive CDATA 필요한 라이브러리 파일을 지정합니다.
    class ClassName CSS의 class 선택자를 지정합니다.
    classid URI ActiveX 컨트롤의 classid를 지정합니다.
    codebase URI 개체가 현재 HTML 문서와 다른 디렉토리에 있을 경우, 애플릿의 파일 경로를 지정합니다.
    codetype ContentTypes MIME 타입을 지정합니다.
    data URI 플러그인 파일의 URI를 지정합니다.
    declare Text ActiveX 컨트롤을 선언합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    height Length 개체의 높이를 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에 사용할 언어를 지정합니다.
    name CDATA 요소의 이름을 지정합니다.
    standby Text 개체가 로딩되는 동안 먼저 표시될 텍스트를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    tabindex Number 링크의 탭 순서를 지정합니다. 0과 32767사이의 하나의 숫자를 사용하며 양수로 표시된 값이 낮은 숫자일수록 우선 순위가 되며, 값이 같을 때는 HTML 문서에서 먼저 나온 것이 우선 순위가 됩니다. 값이 '0'이거나 없는 경우는 가장 마지막 순서가 됩니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    type ContentTypes MIME 타입을 지정합니다.
    usemap URI 이미지 맵의 URI를 지정합니다. map으로 명명된 MAP 요소가 같은 문서에 포함되어 있어야 합니다.
    usemap URI 컨트롤에 이미지 맵을 지정합니다.
    width Length 개체의 너비를 지정합니다.
    align left
    right
    top
    bottom
    middle    		 정렬 방법을 지정합니다.
    border Length 테두리의 두께를 지정합니다.
    hspace Pixels 세로 여백을 지정합니다.
    vspace Pixels 가로 여백을 지정합니다.

    예제

    예제 1
     <OBJECT data="mlk.mov" type="video/quicktime"
title="Martin Luther King's &quot;I Have a Dream&quot; speech" 
     width="150" height="150">
<PARAM name="pluginspage" value="http://quicktime.apple.com/">
<PARAM name="autoplay" value="true">
<OBJECT data="mlk.wav" type="audio/x-wav" 
title="Martin Luther King's &quot;I Have a Dream&quot; speech">
<PARAM name="autostart" value="true">
<PARAM name="hidden" value="true">
<A href="mlk.htmll">Full text of Martin Luther King's "I Have a Dream" speech</A>
</OBJECT>
</OBJECT>
    OBJECT 요소는 실행 초기 데이터를 제공하기 위해 PARAM 요소를 포함할 수 있습니다. 위 예제는 비디오 클립을 포함한 것으로, 비디오 클립을 보여줄 수 없을 경우 이를 대신하여 보여줄 콘텐츠로 오디오 클립을 지정하였고, PARAM 요소를 이용하여 오디오/비디오 플러그 인을 위한 매개 변수를 지정하였습니다.

    예제 2
     <OBJECT
classid="java:yahtzee.class"
codetype="application/java"
width="400" height="250"
title="my yahtzee game"
standby="Get ready to play Yahtzee!">
Enable Java support to play!
</OBJECT>
    위 예제는 OBJECT 요소를 사용하여 자바 애플릿을 삽입한 것입니다.

    예제 3
     <OBJECT data="example.gif" title="Nice Photo" />
    위 예제는 IMG 요소 대신 OBJECT 요소를 사용하여 그림을 삽입한 것입니다. title 속성은 IMG 요소의 alt 속성과 같은 역할을 합니다.

    예제 4
    <OBJECT
classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628"
id="Slider1"
width="200" height="40"
border="2">
<PARAM name="BorderStyle" value="1" />
<PARAM name="MousePointer" value="0" />
<PARAM name="Enabled" value="1" />
<PARAM name="Min" value="0" />
<PARAM name="Max" value="10" />
</OBJECT>
    위 예제는 OBJECT 요소를 사용하여 ActiveX 컨트롤을 삽입한 것입니다. classid의 값은 Windows 레지스트리의 CLSID를 참조한 것입니다. 여러 개의 PARAM 요소를 사용하여 ActiveX 컨트롤을 위한 매개 변수를 지정하였습니다.

    지원 브라우저/HTML 버전

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

    IE 3, NN n/a, HTML 4

    참고

    • OBJECT 요소는 인라인 요소(Inline Element)와 블록 요소(Block Element) 안에 모두 쓰일 수 있습니다.
    • OBJECT 요소의 내용은 OBJECT 부모 요소 안에 포함될 수 있는 요소여야 합니다. 예를 들어 OBJECT가 A 요소 안에 포함되어 있다면, OBJECT는 블록 요소를 내용으로 포함할 수 없습니다.

     

    <OL>

    OL 요소는 순서있는 리스트(Ordered List)을 만들 때 사용합니다.

    구문: <OL>...</OL>

    닫는 태그: 필요

    속성

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

    속성 값 내용
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    compact compact 항목을 간단하게 표시합니다. 웹 브라우저에서는 차이가 없습니다.
    type 1
    a
    A
    i
    I    		 항목 모양을 지정합니다.
    start Number 순서 항목의 번호를 지정합니다. 기본값은 1입니다.

    예제

     <H3>목차</H3>
<OL>
<LI>소개</LI>
<LI>회사 연혁</LI>
<OL type="A">
<LI>드리는 글</LI>
<LI>생산 제품</LI>
</OL>
<LI>서비스 제공</LI>
<LI>앞으로의 발전 방향</LI>
<LI>결론</LI>
</OL>
    OL 요소는 목록의 항목을 정의하는 LI 요소를 하나 이상 포함합니다. 순서없는 목록(UL)과 달리, 순서 있는 목록의 항목은 일정한 연속성을 가지고 있습니다. 순서있는 목록의 항목은 웹 브라우저 상에서 순서가 매겨집니다.

    목차

    1. 소개
    2. 회사 연혁
      1. 드리는 글
      2. 생산 제품
    3. 서비스 제공
    4. 앞으로의 발전 방향
    5. 결론

    지원 브라우저/HTML 버전

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

    IE all, NN all, HTML all

    참고

    • CSS의 list-style-type 속성을 이용하면 보다 자유롭게 항목 스타일을 지정할 수 있습니다.

     

    <OPTGROUP>

    OPTGROUP 요소는 SELECT 요소에 포함된 여러 개의 OPTION 요소들을 그룹으로 정의할 때 사용됩니다.

    구문: <OPTGROUP>...</OPTGROUP>

    닫는 태그: 필요

    속성

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

    속성 값 내용
    label Text 그룹의 명칭을 정의합니다.
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    disabled disabled 해당 그룹을 비활성화시켜 사용할 수 없는 상태로 만듭니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

    예제

     <P>어떤 TV 프로그램을 주로 시청하세요?
<SELECT>
<OPTGROUP LABEL="드라마">
<OPTION LABEL="아침">아침 드라마</OPTION>
<OPTION LABEL="일일">일일 연속극</OPTION>
<OPTION LABEL="주말">주말 드라마</OPTION>
<OPTION LABEL="단막극">단막극</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="뉴스">
<OPTION LABEL="7시">7시 저녁 뉴스</OPTION>
<OPTION LABEL="9시">9시 뉴스</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="쇼 프로그램">
<OPTION LABEL="가요">가요 순위 프로그램</OPTION>
<OPTION LABEL="코메디">코메디 프로그램</OPTION>
</OPTGROUP>
</SELECT>
</P>
    OPTGROUP은 SELECT에 나열된 OPTION 항목들을 종류별로 구분하여 여러 개의 그룹으로 나열할 때 유용합니다. OPTGROUP은 한 개 이상의 OPTION 요소를 포함해야 하며, OPTGROUP 요소와 동일한 문서에 삽입된 SELECT 요소에만 사용할 수 있습니다.

    어떤 TV 프로그램을 주로 시청하세요?


    지원 브라우저/HTML 버전

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

    IE 6, NN 6, HTML 4

    참고

    • OPTGROUP 요소는 OPTION 요소만을 포함할 수 있습니다. 그러므로 OPTGROUP으로 만든 그룹은 중첩하여(nested) 사용할 수 없습니다.
    • 인터넷 익스플로러 6.0에서는 label 속성을 지원하지 않습니다.

     

    <OPTION>

    OPTION 요소는 SELECT 요소 안에서 선택 항목을 나타낼 때 사용합니다.

    구문: <OPTION>...</OPTION>

    닫는 태그: 선택

    속성

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

    속성 값 내용
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    disabled disabled 해당 항목을 비활성화시켜 사용할 수 없는 상태로 만듭니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    label Text 선택 항목의 라벨을 정의합니다.
    lang LanguageCode 내용에 사용할 언어를 지정합니다.
    selected selected 해당 항목이 기본값으로 선택되도록 합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    value CDATA 요소의 값을 지정합니다.

    예제

    <FORM action="example.php">
<P>운영 체제:</P>
<SELECT name="os">
<OPTION value="winxp">Windows XP</OPTION>
<OPTION value="win2k" selected>Windows 2000</OPTION>
<OPTION value="winme">Windows Me</OPTION>
<OPTION value="win98">Windows 98</OPTION>
</SELECT>
</FORM>

    운영 체제:


    지원 브라우저/HTML 버전

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

    IE all, NN all, HTML all

    참고

    • OPTGROUP 요소를 사용하여 그 안에 OPTION 요소를 포함시키면 관련 옵션을 그룹으로 만들 수 있습니다.


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


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - M로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,

    HTML태그(Tag) - P로시작하는 태그

    HTML태그 2010. 4. 4. 10:57

     

    <P>

    P 요소는 단락을 구분할 때 사용합니다.

    구문: <P>...</P>

    닫는 태그: 선택

    속성

    볼드체로 표시된 것은 필수 속성, 회색으로 표시된 것은 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입니다.

    예제

    <P>서울은 한국에서<br>제일 큰 도시입니다.</P>
<P align="center">서울은 한국에서<br>제일 큰 도시입니다.</P>
<P align="right">서울은 한국에서<br>제일 큰 도시입니다.</P>
    문단을 왼쪽, 가운데, 오른쪽에 배치하도록 지정한 예제합니다. P 요소의 닫는 태그는 생략할 수 있으나 스타일 시트와 관련된 웹 브라우저 상의 문제를 방지하기 위해 닫는 태그를 사용하는 것이 좋습니다.

    서울은 한국에서
    제일 큰 도시입니다.

    서울은 한국에서
    제일 큰 도시입니다.

    서울은 한국에서
    제일 큰 도시입니다.


    지원 브라우저/HTML 버전

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

    IE all, NN all, HTML all

    참고

    • 스타일 시트를 이용하면 단락 배치를 더 자유롭게 할 수 있습니다.

     

    <PARAM>

    PARAM 요소는 OBJECT, EMBED, APPLET 요소의 매개 변수를 지정할 때 사용됩니다.

    구문: <PARAM>

    닫는 태그: 없음

    속성

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

    속성 값 내용
    name CDATA 변수의 이름을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    type ContentType MIME 타입을 지정합니다.
    value CDATA 변수의 값을 지정합니다.
    valuetype data
    ref
    object    		 변수의 값 타입을 지정합니다. 기본값은 data이고, 이는 속성값이 문자열로 되어있음을 나타냅니다. ref값은 속성값이 실행할 URI를 포함하고 있음을 나타내며, object값은 동일한 문서 내에서 value 속성이 다른 OBJECT 요소의 식별자를 정의한 경우에 사용됩니다.

    예제

    <OBJECT classid="java:Clock.class" codetype="application/java" 
width="100" height="100" title="생생한 현재 시간!" standby="지금 몇시인가요?">
<PARAM name="TYPE" value="ANALOG">
<PARAM name="BGCOLOR" value="WHITE">
<PARAM name="FGCOLOR" value="NAVY">
</OBJECT>
    OBJECT, EMBED, APPLET 요소는 여러 개의 PARAM 요소를 포함할 수 있습니다. 위 예제에서 Clock 애플릿은 시계의 특정한 스타일과 사용할 색깔을 지정하기 위해 3개의 매개 변수를 사용합니다.

    지원 브라우저/HTML 버전

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

    IE 3, NN 3, HTML 3.2


     

    <PRE>

    PRE 요소는 형식을 그대로 유지하여 표시할 때 사용합니다. PRE 요소는 텍스트가 쓰여진 그대로 보존되어 가독성을 높일 수 있기 때문에 프로그램 코드나 시 등을 표시할 때 유용합니다.

    구문: <PRE>...</PRE>

    닫는 태그: 필요

    속성

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

    속성 값 내용
    cite URI 인용문의 출처를 표시합니다. 브라우저에서 지원되지는 않지만, 이 속성으로 인용문의 신뢰도를 확인하거나 연관된 정보를 찾을 수 있습니다.
    class ClassName CSS의 class 선택자를 지정합니다.
    cols Number 한줄에 표시할 글자 수를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에서 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.
    wrap wrap 자동으로 줄바꿈을 하는 Word-wrap 기능을 사용할 것이지 지정합니다.
    width Number 너비를 지정합니다.

    예제

     <PRE>
<CODE class="Java">
class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World!");
} 
} 
</CODE>
</PRE>
    PRE 요소가 적용된 부분은 웹 브라우저에서 글꼴의 폭과 여백의 위치가 고정되고, 자동 줄바꿈이 되지 않습니다.

    지원 브라우저/HTML 버전

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

    IE all, NN all, HTML all

    참고

    • 문단 인용문을 표시할 때에는 BLOCKQUOTE 요소를 사용합니다.

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


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - N로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - Q로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - T로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,

    HTML태그(Tag) - Q로시작하는 태그

    HTML태그 2010. 4. 4. 10:57

     

    <Q>

    Q 요소는 인용한 단어 또는 어구를 표시할 때 사용합니다.

    구문: <Q>...</Q>

    닫는 태그: 필요

    속성

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

    속성 값 내용
    cite URI 인용문의 출처를 표시합니다. 브라우저에서 지원되지는 않지만, 이 속성으로 인용문의 신뢰도를 확인하거나 연관된 정보를 찾을 수 있습니다.
    class ClassName CSS의 class 선택자를 지정합니다.
    dir rtl
    ltr    		 글자 방향을 지정합니다.
    id ElementID CSS의 ID 선택자를 지정합니다.
    lang LanguageCode 내용에서 사용할 언어를 지정합니다.
    style StyleDesc CSS 스타일을 지정합니다.
    title Text 웹 브라우저에서 툴팁으로 표시할 추가 설명을 지정합니다.

    예제

     <P>미국의 W.S.Clark은 <Q>소년들이여, <EM>야망</EM>을 가져라!</Q>라는 말을 남겼다.</P>
    Q 요소를 사용할 때는 인용문에 따옴표를 붙이지 않습니다. 그러나 Q 요소를 지원하지 않는 웹 브라우저를 고려하여 경우에 따라 따옴표를 삽입할 수도 있습니다.

    미국의 W.S.Clark은 소년들이여, 야망을 가져라!라는 말을 남겼다.


    지원 브라우저/HTML 버전

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

    IE 4, NN 6.2, HTML 4

    참고

    • 문단 인용문을 표시할 때에는 BLOCKQUOTE 요소를 사용합니다.

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


    'HTML태그' 카테고리의 다른 글

    HTML태그(Tag) - O로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - P로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - S로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - T로시작하는 태그  (0) 2010.04.04
    HTML태그(Tag) - U로시작하는 태그  (0) 2010.04.04
    Posted by 굿프랜
    ,
    12
    굿프랜

    태그목록

    티스토리툴바