'L로시작하는 HTML태그'에 해당되는 글 1건

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

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

태그목록

티스토리툴바