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

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

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

태그목록

티스토리툴바