상상플러스 ::

'2007/02'에 해당되는 글 3건

2007/02/07 HTML 4.01 Reference

2007/02/06 멋진 영어 단어

2007/02/01 자바 기술을 이용한 AJAX의 활용

HTML 2007/02/07 11:28

Tag	Description	NN	IE
Deprecated : 사용이 금지된 비표준 태그로 차기버전의 웹 브라우저에서 지원이 확실치 않음. NN : Netscape Navigator 가 지원하기 시작한 가장 낮은 브라우저 버전 IE : Internet Explorer 가 지원하기 시작한 가장 낮은 브라우저 버전 레 퍼런스의 태그와 속성 중에서 별표(*)가 붙은 것은 HTML 4.0 이후의 버전에서는 지원 여부가 불확실한 것으로, HTML 공식 문서에서는 Deplecated 판정을 받은 것입니다. 대부분은 스타일 시트를 활성화하기 위해 기존의 프리젠테이션 관련 태그와 속성들이 Deplecated 판정을 받았습니다. 당장 브라우저들이 이들 태그와 속성의 지원을 중단하지는 않겠지만 가급적이면 이들 태그와 속성들은 사용을 줄이는 것이 좋을것 같습니다.
<!--...-->	Defines a comment	3.0	3.0
<!DOCTYPE>	Defines the document type
<a>	사용자가 클릭했을 때 브라우저를 다른 곳으로 이동하게 하는 링크를 만드는데 사용된다. <a href="url" hame="anchor">...</a> href - 사용자가 링크를 클릭했을 때 부라우저가 이동할 URL을 지정한다. name - ＜a＞ 태그 내에 포함된 요소에 이름을 붙여준다. name 속성으로 지정된 이름은 다른 <a> 태그에서 참조하여 페이지 내의 링크로 사용될수 있다.	3.0	3.0
<abbr>	HTTP나 WWW와 같은 약자(abbrevi-ation)를 표시하기 위해 사용 된다. 현재까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다.	6.2
<acronym>	WAC(Women's Army Corps), Radar와 같은 두 문자어(Acronym)를 표기하기 위해 사용된다. 현재 까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다.	6.2	4.0
<address>	주소나 연락처와 같은 본문 블록을 정의하기 위해 사용된다. <address> 태그 블록 내부에는 다른 HTML 태그를 이용해 블록의 포맷을 변경시킬수 있다. 대개 <address> 태그는 본문 블록을 이탤릭체로 표기하며 들여쓰기는 하지 않는다.	4.0	4.0
<applet>	<applet> 태그는 지정된 자바 애플릿을 실행하기 위해 사용된다. 자바 애플릿을 지원하지 않는 브라우저는 <applet>...</applet> 태그 블록을 무시한다. 애플릿이 실행하는 데 필요한 정보를 제공하는데는 <param> 태그가 함께 사용된다.	2.0	3.0
<area>	＜area＞ 태그는 이미지의 영역을 특정한 링크와 연결하기 위해 사용된다. 사용자가 ＜area＞ 태그로 지정된 영역을 클릭하면 href 속성으로 지정된 URL로 이동한다. ＜area alt="대체 문자열" coords="좌표" href="URL" nohref shape="모양"＞ alt - ＜area＞ 태그를 지원하지 않는 브라우저에서 대체하여 표시할 문자열을 지정한다. coords - 영역의 좌표를 픽셀 단 위로 지정한다. 영역이 사각형(rect)일 경우 이 속성은 "왼쪽, 상단, 오른쪽, 하단" 형식이 되며, 원형(circle)일 경우 "중심x, 중심y, 반지름"이 된다. 다각형(poly)일 경우에는 다각형의 각 꼭지점을 차례로 지정한다. href - ＜area＞ 태그로 지정된 영역을 클릭했을 때 브라우저가 이동할 URL을 지정한다. nohref - 이 속성이 포함되어 있으면 지정된 영역이 링크와 연결되어 있지 않음을 의미한다. shape - 영역의 모양을 지정한다. 사용할 수 있는 값으로는 rect, circle, poly와 default가 있다.	3.0	3.0
<b> *	블록에 포함된 텍스트를 볼드체로 나타나게 한다.	3.0	3.0
<base>	문 서에 포함된 다른 모든 href 속성의 기본 URL을 지정한다. ＜base＞ 태그는 문서에 포함된 절대 URL을 손쉽게 다른 것으로 옮기기 위해 사용된다. 만약 문서에 포함된 모든 절대 URL을 수정하려면 ＜base＞ 태그의 href 속성만 바꾸어 주면 된다. target 속성은 목적지 윈도우를 지정한다. ＜base＞ 태그는 ＜head＞ 태그 블록 내부에서만 사용이 허용된다. ＜base href="URL" target="목적지 윈도우"＞	3.0	3.0
<basefont>	Deprecated. Defines a base font	3.0	3.0
<bdo>	Defines the direction of text display	6.2	5.0
<big>	텍스트의 크기를 한 단계 증가 시킨다. 반대의 기능을 하는 태그로 ＜small＞이 있다.	3.0	3.0
<blockquote>	본 문에 인용된 문구를 넣을 때 사용한다. ＜blockquote＞ 태그로 지정된 블록은 오른쪽으로 한 단계 들여쓰기 되며 ＜p＞ 태그와 마찬가지로 블록의 시작과 끝이 다른 문단과는 분리된다. ＜blockquote＞ 태그는 문단의 구조를 정의하는 태그이기 때문에 논리적으로는 입력양식이나 테이블, 리스트와 같은 태그를 포함해서는 안된다.	3.0	3.0
<body>	웹페이지의 모든 본문을 포함한다. 또한, 위의 몇가지 속성으로 본문의 속성을 지정하기도 한다. ＜body bgcolor="칼러" background="URL" text="컬러" link="컬러" alink="컬러" vlink="컬러"＞...＜/body＞ bgcolor* - 웹페이지의 배경 컬러를 지정한다. background* - 웹페이지의 배경을 장식할 이미지의 URL을 지정한다. GIF와 JPEG의 두 가지 파일 형식을 사용할 수 있다. TEXT* - 본문의 컬러를 지정한다. link* - 일반적인 상태의 링크 컬러를 지정한다. alink* - 활성화 된(클릭하고 있는) 상태의 링크 컬러를 지정한다. vlink* - 이미 방문한 적이 있는 링크의 컬러를 지정한다.	3.0	3.0
<br>	HTML 문서에 라인 끊기를 넣어준다. 즉, 본문의 줄 바꾸기를 한다. clear 속성에는 left나 right, all, 또는 none을 지정할 수 있는데, 이미지의 주위를 감싸는 텍스트의 위치를 지정하기 위하여 사용한다. ＜br clear="옵션"＞	3.0	3.0
<button>	Defines a push button	6.2	4.0
<caption>	테이블의 열이나 행의 앞에 헤드나 캡션을 넣어주는데 사용된다. ＜caption＞ 태그는 반드시 ＜table＞ 태그 블 록에 포함되어야 한다. 이 태그의 align 속성은 두 가지 용도를 가지고 있다. 첫째로 top이나 bottom을 지정하면 캡션을 행의 상단이나 하단에 놓을지를 결정할 수 있고 left나 right를 지정하여 캡션 문자열을 왼쪽이나 오른쪽으로 지정할 수 있다. 디폴트 정렬방식은 중앙(center)이다. ＜caption align="정렬 방식"＞...＜/caption＞	3.0	3.0
<center>	Deprecated. Defines centered text	3.0	3.0
<cite>	인용된 문구를 표시하기 위해 사용된다. 대부분의 브라우저는 ＜cite＞ 태그가 이용된 문구를 이탤릭 글꼴로 표시해 준다.	3.0	3.0
<code>	보통 인용된 짧은 컴퓨터 프로그래밍 언어를 표시하기 위해 사용된다. 여러 라인의 코드를 표기하려면 ＜pre＞ 태그를 사용하는것이 좋다. 브라우저는 ＜code＞ 태그가 이용된 문구를 고정된 글꼴로 표시해 준다.	3.0	3.0
<col>	Defines attributes for table columns		3.0
<colgroup>	Defines groups of table columns		3.0
<dd>	정의 리스트를 만들 때 리스트 항목을 정의하는 역할을 한다. 정의 리스트는 목차나 용어 설명과 같은 형식의 리스트를 만드는 데 적합하다.	3.0	3.0
<del>	Defines deleted text	6.2	4.0
<dir>	Deprecated. Defines a directory list	3.0	3.0
<div>	＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 함께 사용되어 문단의 구조를 정의 한다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될수 있다. 보통 ＜span＞ 태그는 인라인 요소에, ＜div＞ 태그는 블록 레벨 요소에 사용된다.	3.0	3.0
<dfn>	Defines a definition term		3.0
<dl>	dd 태그와 함께 사용되어 정의 리스트를 만드는데 사용된다.	3.0	3.0
<dt>	정의 리스트에 사용되어 정의 용어(definition term)를 정의한다. 모든 ＜dt＞ 태그는 반드시 ＜dd＞ 태그와 함께 사용되어야 한다. ＜dd＞ 태그는 정의 설명(definition description)을 의미한다.	3.0	3.0
<em>	지정한 블록을 강조해 줄것을 요구한다. 하지만 어떻게 강조할지는 브라우즈의 몫이다. 대부분의 브라우즈는 ＜em＞ 태그 블록의 본문을 이탤릭체로 표시한다.	3.0	3.0
<fieldset>	Defines a fieldset	6.2	4.0
<font>	Deprecated. Defines the font face, size, and color of text	3.0	3.0
<form>	사용자로 부터 정보를 입력 받고 이 정보를 서버나 전자메일 주소로 보낼수 있는 방법을 제공한다. 입력 양식은 텍스트 입 력 필드와 체크 박스, 라디오 버튼, 드롭다운 리스트, 버튼 등을 포함할 수 있다. 모든 입력 양식에는 반드시 submit 버튼이 있어야 하는데, 이 버튼을 클릭하는 순간 입력 양식에 입력된 정보가 서버나 전자 메일 주소로 전송된다.	3.0	3.0
<frame>	frame 태그는 프레임을 나눌 때 한 프레임의 특성을 지정하는 데 사용된다. ＜frame name="프레임 이름" marginwidth="프레임 너비" marginheight="프레임 높이" noresize scrolling="yes\| no\| auto" src="URL"＞ name - 프레임의 이름을 지정 한다. 이 이름은 ＜A＞ 태그의 target 속성의 값에 사용된다. marginwidth - 프레임 왼쪽과 오른쪽의 여백을 지정한다. 이 속성이 지정되지 않으면 브라우저가 여백의 너비를 기본값으로 결정하게 된다. marginheight - 프레임 상단과 하단의 여백을 지정한다. 이 속성이 지정되지 않으면 브라우저가 여백의 너비를 기본 값으로 결정하게 된다. noresize - 이 속성이 포함되어 있으면 사용자가 프레임 크기를 조정할 수 없게 된다. 만약 이 속성이 포함되어 있지 않으면 사용자가 프레임의 경계선을 드레그 하여 프레임의 크기를 조정할 수 있다. scrolling - 스크롤 바를 표시할지를 결정한다. yes는 항상 표시하며, no는 표시하지 않는다. auto는 정보량이 화면의 한페이지를 넘어 가면 자동으로 스크롤바를 표시한다. src - 프레임에 보여질 웹페이지의 URL을 지정한다.	3.0	3.0
<frameset>	브라우저 윈 도우를 별도로 작동하는 여러개의 윈도우(프레임)로 나누는데 사용된다. 각 프레임의 특성은 ＜frame＞ 태그로 지정한다. ＜frameset＞ 태그는 ＜body＞ 태그와 함께 사용될 수 없다. 즉, ＜frameset＞ 태그를 사용할 때는 ＜body＞ 태그 대신 사용된다. ＜frameset cols="값의 리스트" rows="값의 리스트"＞...＜/frameset＞ cols - 윈도우의 행을 몇개의 프레임으로 나눌것인지를 결정하고 각의 프레임에 크기를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다. rows - 윈도우의 열을 몇개의 프레임으로 나눌것인지를 결정하고 각의 프레임에 크기를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다.	3.0	3.0
<h1> to <h6>	h1~h6까지의 여섯 가지 태그는 본문과 구별되는 헤딩(제목)을 표기하기 위하여 사용된다. 헤딩은 다른 본문과는 구별되도록 문단의 상단과 하단이 분리 되며, 볼드체를 사용해 다른 본문 보다는 크게 나타난다. ＜h1＞은 가장 큰 글꼴을 사용하며, ＜h6＞은 가장 작은 글꼴을 사용한다. ＜h1 align="left\| right\| center"＞...＜/h1＞ align* - 헤드가 정렬되는 방법을 결정한다. left나 right, center의 세 가지 값중의 하나를 선택할 수 있다.	3.0	3.0
<head>	웹페이지에 직접 영향을 주는 태그는 아니지만 웹페이지 전체에 대한 몇가지 정보를 지정하는 데 사용된다. 특히, ＜title＞과 ＜meta＞ 태그는 ＜head＞ 태그 블록에 포함 되어야 한다. 대부분의 웹프로그래머들은 자신들의 자바 스크립트나 VB 스크립트 함수가 본문이 디스플레이 되기전에 선언되도록 ＜HEAD＞ 태그 블록에 정의 한다.	3.0	3.0
<hr>	＜hr＞ 태그는 웹페이지에 음영 처리된 수평 막대(horizontal ruler)를 그리는 데 사용된다. ＜hr align="정렬 방식" noshade size="두께" width="너비"＞ align* - 수평 막대가 정렬되는 방식을 지정한다. left, right, center 중 하나를 선택한다. noshade - 만약 이 속성이 포함되어 있으면 임체효과를 사용하지 않고 단순한 형태의 평면 막대를 보여준다. size - 수평 막대의 두께를 픽셀 단위로 지정한다. width - 수평 막대의 너비를 지정한다. 부라우저 윈도우에 대한 백분율로 지정하거나, 픽셀 단위로 지정할수 있다.	3.0	3.0
<html>	html 태그는 다른 모든 태그를 감싸는 태그로, HTML 문서의 시작과 끝에 놓인다.	3.0	3.0
<i> *	블록에 포함된 텍스트를 볼드체로 나타나게 한다.	3.0	3.0
<iframe>	Defines an inline sub window (frame)	6.0	4.0
<img>	＜img＞ 태그는 웹페이지에 이미지 파일을 추가하기 위해 사용된다. width 속성과 height 속성은 이미지의 크기를 변경하는 데도 사용할 수 있다. 예를 들어 100 x 100 크기의 이미지가 있다고 할 때, width=200 height=200 형식을 사용하면 이미지가 두배로 커지게 된다. 이미지의 크기를 변경하지 않더라도 width와 height의 속성은 포함시켜 주는것이 좋다. 왜냐하면, 요즈음의 브라우저들은 width와 height 속성에 지정된 값으로 이미지가 차지할 영역을 미리 할당하므로 나머지 본문을 더욱 빨리 그려줄 수 있기 때문이다. ＜img align="정렬 방식" alt="대체 문자열" border="경계선의 두께" width="이미지의 넓이" height="이미지의 높이" src="이미지 파일의 URL" hspace="이미지 좌우측의 공백" vspace="이미지 상하단의 공백" usemap＞ align - left, right, top, middle, bottom 중의 한가지 값이 될수 있으며, left나 right가 지정되면 이미지와 좌나 우에 텍스트가 위치하며 top, middle, bottom 중의 하나가 지정되면 이미지와 같은 라인에 놓이는 수직 정렬방식을 결정한다. alt - 이미지를 나타낼수 없는 부라우저에서 이미지 대신 보여줄 문자열을 지정한다. 또, 표시된 이미지에 마우스를 대면 그 문자열이 나타난다. border - 이미지의 테두리 두께를 지정한다. 디폴트는 테두리를 그리지 않지만 이미지를 링크로 사용했을 때는 테두리가 나타난다. border 속성을 이용하여 테두리를 감추거나 나타낼수 있다. width - 이미지의 너비를 픽셀 단이로 지정한다. height - 이미지의 높이를 픽셀 단위로 지정한다. src - 삽입할 이미지 파일의 URL을 지정한다. GIF나 JPG를 사용할 수 있다. hspace - 이미지의 좌우측 여백을 픽셀 단위로 지정한다. vspace - 이미지의 상하단의 여백을 픽셀 단위로 지정한다. usemap - 이미지를 클라이언트측 이미지 맵으로 사용 할 경우, 이 속성을 포함 시키고 ＜map＞ 태그 선언에서 사용한 이미지맵의 이름을 지정해 준다.	3.0	3.0
<input>	＜input＞ 태그는 입력 양식에 다양한 입력 양식 요소를 만드는 데 사용된다. 각각의 입력 양식 요소에는 한개씩의 ＜input＞ 태그가 필요하며, 입력 양식 요소의 종류는 type 속성을 통해 제어한다. ＜input align="정렬 방식" checked maxlength="최대 넓이" name="이름" size="크기" src="URL" type="입력 요소의 종류" value="값"＞ align - type 속성이 image 일때만 효과가 있다. left, right, top, middle, bottom 중의 한가지 값을 사용할 수 있다, checked - type 속성이 radio이거나 checkbox일 때에만 효과가 있다. 라디오 버튼과 체크박스는 선택된 상태와 선택되지 않은 두가지 상태가 있는데, 태그 선언에 checked 속성이 포함되어 있으면 이들 요소를 선택된 상태로 만든다. maxlength - type 속성이 text 이거나 password일 때만 효과가 있다. 이 속성은 사용자가 입력 필드에 입력할 수 있는 수를 제한 한다. name - 입력 양식 요소에 입력된 데이터의 이름을 지정한다. 이 이름은 웹 서버에 데이터가 전송된 후에 데이터를 처리하기 위해 사용된다. size - type 속성이 text이거나 image일 때만 효과가 있다. 이 속성은 입력 필드의 길이를 지정한다. src - type 속성이 이미지일 때만 효과가 있다. 입력 양식에 추가할 이미지 파일의 URL을 지정한다. 이미지 필드는 submit 버튼과 비슷하게 작동한다. 이미지 필드가 클릭되면 클릭된 좌표와 함께 입력된 데이터가 서버에 전송된다. type - type 속성은 input 필드로 만들어진 입력 양식 요소의 종류를 지정한다. 사용할 수 있는 값은 image,text, password, checkbox, radio, submit, rest, hidden이 있다. 이 속성이 생략되면 text가 만들어 진다. value - 입력 양식 요소의 디폴트 값을 지정한다. reset 버튼이 클릭되면 value 속성에 지정된 디폴트 값이 요소에 저장된다.	3.0	3.0
<ins>	Defines inserted text	6.2	4.0
<isindex>	Deprecated. Defines a single-line input field. Use <input> instead	3.0	3.0
<kbd>	Defines keyboard text	3.0	3.0
<label>	Defines a label for a form control	6.2	4.0
<legend>	Defines a title in a fieldset	6.2	4.0
<li>	＜li＞ 태그는 ＜ol＞이나 ＜ul＞ 태그 블록의 내부에 포함되어 리스트의 항목을 정의 한다. ＜ol＞ 태그 블록에 포함될 때는 리스트 항목의 앞에 번호를 붙여 주며, ＜ul＞ 태그 블록에 사용될 때는 블릿 문자를 붙여 준다.	3.0	3.0
<link>	＜link＞ 태그는 현재 문서와 다른 문서 사이의 관계를 정의한다. ＜a＞ 태그와도 비슷하지만 ＜link＞ 태그는 문서의 헤드 섹션에만 사용할 수 있다. 미래에 만들어질지 모르는 다양한 기능을 위해 디자인된 태그지만, 현재는 주로 스타일 시트 파일을 연결하는 데 사용된다. ＜link href="URL" rel="문서의 관계" rev="반대의 관계" title="타이틀"＞ href - 연결할 문서의 URL을 지정한다. rel - 현재의 문서와 href 속성으로 연결된 문서 사이의 관계를 지정한다. rev - reverse link를 정의 한다. title - 연결할 문서의 타이틀을 지정한다.	4.0	3.0
<map>	클라이언트측 이미지맵을 정의하는데 사용된다. name 속성에 지정된 이름은 ＜IMG＞ 태그의 usemap 속성에 사용된다.	3.0	3.0
<menu>	Deprecated. Defines a menu list	3.0	3.0
<meta>	웹페이지에 대한 정보를 지정하거나 웹페이지의 HTTP 헤더를 지정하는데 사용될 수 있다. ＜meta＞ 태그는 항상 문서의 헤더 섹션에 포함되어야 한다.	3.0	3.0
<noframes>	프레임을 지원하지 않는 브라우저에서 보여줄 내용을 지정한다.	3.0	3.0
<noscript>	Defines a noscript section	3.0	3.0
<object>	웹페이지에 여러가지 형태의 객체를 추가하기 위해 사용된다. 객체는 자바 애플릿일 수도 있고 이미지 파일이나 여러가지 포맷의 멀티미디어 파일일 수도 있다. ＜object＞ 태그는 HTML 4.0 이 ＜applet＞이나 ＜embed＞ 태그 대신 권장하고 있는 새로운 태그이다. ＜object classid="객체의 URL" codebase="애플릿 클래스 파일의 URL" data="객체 데 이터의 위치" type="객체의 종류" codetype="객체의 타입" archive="객체가 이용할 데이터" width="객체의 너비" height="객체의 높이" standby="스탠바이 문자열" usemap="이미지맵의 이름" name="객체의 이름"＞ classid - 객체의 URL을 지정한다. codebase - 추가하려는 객체가 자바 애플릿일 경우 애플릿 클래스 파일의 URL을 지정한다. data - 객체 데이터의 위치를 지정한다. type - 객체의 종류를 지정한다. codetype - 객체의 타입을 지정한다. archive - 객체가 이용할 데이터 파일을 콤마로 분리된 리스트로 지정한다. width - 객체의 너비를 픽셀로 지정한다. height - 객체의 높이를 픽셀로 지정한다. standby - 객체를 로드하는 동안 보여줄 문자열을 지정한다. usemap - 객체가 이미지이고 클라이언트측 이미지맵으로 사용될 경우 이미지맵 선언의 이름을 지정한다. name - 객체의 이름을 지정한다.		3.0
<ol>	Defines an ordered list	3.0	3.0
<optgroup>	Defines an option group	6.0	6.0
<option>	입력 양식내에 리스트 박스나 드롭다운 리스트를 만드는 데 사용된다. ＜option＞ 태그는 항상 ＜select＞ 태그 블록에 포함된다. ＜option selected value="값"＞...＜/option＞ selected - 이 속성이 포함되어 있으면 리스트 박스나 드롭다운 리스트가 초기화될 때 옵션이 선택된 상태가 된다. value - 입력 양식이 서버로 전송될 때 전송될 값을 지정한다.	3.0	3.0
<p>	논리적인 하나의 문단을 지정하는데 사용된다. ＜p align="정렬방식"＞...＜/p＞ align* - 문단의 정렬방식을 지정한다. left, right, center의 세가지 값중의 하나를 선택할 수 있다.	3.0	3.0
<param>	자바 애플릿에 인자를 제공하기 위해 사용된다. ＜param＞ 태그는 반드시 ＜applet＞ 태그 블록에 포함된다. ＜param name="이름" value="값"＞ name - 인자의 이름을 지정한다. value - 인자의 값을 지정한다.	3.0	3.0
<pre>	pre 태그 블록은 HTML 소스에 나타난 문단의 형태를 그대로 웹페이지에 보여주는데 사용된다. 보통 문단은 고정폭 글꼴을 사용해 보여진다.	3.0	3.0
<q>	Defines a short quotation	6.2
<s>	Deprecated. Defines strikethrough text	3.0	3.0
<samp>	프로그램이 출력한 정보를 그대로 보여주기 위해 사용된다.보통 고정폭 글꼴이 사용되지만 모든 브라우저가 고정폭 글꼴을 사용하는것은 아니다. 확실하게 고정폭 글꼴을 사용하고자 한다면 ＜tt나＞＜pre＞를 사용하는것이 좋다.	3.0	3.0
<script>	HTML 문서내에 자바 스크립트나 VB 스크립트를 포함시키기 위해 사용된다. 모든 브라우저가 이 두가지 스크립터 언어를 지원하는 것은 아니다.	3.0	3.0
<select>	select 태그는 입력 양식에 드롭다운 리스트를 만드는데 사용된다. ＜select＞ 태그는 반드시 ＜from＞ 태그 블록에 포함되어야 하며, 드롭다운 리스트 항목은 ＜option＞ 태그를 이용해 지정한다. ＜select multiple name="이름" size="값"＞...＜/select＞ multiple - 이 속성이 포함되어 있으면 드롭다운 리스트에서 동시에 여러 항목을 선택할 수 있게 된다. name - name 속성은 반드시 지정되어야 한다. 이 속성에 지정된 이름은 웹 서버에 입력 양식 정보가 전달될 때 함께 전달된다. size - 드롭다운 리스트에서 한번에 몇개의 항목이 보여질지 결정한다.	3.0	3.0
<small>	텍스트의 크기를 한 단계 감소 시킨다. 반대의 기능을 하는 태그로 ＜big＞이 있다.	3.0	3.0
<span>	＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 한께 사용되어 문단에 구조를 정의하기 위하여 사용된다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될 수 있다. 보통 ＜SPAN＞ 태그는 인라인 요소에, ＜DIV＞ 태그는 블록 레벨 요소에 사용된다.	4.0	3.0
<strike>	Deprecated. Defines strikethrough text	3.0	3.0
<strong>	본문을 강하게 강조한다. 대부분의 브라우저는 ＜strong＞ 태그가 사용된 본문을 볼드체로 보여준다.	3.0	3.0
<style>	웹 페이지에 스타일 시트 선언을 포함하기 위해 사용된다. 아직 모든 브라우저가 스타일 시트를 지원하지는 않는다. ＜style type="text/css"＞...＜/style＞ type - 이 속성에는 항상 "text/css"를 넣어 주어야 한다.	4.0	3.0
<sub> *	본문을 아래첨자 형식으로 보여준다.아래첨자로 지정된 본문은 일반 본문보다 약간 작고 아래쪽에 보여진다.	3.0	3.0
<sup>	Defines superscripted text	3.0	3.0
<table>	＜table＞ 태그는 테이블을 만들기 위해 사용된다. ＜table＞ 태그가 가진 속성들은 테이블 전체에 영향을 주는 특성들, 즉 테이블의 정렬 방식이나 배경 색상, 경계선의 두께등을 지정하며, 실제로 테이블의 열과 셀을 만드는 태그는 ＜table＞ 태그 블록에 포함되는 ＜tr＞과 ＜td＞ 태그이다. ＜table align="정렬방식" bgcolor="바탕 색상" border="경계선의 두께" cellpadding="셀과 경계선의 간격" cellspacing="셀 사이의 간격" width="테이블의 너비"＞...＜/table＞ align* - 테이블이 정렬되는 방법을 결정한다. left, center, right 중의 한가지를 선택할수 있다. bgcolor - 테이블의 배경 색상을 지정한다. 색상 이름이나 색상 코드를 사용할 수 있다. border - 테이블의 경계선 두께를 픽셀 단위로 지정한다. cellpadding - 테이블의 경계선과 셀 본문의 간격을 픽셀 단위로 지정한다. cellspacing - 셀과 셀 사이의 간격을 픽셀 단위로 지정한다. width - 테이블의 너비를 지정한다. 브라우저 너비의 비율로 지정하거나 픽셀 단위로 지정할 수 있다. 예를 들어, width=80% 형식은 브라우저 너비의 80% 너비를 의미하고, width=500은 500 픽셀 너비를 의미한다.	3.0	3.0
<tbody>	Defines a table body		4.0
<td>	＜td＞ 태그는 테이블에 셀을 만드는데 사용된다. ＜td＞ 태그는 반드시 ＜tr＞ 태그에 포함되어야 한다. ＜td align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap＞...＜/td＞ align* - 테이블 셀에 포함될 내용이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 사용할 수 있다. colspan - 테이블 셀이 여러개의 행에 걸쳐 합칠 때 합칠 개수를 지정한다. rowspan - 테이블 셀이 여러개의 열에 걸쳐 합칠 때 합칠 개수를 지정한다. width* - 테이블의 너비를 픽셀 단위로 지정한다. height* - 테이블의 높이를 픽셀 단위로 지정한다. valign - 테이블 셀에 포함될 내용이 수직으로 정렬될 방법을 결정한다. top, middle, bottom 중에서 한가지를 선택할 수 있다. nowrap* - 테이블 셀의 본문에 셀의 너비에 맞추어 자동으로 줄을 바꾸지 못하도록 한다.	3.0	3.0
<textarea>	입력 양식에 여러 라인의 문자열을 입력할 수 있는 문자열 입력 필드를 만들어 준다. ＜textarea＞ 태그는 반드시 ＜form＞ 태그 블록의 내부에 포함되어야 한다. ＜textarea cols="행의 수" name="이름" rows="열의 수"＞...＜/textarea＞ cos - 문자열 입력 필드의 행의 수를 지정한다. name - 사용자가 입력 필드에 입력한 문자열의 이름을 지정한다.이 이름은 데이터가 서버에 전송될 때 함께 전송된다. rows - 문자열 입력 필드의 열의 수를 지정한다.	3.0	3.0
<tfoot>	Defines a table footer		4.0
<th>	＜th＞ 태그는 ＜td＞ 태그와 마찬가지로 테이블의 셀을 만든다. 다른 점은 셀에 포함되는 본문이 중앙으로 정렬되는 것이 기본값이며, 본문이 볼드체로 나타난다는 것이다. ＜th＞ 태그는 주로 다른 셀의 헤더로 사용될 셀을 만드는 데 사용된다. ＜th align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap＞...＜/th＞ align* - 테이블 셀에 포함될 내용이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 사용할 수 있다. colspan - 테이블 셀이 여러개의 행에 걸쳐 합칠 때 합칠 개수를 지정한다. rowspan - 테이블 셀이 여러개의 열에 걸쳐 합칠 때 합칠 개수를 지정한다. width* - 테이블의 너비를 픽셀 단위로 지정한다. height* - 테이블의 높이를 픽셀 단위로 지정한다. valign - 테이블 셀에 포함될 내용이 수직으로 정렬될 방법을 결정한다. top, middle, bottom 중에서 한가지를 선택할 수 있다. nowrap* - 테이블 셀의 본문에 셀의 너비에 맞추어 자동으로 줄을 바꾸지 못하도록 한다.	3.0	3.0
<thead>	Defines a table header		4.0
<title>	웹 페이지의 타이틀을 지정한다. ＜title＞ 태그는 반드시 ＜head＞ 태그 블록에 포함되어야 한다.	3.0	3.0
<tr>	테이블 내에 열을 만들기 위해 사용된다. ＜tr＞ 태그는 반드시 ＜table＞ 태그 블록에 포함되어야 하며, 원하는 열의 개수 만큼 ＜tr＞ 태그가 필요하다. ＜tr＞ 태그 블록에는 ＜td＞나 ＜th＞가 포함되어 셀을 만들어 낸다. ＜tr align="정렬 방식" valign="수직 정렬 방식"＞...＜/tr＞ align - 열에 포함될 셀의 디폴트 정렬 방식을 결정한다. left, center, right 중의 한 가지 값이 될수 있다. valign - 열에 포함될 셀의 디폴트 수직 정렬 방식을 결정한다. top, middle, bottom 중에서 한가지 값을 선택할 수 있다.	3.0	3.0
<tt>	본문을 텔레타이프 형식으로 보여 준다. 대부분의 브라우저는 ＜tt＞ 태그 블록의 본문을 고정폭 글꼴을 사용해 보여준다.	3.0	3.0
<u>	Deprecated. Defines underlined text	3.0	3.0
<ul>	＜ul＞ 태그는 블릿 리스트를 만드는 데 사용된다. 리스트 항목은 ＜li＞ 태그로 정의 한다. ＜ul compact type="종류"＞...＜/ul＞ compact - 이 속성이 포함되어 있으면 리스트를 최대한 작은 공간을 차지하도록 표시해 준다. 현재의 브라우저들은 이 속성을 지원하지 못한다.	3.0	3.0
<var>	컴퓨터 프로그램의 변수를 표시하기 위해 사용한다. 이 태그를 보여 주는 방식은 브라우저 마다 차이를 보인다.	3.0	3.0
<xmp>	Deprecated. Defines preformatted text. Use <pre> instead	3.0	3.0

이 글에는 트랙백을 보낼 수 없습니다

영어 2007/02/06 16:23

멋진 영어 단어

========> A <=====================

Abel - 아벨 =======>생명력

Ace - 에이스=======>최고의 것

Ada - 아다=======>번영하고 즐거운, 여자이름

Adam - 아담========>기독교 성서에서 하느님이 처음으로 창조한 남자

Adela - 아델========>평화로운

Adelio - 아델리오========>고결한 스페인 왕자의 아버지

Adolph - 아돌프========>늑대

Adonis - 아도니스=======>여신 아프로디테가 사랑한 미소년

Adora - 아도라=======>아주 사랑하는

Agatha - 아가타=======>나무랄 데 없는 정숙한 여인, 여자이름

Aggie - 애기=======>훌륭한

Aida - 아이다=======>베르디 오페라의 주인공인 에티오피아 왕녀

Ailish - 앨리쉬=======>엘리자베스의 모습을 한

Aimee - 에이미=======>사랑하는 프랑스 친구

Alan - 알란=======>잘생긴

Albert - 앨버트=======>빅토리아 여왕의 부군, 남자이름

Albino - 앨비노=======>피부색소가 결핍된 사람

Alex - 알렉스=======>인류의 수호자, 남자이름

Alexandra - 알렉산드라=======>그리스인의 수호자

Alfred - 알프레드=======>앨프레드 대왕, 남자이름

Ali - 알리=======>숭고한, 이슬람 4대 칼리프

Alice - 앨리스=======>진실, 여자이름

Alika - 앨리카=======>진실한 하와이인

Allie - 앨리=======>순결한 탄생

Aloha - 알로하=======>사랑스러운

Alvin - 앨빈=======>고귀한 친구

Amanda - 아만다=======>사랑 받을 만한 , 여자이름

Ami - 아미=======>친구

Amos - 아모스=======>무거운 짐, 남자이름

Amy - 에이미=======>가장 사랑하는, 여자이름

Anais - 아나이스=======>은혜로운

Andra - 안드라=======>강하고 용감한

Andrew - 앤드류=======>용기있는 영국인

Andy - 앤디=======>강하고 남자다운, 남자이름

Angel - 엔젤=======>천사, 귀여운 아이

Angelica - 안젤리카=======>켈리포니아산 백포도주

Anika - 애니카=======>매우 아름다운

Anna - 안나=======>우아함으로 가득 찬, 여자이름

Annie - 애니=======>여자이름

Anthony - 안토니=======>칭찬할 만한 가치

Apollo - 아폴로=======>옛 그리스 로마의 태양신, 굉장한 미남자

Aria - 아리아=======>오페라 등에서 악기의 반주가 있는 독창곡

Ariel - 아리엘=======>중세 전설의 공기의 요정

Arista - 아리스타=======>최고의 그리스인

Arnold - 아놀드=======>독수리처럼 강한, 남자이름

Arvid - 아비드=======>폴란드 독수리

Asha - 아샤=======>생명

Aster - 아스터=======>영국 별

Astin - 아스틴=======>별모양의

Aurora - 오로라=======>새벽 동틀 녘

Ava - 아바=======>새 같은

========> B <=====================

Baba - 바바=======>화요일에 태어난

Bailey - 베일리=======>성벽으로 둘러쌓인 안뜰

Baldy - 발디=======>대머리

Bambi - 밤비=======>오스트리아 작가 Felix Salten의 동물소설 주인공인 아기사슴

Barbara - 바바라=======>낯선, 여자이름

Barbie - 바비=======>금발의 플라스틱 인형, 전형적인 미국인

Barley - 발리=======>보리, 대맥

Barney - 바니=======>언쟁, 남자이름

Baron - 바론=======>독일의 귀족

Basil - 바실=======>위엄있는, 장엄한

Baxter - 박스터=======>존경할 만한

Beau - 보=======>프랑스어로 아름다운

Bebe - 베베=======>아기

Beck - 벡=======>시내 강물

Becky - 베키=======>마음을 사로잡는 것, 여자이름

Belita - 벨리타=======>아름다운

Bella - 벨라=======>여자이름

Belle - 벨=======>불어로 아름다움

Benecia - 베네치아=======>라틴어로 축복받은

Benny - 베니=======>가장 사랑하는 어린 아들, 남자이름

Berg - 버그=======>독일어로 산

Bessie - 베시=======>신성함, 여자이름

Biana - 비안나=======>숨기고 있는

Bianca - 비앙카=======>순백의

Bibiane - 비비안=======>살아있는

Billy - 빌리=======>경찰봉, 남자이름

Bingo - 빙고=======>게임의 일종, 야단 법석

Bishop - 비숍=======>목자

Bliss - 블리스=======>다시 없는 기쁨

Blondie - 블론디=======>금발의 여자

Bonita - 보니타=======>예쁜

Bono - 보노=======>모두가 훌륭한

Boris - 보리스=======>슬라브어로 전사

Boss - 보스=======>두목

Bright - 브라이트=======>빛나는, 생기있는

Bruno - 브루노=======>갈색 머리

Buck - 벅=======>사슴

Buddy - 버디=======>친구

Bunny - 버니=======>작은 토끼

========> C <=====================

Caesar - 시저=======>로마 황제

Caley - 칼리=======>용감한 전사

Calix - 칼릭스=======>매우 잘생긴

Calla - 칼라=======>아름다움

Callia - 칼리아=======>프랑스어로 아름다운

Camilla - 카밀라=======>로마신화에 등장하는 여걸, 여자이름

Captain - 캡틴=======>우두머리

Cara - 카라=======>값이 비싼 물건

Carmel - 카멜=======>히브리어로 정원

Carmen - 카르멘=======>아름다운 목소리를 가진 사람, 여자이름

Casey - 캐시=======>용감하고 경계심 많은

Catherine - 캐서린=======>순결한

Cecil - 세실=======>눈 먼

Celestyn - 셀레스틴=======>폴란드어로 하늘

Celina - 셀리나=======>달

Cha Cha - 샤샤=======>남아메리카에서 유래된 볼룸댄스

Champ - 챔프=======>챔피언

Charles - 찰스=======>남자다운

Charlie - 찰리=======>백인

Chase - 체이스=======>사냥꾼

Chavi - 샤비=======>여자 아이

Chelsea - 첼시=======>런던의 옛 區이름

Cherie - 쉐리=======>사랑받는

Chilli - 칠리=======>칠레고추로 만든 향신료

Chloe - 클로에=======>여자이름, 전원시에 나오는 양치는 소녀의 이름

Chrissy - 크리시=======>기독교 신자

Chubby - 처비=======>토실토실 살찐, 얼굴이 통통한

Cindy - 신디=======>신데렐라에서 유래

Clara - 클라라=======>깨끗한

Clark - 클락=======>성직자

Claudia- 클라우디아=======>여자이름

Cleo - 클레오=======>찬양하다, 여자이름

Cleta - 클레타=======>침침한

Cliff - 클리프=======>낭떠러지

Coco - 코코=======>코코야자, 사람의 머리

Cody - 코디=======>쿠션, 방석

Colin - 콜린=======>강하고 씩씩한

Connie - 코니=======>견고하고 변하지 않는, 여자이름

Cookie - 쿠키=======>작고 납작한 케이크, 매력적인 여자, 귀여운 소녀

Corby - 코비=======>까마귀같이 어두운

Coy - 코이=======>수줍어하는

Coyote - 코요테=======>북미 대초원에 사는 늑대, 망나니

Crimson - 크림슨=======>진홍색의

Crispin - 크리스핀=======>곱슬 머리

Crystal - 크리스탈=======>깨끗한

Cutie - 큐티=======>귀여운 여자

Cyclone - 사이클론=======>큰 회오리 바람

Cyma - 시마=======>그리스어로 번영하다.

========> D <=====================

Daisy - 데이지=======>아주 좋은 물건, 프랑스 국화, 여자이름

Dali - 달리=======>스페인 초현실주의 화가

Danika - 다니카=======>금성

Darby - 다비=======>자유로운 남자

Daria - 다리아=======>여왕 같은

Darin - 다린======>값진 선물

Dario - 다리오=======>유복한

Darwin - 다윈=======>사랑하는 친구

Dave - 데이브=======>가장 사랑하는 사람, 남자이름

David - 다비드=======>이스라엘 제2대왕인 다윗을 일컬음, 남자이름

Dean - 딘=======>지도자

Della - 델라=======>고귀한

Delling - 델링=======>불꽃을 튀기다.

Delphine - 델핀=======>프랑스어로 꽃으로부터, 여자이름

Dennis - 데니스=======>와인 애호가, 남자이름

Denver - 덴버=======>푸른 계곡

Derry - 데리=======>고대 아일랜드어로 빨간 머리

Deva - 데바=======>신성한 정신

Dexter - 덱스터=======>솜씨가 좋은

Diallo - 디알로=======>아프리카어 굵은

Dick - 딕=======>강력한

Dino - 디노=======>단검

Dixie - 딕시=======>큰냄비, 미 남부 여러 주의 별명

Donna - 돈나=======>숙녀

Doris - 도리스=======>그리스의 도리스 지방, 여자이름

Dorothy - 도로시=======>신의 선물

Douglas - 더글라스=======>검은 언덕

Duke - 듀크=======>공작, 남자이름

Dustin - 더스틴=======>용맹스런 전사

Dyllis - 딜리스=======>꾸밈없는

========> E <=====================

Eavan - 에반=======>고대 아일랜드어로 정의로운 이

Ebony - 에보니=======>인도산 흑단, 흑단처럼 새까만

Echo - 에코=======>메아리

Edan - 에단=======>고대 아일랜드어로 불

Edeline - 에델린=======>높은 신분으로 태어난

Eden - 에덴=======>히브리어로 평원

Edward - 에드워드=======>행복한 인도자

Edwin - 에드윈=======>성공한 친구

Eilis - 엘리스=======>고대 아일랜드어로 친절한

Eldora - 엘도라=======>스페인어로 황금

Elf - 엘프=======>꼬마요정

Elin- 엘린=======>행복한

Elisha - 엘리샤=======>히브리어로 신의 구원자

Elizabeth - 엘리자베스=======>신을 위해 봉헌하다는 의미, 여자이름

Elle - 엘르=======>여성

Elroy - 엘로이=======>프랑스어로 왕

Elsa - 엘사=======>고귀한 것, 여자이름

Elvis - 엘비스=======>현명한 왕자

Elysia - 엘리시아=======>축복받은 집

Emilie - 에밀리=======>야망이 있는

Eric - 에릭=======>강력한 통치자, 남자이름

Eris - 에리스=======>질투의 여신

Eros - 에로스=======>사랑

Esteban - 에스테반=======>승리의 왕관

Esther - 에스더=======>별

Eva - 에바=======>여자이름

Evan - 에반=======>젊은 용사

Eve - 이브=======>하느님이 창조한 최초의 여자, 여자이름

========> F <=====================

Farrell - 파렐=======>고대 아일랜드어로 용맹스러운

Favian - 파비앙=======>용감한 남자

Fedora - 페도라=======>그리스어로 신성한 선물

Felice - 펠리체=======>이탈리아어로 행복한

Felix - 펠릭스=======>운이 좋은, 남자이름

Fella - 펠라=======>Fellow의 의미

Fidelio - 피델리오=======>이탈리아어로 성실한

Filia - 필리아=======>그리스어로 친분

Fleta - 플레타=======>쾌속의

Florence - 플로렌스=======>번영하는

Floria - 플로리아=======>꽃이 만발한

Forrest - 포레스트=======>숲

Freeman - 프리맨=======>자유인

========> G <=====================

Gabriel - 가브리엘=======>하나님은 나의 힘

Gali - 갈리=======>히브리어로 저수지

Gem - 젬=======>보석

Gemma - 젬마=======>귀중한 돌

George - 조지=======>남자이름, 영국 왕의 이름

Gilbert - 길버트=======>프랑스어로 하나님은 나의 힘

Gili - 길리=======>기뻐하다.

Giovanni - 지오반니=======>신의 영광

Gloria - 글로리아=======>영광

Goofy - 구피=======>바보 같은, '미키마우스'의 개 이름

Grace - 그레이스=======>신의 은혜

Grania - 그라니아=======>곡식의 여신

Gregory - 그레고리=======>야경꾼

========> H <=====================

Haley - 할리=======>영웅

Halona - 할로나=======>운좋은

Happy - 해피=======>행복한

Harley - 할리=======>할리街(일류 의사들의 동네)

Harmony - 하모니=======>아름다운 조화

Harold - 해롤드=======>군 통치자

Harry - 해리=======>약탈하다, 괴롭히다. 남자이름

Heba - 헤바=======>아라비아어 선물을 주다

Helen - 헬렌=======>햇불

Helia - 헬리아=======>그리스어로 태양

Hera - 헤라=======>하늘의 여왕

Hero - 히어로=======>영웅

Hestia - 헤스티아=======>가정이 여신

Hollis - 홀리스=======>영웅

Honey - 허니=======>벌꿀, 멋진 것, 훌륭한 것

Hope - 호프=======>희망, 소망

Hubert - 휴버트=======>깨끗한 마음

Hue - 휴=======>베트남어로 꽃

Huey - 휴이=======>'도널드 덕'에서의 조카 중 한 명

========> I <=====================

Ian - 이안=======>존이라는 이름에서 파생

Iliana - 일리아나=======>그리스어로 밝은

Indira - 인디라=======>천둥 번개의 신

Ingrid - 잉그리드=======>목초지

Irina - 이리나=======>슬라브어로 평화로운

Iris - 아이리스=======>그리스어로 무지개

Isaac - 이삭=======>Abraham과 Sarah의 아들이며 Jacob의 아버지

Isabel - 이사벨=======>스페인어로 신을 위해 바치다.

Isadora - 이사도라=======>여자이름

Isis - 이시스=======>그리스어로 가장 강력한 이집트 여신

========> J <=====================

Jace - 제이스=======>매력적인

Jack - 잭=======>사나이, 버릇 없는 놈

Jackson - 잭슨=======>미국 제7대 대통령, 남자이름

Jaclyn - 재클린=======>보호하다

Jade - 제이드=======>녹색 보석

Jane - 제인=======>은혜로운

Jasmine - 쟈스민=======>인도원산의 상록관목

Jasper - 제스퍼=======>벽옥, 남자이름

Jefferson - 제퍼슨=======>미국 제 3대 대통령

Jeffrey - 제프리=======>평화의 선물

Jenifer - 제니퍼=======>웨일즈어로 하얀 물결

Jennie- 제니=======>파도

Jeremy - 제레미=======>기원전 6-7세기의 대예언자

Jericho - 제리코=======>페르시아어로 달의 도시

Jerry - 제리=======>라틴어로 성스러운

Jess - 제스=======>남자이름

Jessica - 제시카=======>히브리어로 부

Jessie - 제시=======>부유한 사람, 여자이름

Jodie - 조디=======>찬양하다

Johanna - 조안나=======>신의 은혜

Jolly - 졸리=======>즐거운, 유쾌한

Jordan - 조르단=======>히브리어로 전해오는

Joy - 조이=======>기쁨

Jud - 쥬드=======>기도하다

Julia - 쥴리아=======>라틴어로 젊은

Juliana - 쥴리아나=======>부드러운 머리결의

Juliet - 쥴리엣=======>'로미오와 쥴리엣'의 여자 주인공

Justin - 져스틴=======>진실

========> K <=====================

Kali - 칼리=======>어둠의 여신

Kara - 카라=======>달콤한 멜로디

Karena - 카레나=======>순수한 것

Karis - 카리스=======>그리스어로 은혜로운

Kassia - 카시아=======>폴란드어로 순수한

Kate - 케이트=======>켈트어로 처녀스런

Kellan - 켈란=======>강력한

Kelley - 켈리=======>여전사

Kerri - 케리=======>신비스러운

Kevin - 케빈=======>남자이름

Kitty - 키티=======>작은 고양이

Klaus - 클라우스=======>독일어로 승리의 인도자

Kori - 코리=======>그리스어로 소녀

Kuper - 쿠퍼=======>히브리어로 구리

Kyra - 키라=======>숙녀 같은

========> L <=====================

Lakia - 라키아=======>아랍어로 재산

Lala - 랄라=======>튤립

Lamis - 라미스=======>아랍어로 부드러운

Lani - 라니=======>하와이어로 하늘

Lappy - 래피=======>무릎에 앉기를 좋아하는 사람

Lara - 라라=======>유명한

Lavina - 라비나=======>라틴어로 로마의 여인

Lee - 리=======>초원

Leena - 리나=======>조명

Lelia - 렐리아=======>그리스어로 옳은 말

Leo - 레오=======>사자자리, 남자이름

Leopold - 레오폴드=======>독일어로 사랑스런 사람

Lev - 레브=======>히브리어로 마음

Lidia - 리디아=======>폴란드어로 아시아에 있는 성

Lily - 릴리=======>나리, 백합, 순백한 것

Lina - 리나=======>이탈리아어로 빛

Linda - 린다=======>예쁜 사람

Lisa - 리사=======>히브리어로 신에게 바치다

Lloyd - 로이드=======>회색의, 남자이름

Lonnie - 로니=======>잘생긴 사람

Lottie - 로티=======>여자다운, 여성에게 어울리는

Louis - 루이스=======>프랑스 루이왕, 남자이름

Lowell - 로웰=======>프랑스어로 사랑받는

Lucia - 루시아=======>이탈리아어로 광채

Lucifer - 루시퍼=======>샛별, 금성

Lucy - 루시=======>여자이름

Lukas - 루카스=======>그리스어로 빛

Luna - 루나=======>달의 여신

========> M <=====================

Mabel - 마벨=======>나의 아름다운 사람

Madonna - 마돈나=======>스페인어로 나의 소녀

Maggie - 매기=======>여자이름

Makaio - 마카이오=======>하와이어로 신의 선물

Malissa - 맬리사=======>달콤한 꿀

Malo - 말로=======>하와이어로 승리자

Mana - 마나=======>정신적인 선물

Mandelina - 만델리나=======>사랑스러운

Manon - 마농=======>프랑스 소설에 나오는 주인공

Marcia - 마르시아=======>용기

Margaret - 마가레트=======>라틴어로 진주

Mary - 메어리=======>성모마리아, 여자이름

Mathilda - 마틸다=======>힘

Maya - 마야=======>그리스어로 어머니

Melina - 멜리나=======>그리스어로 밝은 노랑

Meriel - 메리엘=======>켈트어로 빛나는 바다

Mickey - 미키=======>남자이름

Mighty - 마이티=======>강력한, 힘센

Minnie - 미니=======>여자이름

Miranda - 미란다=======>라틴어로 칭찬해 줄 만한

Missy - 미시=======>아가씨

Misty - 미스티=======>안개가 짙은, 눈물어린

Molly - 몰리=======>여자이름

Monet - 모네=======>프랑스어로 고독한

Monica - 모니카=======>그리스어로 조언자

Morris - 모리스=======>남자이름

Muffin - 머핀=======>둥근빵 모양의 케이크

Mulan - 뮬란=======>중국어로 목련꽃

Murphy - 머피=======>감자

========> N <=====================

Nadia - 나디아=======>슬라브어로 희망에 찬

Nalo - 날로=======>아프리카어로 사랑스러운

Nami - 나미=======>일본어로 파도

Nana - 나나=======>할머니, 유모

Nani - 나니=======>그리스어로 예의 바른

Naomi - 나오미=======>유쾌한, 여자이름

Nara - 나라=======>그리스어로 행복한

Narcisse - 나르시스=======>프랑스어로 수선화

Navid - 나비드=======>좋은 소식

Neal - 닐=======>챔피온

Neema - 니마=======>힌두어로 번영하는

Nero - 네로=======>강력한

Nia - 니아=======>챔피언

Nicholas - 니콜라스=======>성니콜라스, 남자이름

Nicky - 닉키=======>민중의 승리, 귀엽고 생기있는 캐릭터에 어울림

Nina - 니나=======>9번째의, 여자이름

=========> O <=====================

Odelia - 오델리아=======>신에게 맹세하다

Olga - 올가=======>슬라브어로 성스런

Olive - 올리브=======>평화의 상징, 올리브 열매

Oliver - 올리버=======>남자이름

Oscar - 오스카=======>남자이름, 신성한 힘, 아카데미상 수상자에게 주는 작은 황금상

========> P <=====================

Pablo - 파블로=======>작은

Paloma - 팔로마=======>스페인어로 비둘기

Pamela - 파멜라=======>그리스어로 연인

Patrick - 패트릭=======>귀족

Pavel - 파벨=======>슬라브어로 작은

Peggy - 페기=======>진주, 여자이름

Pello - 펠로=======>그리스어로 돌

Penda - 펜다=======>슬라브어로 사랑받는

Peppi - 페피=======>인내하다

Petra - 페트라=======>돌

Phila - 필라=======>사랑

Phillip - 필립=======>사랑하는 것

Pinky - 핑키=======>연분홍색의

Pluto - 플루토=======>명왕성

Poco - 포코=======>약간, 조금씩

Polo - 폴로=======>4명이 1조가 되어 말을 타고 하는 공치기, 의류 브랜드

Pooky - 푸키=======>독일어로 귀여운 사람

Poppy - 포피=======>꽃으로 부터

Primo - 프리모=======>이탈리아어로 장남

Prince - 프린스=======>왕자

Princess - 프린세스=======>공주, 왕비

Puffy - 퍼피=======>바람이 확부는, 살찐

========> R <=====================

Rabia - 라비아=======>아프리카어로 봄

Raina - 레이나=======>평화로운

Ralph - 랄프=======>늑대와 같은 조언자

Rambo - 람보=======>혼자 사는 기술을 터득하고 폭력적에 보복하는 영화주인공

Rania - 라니아=======>여왕

Ravi - 라비=======>태양

Redford - 레드포드=======>붉은 강 넘어

Reggie - 레기=======>힘있는 통치자, 남자이름

Rei - 레이=======>법, 규칙

Remy - 레미=======>프랑스어로 여러신의 어머니로부터 유래, 프랑스 꼬냑 브랜드

Rex - 렉스=======>왕

Richard - 리차드=======>강력한, 남자이름

Ricky - 리키=======>부유하고 힘센 사람

Ringo - 링고=======>반지

Rio - 리오=======>스페인어로 강

Risa - 리사=======>웃음소리

Robbie - 로비=======>빛나는 명성, 남자이름

Robert - 로버트=======>밝은 명성

Robin - 로빈=======>길들여진 새, 남자이름

Rocky - 록키=======>바위가 많은, 바위 같은

Roja - 로자=======>스페인어로 붉은

Rollo - 롤로=======>남자이름, Rudolph의 애칭

Romeo - 로미오=======>'로미오와 쥴리엣' 의 남자주인공

Rosie - 로지=======>장미, 여자이름

Roxy - 록시=======>빛나는 새벽

Roy - 로이=======>빨간머리털이 있는, 남자이름

Ruby - 루비=======>귀중한 빨간 보석

Rudolph - 루돌프=======>유명한 늑대, 남자이름

Rudy - 루디=======>유명한 늑대, 남자이름

Ryan - 리안=======>어린 왕

========> S <=====================

Sabrina - 사브리나=======>여자이름

Sally - 샐리=======>출격, 분출, 재담, 소풍

Salvatore - 살바토르=======>이탈리아어로 구원자

Sam - 샘=======>남자이름, 멋있는 사내

Samson - 삼손=======>히브리어로 태양과 같이 밝은

Sandy - 샌디=======>모래의, 엷은 갈색의. 스코틀랜드 사람의 별명

Sarah - 사라=======>여자이름

Sasha - 사샤=======>협력자, 동료, 배우자

Scarlet - 스칼렛=======>타는 듯이 붉은

Scoop - 스쿠프=======>국자, 일확천금

Sebastian - 세바스챤=======>남자이름

Selina - 셀리나=======>여자이름, 달

Selma - 셀마=======>공평한

Serena - 세레나=======>고요한

Severino - 세브리노=======>엄중한

Shaina - 샤이나=======>아름다운

Shasa - 샤사=======>아프리카어로 귀중한 물

Sheri - 쉐리=======>친애하는

Silky - 실키=======>명주의, 부드럽고 매끈매끈한

Simba - 심바=======>아프리카 사자

Simon - 사이먼=======>남자이름, 그리스도의 열 두 사도의 한사람

Sniper - 스니퍼=======>도요새 사냥꾼

Solomon - 솔로몬=======>기원전 10세기 이스라엘의 현왕

Sonia - 소니아=======>지혜

Sonny - 써니=======>젊은 남자, 소년

Sophie - 소피=======>지혜

Sora - 소라=======>노래하는 새

Sparky - 스파키=======>활발한, 발랄한, 생생한

Spooky - 스푸키=======>잘 놀라는, 겁 많은

Spotty - 스포티=======>반점이 많은, 얼룩덜룩한

Stella - 스텔라=======>밝은 별, 여자이름

Steven - 스티븐=======>왕관, 남자이름

Sting - 스팅=======>찌르다

Storm - 스톰=======>폭풍우

Sugar - 슈가=======>설탕

Sunny - 써니=======>빛나는

Sweetie - 스위티=======>기분좋은 사람, 애인

Sylvester - 실베스터=======>남자이름, 숲

Sylvia - 실비아=======>여자이름

========> T <=====================

Talia - 탈리아=======>이탈리아어로 아침 이슬

Talli - 탈리=======>영웅

Tanesia - 타네시아=======>월요일에 태어난

Tania - 타니아=======>불꽃같은 여왕

Ted - 테드=======>성스런 선물

Teenie - 티니=======>작은 사람

Terra - 테라=======>이탈리아어로 대지

Tess - 테스=======>여자이름

Thomas - 토마스=======>남자이름, 영국병사

Tomo - 토모=======>지적인

Trisha - 트리샤=======>귀부인

Trudy - 트루디=======>사랑 받는

========> U <=====================

Uba - 우바=======>아프리카어로 귀족

Umberto - 움베르토=======>이탈리아어로 대지의 색깔

========> V <=====================

Valencia - 발렌시아=======>용감한 정신

Vanessa - 바네사=======>나비

Velika - 벨리카=======>슬라브어로 거대한

Vera - 베라=======>이태리어로 진실

Verdi - 베르디=======>이탈리아의 가극작곡가

Veronica - 베로니카=======>스페인어로 진리

Victoria - 빅토리아=======>여자이름, 승리의 여신

Vincent - 빈센트=======>정복자, 남자이름

Violet - 바이올렛=======>제비꽃

Vito - 비토=======>이탈리아어로 생명

Vivi - 비비=======>이탈리아어로 살아있는

========> W <=====================

Waldo - 왈도=======>통치자

Walter - 월터=======>힘있는 전사, 남자이름

Weenie - 위니=======>프랑크푸르트 소시지, 장애물

Wendy - 웬디=======>방랑자, 여자이름

William - 윌리엄=======>영국의 왕, 남자이름

Wily - 윌리=======>꾀가 많은, 약삭빠른

Winston - 윈스톤=======>남자이름

Woody - 우디=======>수목이 우거진

========> Y <=====================

Yaro - 야로=======>아프리카어로 아들

Yeti - 예티=======>티베트의 설인(雪人)

Yuki - 유키=======>눈

========> Z <=====================

Zaza - 자자=======>히브리어로 이동

Zeki - 제키=======>터키어로 영리한

Zelia - 젤리아=======>그리스어로 열중

Zena - 제나=======>공손한 사람

Zenia - 제니아=======>인심좋은, 여자이름

Zenon - 제논=======>이방인

Zeppelin - 제플린=======>비행선

Zeus - 제우스=======>올림푸스 산의 최고의 신

Zili - 질리=======>나의 그림자

Zinna - 지나=======>창조적인

Zizi - 지지=======>헝가리어로 신성

Zoe - 조우=======>여자이름, 프랑스의 연구용 원자로

Zorro - 조로=======>만화주인공(스페인령 캘리포니아에서 활약하는 검은 복면의 쾌걸)

Zulu - 줄루=======>남아프리카 공화국 Natal주에 사는 용맹한 종족, 사냥을 좋아하는 개

이 글에는 트랙백을 보낼 수 없습니다

Application_developing 2007/02/01 16:41

자바 기술을 이용한 AJAX의 활용

저자 Greg Murray

AJAX는 'Asynchronous JavaScript and XML'의 머리글자를 딴 것으로, 웹 애플리케이션이 웹 페이지에 대한 사용자 인터랙션을 효율적으로 처리할 수 있도록 하는 수단을 제공한다(사용자 인터랙션이 이루어질 때마다 페이지를 리프레시(새로 고침)하거나 전체 페이지를 리로드하는 번거로움을 덜어줌). 이는 또한 브라우저를 이용한 리치 비헤이비어(rich behavior)를 가능케 해준다(데스크톱 애플리케이션 또는 플러그인 기반 애플리케이션의 경우와 유사). AJAX 인터랙션은 백그라운드에서 비동기적으로 처리되고, 그 동안 사용자는 페이지에 대한 작업을 계속할 수 있다. AJAX 인터랙션은 웹 페이지 내의 JavaScript에 의해 시작되는데, AJAX 인터랙션이 완료되면 JavaScript는 페이지의 HTML 소스를 업데이트한다. 변경 작업은 페이지 리프레시 없이 즉시 이루어진다. 이 AJAX 인터랙션은 서버측 논리를 이용한 폼 엔트리 검증(사용자가 입력하는 동안), 서버의 상세 데이터 검색, 페이지 상의 데이터에 대한 동적 업데이트, 그리고 페이지에서 폼을 부분적으로 제출하는 등의 작업에 이용될 수 있다.

여기서 특히 흥미를 끄는 부분은 AJAX 애플리케이션이 별도의 플러그인을 요구하지 않으며 플랫폼/브라우저 중립적 특성을 지니고 있다는 점이다. 첨언하자면, 구형 브라우저에서는 AJAX가 충분히 지원되지 않으며, 브라우저간의 차이를 유발하는 클라이언트측 스크립트를 작성할 때는 주의를 기울여야 한다. 따라서 브라우저의 차이를 추상화(abstract)하는 JavaScript 라이브러리를 사용하거나 경우에 따라서는 대체 인터랙션 기법을 이용하여 구형 브라우저를 지원하는 것도 좋은 방법이 될 수 있다. 자세한 내용은 자바 개발자를 위한 AJAX FAQ(영문)를 참조할 것.

자바 기술은 어떤 작업에 적합한가?

자바 기술과 AJAX는 서로 궁합이 잘 맞는다. 자바 기술은 AJAX 인터랙션을 위한 서버측 프로세싱 기능을 제공하는데, 이는 서블릿, JSP(JavaServer Pages) 기술, JSF(JavaServer Faces) 기술, 웹 서비스 등을 통해 제공될 수 있다. AJAX 요청 처리를 위한 프로그래밍 모델은 종래의 웹 애플리케이션에서 사용하던 것과 동일한 API를 사용한다. JSF 기술은 클라이언트측 JavaScript와 그에 대응하는 서버측 AJAX 프로세싱 코드를 작성하는 재사용 가능 컴포넌트를 생성하는 데 사용될 수 있다. 이제 AJAX와 서블릿의 활용 예제를 살펴보기로 하자.

자동 완성(autocomplete) 예제

사용자가 종업원에 관한 정보를 검색할 수 있는 웹 페이지를 상상해보자. 이 페이지에는 사용자가 종업원의 이름을 입력할 수 있는 필드가 포함되어 있다. 이 예제에서 엔트리 필드는 자동 완성(autocomplete) 기능을 가지고 있는데, 다시 말해 사용자가 종업원 이름의 일부를 입력하면 웹 애플리케이션은 입력한 문자로 이름이나 성이 시작되는 모든 종업원을 열거하여 이름을 자동으로 완성하게 된다. 자동 완성 기능은 사용자가 종업원의 정식 이름을 일일이 기억하거나 다른 페이지에서 이름을 찾아보아야 하는 번거로움을 덜어준다.

검색 필드의 자동 완성 기능은 AJAX를 이용해서 구현될 수 있으며, 이를 위해서는 클라이언트와 서버 상에 코드를 제공해야 한다.

클라이언트 상에서

먼저, 사용자가 브라우저에 의해 로드되는 페이지의 URL을 지정한다. 한편, 이 예제에서는 JSF 컴포넌트, 서블릿, 또는 JSP 페이지에 의해 생성되는 HTML 페이지가 사용되었다고 가정하자. 페이지에는 JavaScript 함수 doCompletion()의 이름으로 된 onkeyup 속성을 가지는 폼 텍스트 필드가 포함되고, 이 함수는 폼 텍스트 필드에서 키를 누를 때마다 호출된다.

    <input type="text"
          size="20"
          autocomplete="off"
          id="complete-field"
                      name="id"
          onkeyup="doCompletion();">

사용자가 폼 텍스트 필드에 문자 "M"을 입력한다고 가정해보자. 그에 대한 응답으로 doCompletion() 함수가 호출되고, doCompletion() 함수는 다시 XMLHttpRequest 오브젝트를 초기화한다.

   function initRequest(url) {
       if (window.XMLHttpRequest) {
           return new XMLHttpRequest();
       } else if (window.ActiveXObject) {
           isIE = true;
           return new ActiveXObject("Microsoft.XMLHTTP");
       }
   }

   function doCompletion() {
       if (completeField.value == "") {
           clearTable();
       } else {
           var url = "autocomplete?action=complete&id=" + 
                   escape(completeField.value);
           var req = initRequest(url);
           req.onreadystatechange = function() {
               if (req.readyState == 4) {
                   if (req.status == 200) {
                       parseMessages(req.responseXML);
                   } else if (req.status == 204){
                       clearTable();
                   }
               }
           };
           req.open("GET", url, true);
           req.send(null);
       }
   }

XMLHttpRequest 오브젝트는 현재 표준 JavaScript에 포함되지는 않지만(표준화를 위한 노력이 진행중임), 사실상의 표준이자 AJAX의 핵심이라 할 수 있다. 이 오브젝트는 HTTP를 통해 서버측 컴포넌트(이 경우에는 서블릿)와 상호 작용하는 부분을 담당한다.

XMLHttpRequest 오브젝트 생성 시 URL, HTTP 메소드(GET 또는 POST), 그리고 상호작용의 비동기 여부 등 세 가지 매개변수가 지정된다. XMLHttpRequest 예제에서 매개변수는 다음과 같다.

URL autocomplete 및 전체 필드(complete-field)의 텍스트(M 문자):

     var url = "autocomplete?action=complete&id=" + 
             escape(completeField.value);

GET(HTTP 인터랙션이 GET 메소드를 사용함을 의미) 및 true(인터랙션이 비동기적임을 의미):
```
     req.open("GET", url, true);
```

비동기 호출을 이용할 때는 callback 함수를 설정해야 하는데, XMLHttpRequest의 readyState 속성이 변경될 경우 이 callback 함수는 HTTP 인터랙션 과정의 특정 포인트에서 비동기적으로 호출된다. 예제에서 callback 함수는 processRequest()이며, 함수에 대해 XMLHttpRequest.onreadystatechange 속성으로 설정된다. readState가 "4"’일 경우 parseMessages 함수에 대한 호출에 주목할 것. "4"의 XMLHttpRequest.readyState는 HTTP 인터랙션이 성공적으로 완수되었음을 나타낸다.

XMLHttpRequest.send()가 호출되면 HTTP 인터랙션이 시작되고, 인터랙션이 비동기적이면 브라우저는 계속해서 페이지의 이벤트를 처리한다.

서버 상에서

XMLHttpRequest는 URL 자동 완성에 대해 HTTP GET을 요청하고, autocomplete라 불리는 서블릿으로의 매핑이 수행된다. 그리고, AutoComplete 서블릿의 doGet() 메소드가 호출된다. 다음은 doGet() 메소드의 형태이다.

   public void doGet(HttpServletRequest request, 
           HttpServletResponse response) 
        throws IOException, ServletException { 
       ... 
       String targetId = request.getParameter("id"); 
       Iterator it = employees.keySet().iterator(); 
       while (it.hasNext()) { 
           EmployeeBean e = (EmployeeBean)employees.get(
                   (String)it.next()); 
           if ((e.getFirstName().toLowerCase().startsWith(targetId) || 
              e.getLastName().toLowerCase().startsWith(targetId)) 
              && !targetId.equals("")) { 
              sb.append("<employee>"); 
              sb.append("<id>" + e.getId() + "</id>"); 
              sb.append("<firstName>" + e.getFirstName() + 
                      "</firstName>"); 
              sb.append("<lastName>" + e.getLastName() + 
                      "</lastName>"); 
              sb.append("</employee>"); 
              namesAdded = true; 
           } 
       } 
       if (namesAdded) { 
           response.setContentType("text/xml"); 
           response.setHeader("Cache-Control", "no-cache"); 
           response.getWriter().write("<employees>" + 
                   sb.toString() + "</employees>"); 
       } else { 
           response.setStatus(HttpServletResponse.SC_NO_CONTENT); 
       } 
    }

이 서블릿을 보면 알 수 있듯이, AJAX 처리를 위해 서버측 코드 작성 방법을 배우는 데 필요한 새로운 내용은 전혀 나와있지 않다. XML 문서를 교환하고자 할 경우에 대비해서 응답 컨텐트 유형을 text/xml로 설정해야 하는데, AJAX의 경우에는 평문(plain text) 또는 심지어 클라이언트 상의 callback 함수에 의해 평가되거나 실행될 수 있는 JavaScript의 단편도 교환이 가능하다. 일부 브라우저는 결과를 캐시할 수 있으므로 Cache-Control HTTP 헤더를 no-cache로 설정할 필요가 있을 수 있다는 점에도 역시 유의할 것. 이 예제에서 서블릿은 이름이나 성이 문자 M으로 시작되는 모든 종업원을 포함하는 XML 문서를 생성한다. 다음은 호출을 한 XMLHttpRequest 오브젝트로 반환되는 XML 문서의 예제이다.

   <employees>
      <employee>
        <id>3</id>
        <firstName>George</firstName>
        <lastName>Murphy</lastName>
      </employee>
      <employee>
        <id>2</id>
        <firstName>Greg</firstName>
        <lastName>Murphy</lastName>
      </employee>
      <employee>
        <id>11</id><firstName>Cindy</firstName>
        <lastName>Murphy</lastName>
        </employee>
      <employee>
        <id>4</id>
        <firstName>George</firstName>
        <lastName>Murray</lastName>
      </employee>
      <employee>
        <id>1</id>
        <firstName>Greg</firstName>
        <lastName>Murray</lastName>
     </employee>
   </employees>

다시 클라이언트로

처음 호출을 한 XMLHttpRequest 오브젝트가 응답을 받을 경우, parseMessages() 함수가 호출된다(자세한 내용은 이 예제의 앞 부분에 있는 XMLHttpRequest의 초기화를 참조). 다음은 parseMessages() 함수의 모습이다.

   function parseMessages(responseXML) {
       clearTable();
           var employees = responseXML.getElementsByTagName(
                   "employees")[0];
       if (employees.childNodes.length > 0) {
           completeTable.setAttribute("bordercolor", "black");
           completeTable.setAttribute("border", "1");
       } else {
           clearTable();
       }
    
       for (loop = 0; loop < employees.childNodes.length; loop++) {
           var employee = employees.childNodes[loop];
           var firstName = employee.getElementsByTagName(
                   "firstName")[0];
           var lastName = employee.getElementsByTagName(
                   "lastName")[0];
           var employeeId = employee.getElementsByTagName(
                   "id")[0];
           appendEmployee(
                   firstName.childNodes[0].nodeValue,
                   lastName.childNodes[0].nodeValue, 
                   employeeId.childNodes[0].nodeValue);
       }
   }

parseMessages() 함수는 AutoComplete 서블릿이 반환한 XML 문서의 오브젝트 표현을 매개변수로 수신하는데, 이 함수는 XML 문서를 프로그램적으로 traverse한 다음 결과를 이용하여 HTML 페이지의 컨텐츠를 업데이트한다. 이 작업은 XML 문서 내의 이름에 대한 HTML 소스를 ID가 "menu-popup"’인 <div> 엘리먼트로 inject함으로써 수행된다.

   <div style="position: absolute; 
      top:170px;left:140px" id="menu-popup">

사용자가 문자를 더 많이 입력할수록 목록 길이는 줄어들게 되고, 이어서 사용자는 여러 이름 중 하나를 클릭할 수 있다.

이제 여러분은 AJAX가 단순히 페이지의 백그라운드에서 HTTP를 통해 정보를 교환하고 결과를 토대로 해당 페이지를 동적으로 업데이트한다는 것을 알게 되었을 것이다. AJAX와 자바 기술에 관한 자세한 내용은 테크니컬 아티클 Asynchronous JavaScript Technology and XML (AJAX) With Java 2 Platform, Enterprise Edition(영문)을 참조하기 바란다. 아울러 AJAX BluePrints 페이지(영문)와 Greg Murray의 블로그에 실려 있는 AJAX FAQ for the Java Developer(영문)의 내용도 함께 참조할 것.

예제 코드 실행하기

본 팁에는 본문에서 다루어진 기법을 예시하는 예제 패키지가 첨부되어 있는데, Servlet 2.4 이상의 API를 지원하는 웹 컨테이너라면 모두 예제 패키지 설치가 가능하다. 예제를 설치하고 실행하려면 다음 단계를 따르도록 한다.

먼저 GlassFish Project 페이지(영문)에 서 GlassFish를 다운로드해야 하는데, GlassFish는 Servlet 2.5와 JSTL(JSP Standard Tag Library)을 곧바로 지원한다. 만약 J2EE 1.4 또는 Servlet 2.4 컨테이너를 사용하고 있다면 JSTL JAR 파일을 web/WEB-INF/lib 디렉터리에 포함시켜야 할 수도 있다.
다음의 환경 변수를 설정한다.
- GLASSFISH_HOME. This should point to where you installed GlassFish (for example C:\Sun\AppServer) GLASSFISH_HOME. GlassFish 설치 장소를 가리켜야 한다(가령 C:\Sun\AppServer).
- ANT_HOME. ant 설치 장소를 가리켜야 한다. ant는 다운로드한 GlassFish 번들에 포함되어 있다. (Windows의 경우에는 lib\ant 서브디렉터리 내에 위치함.)
- JAVA_HOME. 시스템에서의 JDK 5.0 위치를 가리켜야 한다.
아울러, ant 위치를 PATH 환경 변수에 추가한다.
예제 파일을 다운로드하여 압축을 해제한다. 이제 새로 추출된 디렉터리가 <install_dir>\ajax-autocomplete로 표시되어야 하는데, 예를 들어 Windows 컴퓨터의 C:\에 압축을 풀었다면 새로 생성된 디렉터리는 C:\ajax-autocomplete가 되어야 한다
ajax-autocomplete 디렉터리로 이동해서 build.properties 파일에 build.properties.sample을 복사한다.
build.properties 파일을 열고 Servlet 2.4 이상의 API를 포함하는 JAR 파일에 servlet.jar 속성을 설정한다. GlassFish의 경우 JAR 파일은 <gf_install_dir>/glassfish/lib/javaee.jar인데, 여기서 <gf_install_dir>은 GlassFish가 설치된 곳이다. javaee.autodeploy를 웹 컨테이너가 애플리케이션을 자동 설치할 디렉터리로 설정한다. GlassFish의 경우 이 디렉터리는 <gf_install_dir>/glassfish/domains/domain1/autodeploy이다.
6. 다음 명령어를 입력하여 GlassFish를 시작한다.
```
<GF_install_dir>\bin\asadmin start-domain domain1
```
이 때, <GFinstall_dir>은 Glassfish가 설치된 디렉터리이다.
ant 툴을 이용하여 애플리케이션을 구축하고 설치한다. Glassfish는 /glassfish/bin/asant 디렉터리에 ant의 사본을 가지고 있고, 또한 Apache Ant Project 페이지(영문)에서 ant를 다운로드할 수도 있다.

애플리케이션을 구축하려면 다음 명령어를 입력한다.
```
      ant
```
애플리케이션을 설치하려면 다음 명령어를 입력한다.
```
      ant deploy
```
브라우저를 다음의 URL로 연다: http://localhost:8080/ajax-autocomplete/.

NetBeans 4.1 이상을 사용하고 있다면 예제가 포함되어 있을 것이고, Help -> BluePrints Solutions Catalog를 선택하여 툴에서 이를 실행할 수 있다. 여기서 AJAX -> Autocomplete 예제를 선택하면 된다. 이제 NetBeans 내에서 예제를 실행할 수 있으며 원할 경우 수정도 가능하다.

예제를 실행하면 다음과 같은 모습이 된다.

목록의 이름을 클릭하면 종업원에 관한 정보가 표시된다.