'fieldset font form'에 해당되는 글 1건

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

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

태그목록

티스토리툴바