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 굿프랜
,
굿프랜

태그목록

티스토리툴바