 |
| |
로그인
가입
|
| 기본 테그에 대한 정리 | |
| 이 름 | 강사  |
| 조 회 | 1,442 |
| 받 기 #1 | tag_bas.docx(39.5 KB), Download : 3 |
| 글자크기 |   |
|
<table width=570 border=0 cellpadding=0 cellspacing=0 style='border-collapse:collapse;word-break=break-all;position:relative'> <tr> <td style='padding:15px;'> <DIV id=usefont style="FONT-SIZE: 10pt; FONT-FAMILY: 돋움"><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 28px" face=돋움 color=teal size=4><B>태그 총 정리</B></FONT></SPAN><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 28px" face=돋움 color=green size=4><B>(태그 사전)</B></FONT></SPAN> <P align=center><FONT face=돋움 size=2>전체적으로 태그의 유형을 정리해 보았습니다. 어느 정도 부분적인 태그에 자신이 있으시면 대충 한 번만 보셔도 알 수 있을 겁니다. 보다 자세한 것은 따로 떼어서 알기 쉽게 정리해 놓았습니다. 태그의 사전처럼 이용하셔도 될 듯.</FONT></P> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>태그의 기본</B></FONT></SPAN> <DIV align=center> <TABLE cellSpacing=0 borderColorDark=white cellPadding=3 width=650 borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 width=146 bgColor=teal> <P align=center><FONT face=돋움 color=yellow size=2><B>태그 입력 형태</B></FONT></P></TD> <TD class=title6 width=518 bgColor=navy> <P align=center><FONT face=돋움 color=yellow size=2><B>내용 설명</B></FONT></P></TD></TR> <TR> <TD class=title6 width=146 bgColor=#d9eafb> <P><FONT face=돋움 size=2><HTML> </HTML></FONT></P></TD> <TD class=title6 width=518 bgColor=#d9eafb> <P><FONT face=돋움 size=2>웹 브라우져에게 현재 전송받은 문서가 HTML 문서라는 것을 알려주는 태그<BR>HTML 문서의 맨 처음과 끝에 시작 태그와 종료 태그를 각각 쓴다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><HEAD> </HEAD></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>HTML 문서의 머리말 구조를 나타내는 태그로 문서에 직접적인 영향을 주지는 않지만, HTML 문서 자체에 대한 여러가지 정보를 가진다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><TITLE> </TITLE></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>브라우져 상단의 타이틀 바에 나타낼 HTML 문서의 제목을 정한다.<BR>머리말부분(<HEAD></HEAD>사이)에서만 사용되는 태그. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><!DOCTYPE></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>이 태그가 사용된 문서가 기초한 HTML 언어의 버전을 설명할 때 사용.<BR>독립태그이며 머리말 부분에서만 사용된다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><LINK></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>스타일시트 파일을 불러오는 등 현재 문서와 다른 문서와의 관계를 설정할 때 사용. 독립 태그이며 머리말 부분에서만 사용된다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>HREF</B></FONT><FONT face=돋움 size=2>="이동하려는 파일 또는 URL"<BR></FONT><FONT face=돋움 size=2><B>TITLE</B></FONT><FONT face=돋움 size=2>="제목"<BR></FONT><FONT face=돋움 size=2><B>REL</B></FONT><FONT face=돋움 size=2>="옵션" </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><!-- --></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>HTML 문서에 주석(설명 등..)을 포함시킬 때 사용하는 태그로써 문서에는 아무런 변화를 주지 않는다. (단 스크립트 등은 예외)</FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><BODY> </BODY></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>HTML 문서의 본문의 시작과 끝을 알린다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>BACKGROUND</B></FONT><FONT face=돋움 size=2>="파일명 또는 배경이미지가 있는곳의 URL" → 문서의 배경그림을 정한다.<BR></FONT><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상명" → 문서의 배경색을 정한다.<BR></FONT><FONT face=돋움 size=2><B>LINK</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상명" → 링크로 연결된 텍스트의 색을 정한다. 기본색 파랑.<BR></FONT><FONT face=돋움 size=2><B>TEXT</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상명" → 문서의 기본 글자색을 정한다. 기본색 검정.<BR></FONT><FONT face=돋움 size=2><B>ALINK</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상명" → 링크로 연결된 부분을 클릭할때의 색을 정한다. 기본색 빨강.<BR></FONT><FONT face=돋움 size=2><B>VLINK</B></FONT><FONT face=돋움 size=2>="#RGB값" 또는 "색상명" → 방문했던 링크의 색을 정한다. 기본색 보라.<BR></FONT><FONT face=돋움 size=2><B>LEFTMARGIN</B></FONT><FONT face=돋움 size=2>="n" → 화면 외쪽 여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>RIGHTMARGIN</B></FONT><FONT face=돋움 size=2>="n" → 화면 오른쪽 여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>TOPMARGIN</B></FONT><FONT face=돋움 size=2>="n" → 화면 상단 여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>BOTTOMMARGIN</B></FONT><FONT face=돋움 size=2>="n" → 화면 아래의 여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>STYLE</B></FONT><FONT face=돋움 size=2>=" " → 특정모양을 정한다.<BR></FONT><FONT face=돋움 size=2><B>BGPROPERTIES</B></FONT><FONT face=돋움 size=2> → 화면을 스크롤할 때 배경그림이 함께 스크롤되지 않게 한다. </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR> <DIV align=center> <TABLE cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>문단 , 선 등의 관련 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 width=211 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><H1~6> </H1~6></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>제목 문자열을 지정하는 태그로 H1 이 가장 작고 H6 이 가장 크다.</FONT><FONT face=돋움 color=blue size=2> (기본값 4)<BR></FONT><FONT face=돋움 size=2>제목이기 때문에 독립된 줄에 나타난다.</FONT><FONT face=돋움 color=blue size=2> (<BR>태그를 사용한 것과 같음)</FONT></P></TD></TR> <TR> <TD width=453> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" </FONT></P> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2>문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><BR></FONT></P> <P> </P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>HTML 문서에 줄 바꿈 효과를 주는 독립 태그.</FONT></P></TD></TR> <TR> <TD width=453> <P><FONT face=돋움 size=2><B>CLEAR</B></FONT><FONT face=돋움 size=2>="LEFT | RIGHT | ALL" 이미지 왼쪽, 오른쪽, 양쪽에 여백이 생길 때.. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb> <P><FONT face=돋움 size=2><NOBR> </NOBR></FONT></P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>문장이 긴 경우 브라우져가 자동으로 다음 줄에 표시해 주는 것을 막을 때 사용</FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><P> </P> 또는 <P> </FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>빈 줄을 하나 삽입하고 다시 줄을 바꿔서 다음의 문자열을 표시.<BR>이것은 <BR> 태그를 두번 사용한 것과 동일하다.</FONT></P></TD></TR> <TR> <TD width=453> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" </FONT></P> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2>문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb> <P><FONT face=돋움 size=2><CENTER> </CENTER></FONT></P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>문단을 가운데로 정렬해 주는 태그<BR><P ALIGN="CENTER"></P> 등을 여러 번 쓸 필요 없이 <CENTER>태그를 사용하여 한번에 여러 문단을 가운데 정렬시킬 수 있다. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb> <P><FONT face=돋움 size=2><PRE> </PRE></FONT></P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>PREformat의 약자로 이 태그의 사이에 있는 문자열들은 여백, 줄간격 등이 보이는대로 출력된다. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb> <P><FONT face=돋움 size=2><XMP> </XMP></FONT></P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>이 태그는 <PRE> </PRE> 와 유사하지만 태그 까지도 그대로 화면에 나타내 준다. </FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><DIV> </DIV></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>단락 편집 태그로 각 문단 사이에 빈 줄을 추가되지 않는 것을 제외하고는 <P>태그의 기능과 동일.</FONT></P></TD></TR> <TR> <TD width=453> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" </FONT></P> <P style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 100%"><FONT face=돋움 size=2>문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.</FONT></P></TD></TR> <TR> <TD class=title6 width=211 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><HR></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=453 bgColor=#d9eafb> <P><FONT face=돋움 size=2>가로 선(수평선)을 표시하는 독립 태그.</FONT></P></TD></TR> <TR> <TD width=453> <P><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 선을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="n" → 선의 길이를 픽셀이나 % 단위로 정한다.<BR></FONT><FONT face=돋움 size=2><B>SIZE</B></FONT><FONT face=돋움 size=2>="n" → 선의 두께를 포인트로 정한다.<BR></FONT><FONT face=돋움 size=2><B>NOSHADE</B></FONT><FONT face=돋움 size=2> → 선에 입체감을 없앤다. (테두리가 없어지고 검게 채워진다.) </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>글 꼴에 관련된 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><MARQUEE> </MARQUEE></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>자바를 사용하지 않고 화면에 스크롤되는 문자열을 표시할 때 사용한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>BEHAVIOR</B></FONT><FONT face=돋움 size=2>="옵션"<BR></FONT><FONT face=돋움 size=2><B>HEIGHT</B></FONT><FONT face=돋움 size=2>="픽셀 값 또는 비율 값" → 문자열 가로 범위<BR></FONT><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="픽셀 값 또는 비율 값" → 문자열 세로 범위<BR></FONT><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색 이름" → 배경색<BR></FONT><FONT face=돋움 size=2><B>DIRECTION</B></FONT><FONT face=돋움 size=2>="옵션" → 이동 방향<BR></FONT><FONT face=돋움 size=2><B>LOOP</B></FONT><FONT face=돋움 size=2>="값" → 반복횟수<BR></FONT><FONT face=돋움 size=2><B>SCROLLAMOUNT</B></FONT><FONT face=돋움 size=2>="픽셀 수" → 한번에 스크롤되는 시간<BR></FONT><FONT face=돋움 size=2><B>SCROLLDELAY</B></FONT><FONT face=돋움 size=2>="밀리초" → 스크롤 지연 시간<BR></FONT><FONT face=돋움 size=2><B>HSPACE</B></FONT><FONT face=돋움 size=2>="픽셀값" → 스크롤 문자열 가로 좌표<BR></FONT><FONT face=돋움 size=2><B>VSPACE</B></FONT><FONT face=돋움 size=2>="픽셀값" → 스크롤 문자열 세로 좌표 </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><FONT> </FONT></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>문자열의 크기, 글꼴과 색등을 지정한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>COLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색 이름" → 글자 색을 정한다.<BR></FONT><FONT face=돋움 size=2><B>SIZE</B></FONT><FONT face=돋움 size=2>="글자크기" → 글자크기를 정한다. </FONT><FONT face=돋움 color=blue size=2>(기본크기 3)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>FACE</B></FONT><FONT face=돋움 size=2>="글자 체" → 글자 체를 정한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><BASEFONT> </BASEFONT></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>기본 텍스트의 글꼴 크기를 정하는 독립 태그.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>COLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색 이름" → 글자 색을 정한다.<BR></FONT><FONT face=돋움 size=2><B>SIZE</B></FONT><FONT face=돋움 size=2>="글자크기" → 글자크기를 정한다.</FONT><FONT face=돋움 color=blue size=2> (기본크기 3)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="글꼴" → 글꼴을 정한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb> <P><FONT face=돋움 size=2><B> </B></FONT></P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>태그에 포함된 문자열을 굵은 글자로 만들어준다. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb> <P><FONT face=돋움 size=2><I> </I></FONT></P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>태그에 포함된 문자열을 이탤릭체로 만드는 태그. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb> <P><FONT face=돋움 size=2><U> </U></FONT></P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>태그로 포함된 문자열에 밑줄을 넣을 때 사용되는 태그. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb> <P><FONT face=돋움 size=2><S> </S></FONT></P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>태그에 포함된 문자열의 중간에 선을 그어 삭제 표시를 할 때 사용한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=205 bgColor=#d9eafb> <P><FONT face=돋움 size=2><BLINK> </BLINK></FONT></P></TD> <TD class=title6 width=459 bgColor=#d9eafb> <P><FONT face=돋움 size=2>태그에 포함된 문자열을 깜빡이게 하여 눈에 쉽게 띄도록 할 때 사용한다.</FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>목록 작성 시 사용하는 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><UL> </UL></FONT></P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>Unordered List의 약자로 각 목록을 볼릿 기호를 사용하여 나열할 때 사용한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>TYPE</B></FONT><FONT face=돋움 size=2>="옵션" → 아래 <LI> 태그의 옵션과 같다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><OL> </OL></FONT></P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>Ordered List의 약자로 순차적인 목록을 작성할 때 사용한다</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>START</B></FONT><FONT face=돋움 size=2>="시작번호"<BR></FONT><FONT face=돋움 size=2><B>TYPE</B></FONT><FONT face=돋움 size=2>="옵션" → <LI> 태그의 옵션과 같다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><LI></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><UL>태그, <OL>태그, <DIR>태그, <MENU>태그 등의 사이에 들어가서 목록을 만드는 독립 태그. </FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>VALUE</B></FONT><FONT face=돋움 size=2>="n" → 설정된 숫자 부터 시작<BR></FONT><FONT face=돋움 size=2><B>TYPE="a"</B></FONT><FONT face=돋움 size=2> → 소문자 a부터 시작<BR></FONT><FONT face=돋움 size=2><B>TYPE="I"</B></FONT><FONT face=돋움 size=2> → 그리스 대문자 I부터 시작<BR></FONT><FONT face=돋움 size=2><B>TYPE="i"</B></FONT><FONT face=돋움 size=2> → 그리스 소문자 i부터 시작<BR></FONT><FONT face=돋움 size=2><B>TYPE="1"</B></FONT><FONT face=돋움 size=2> → 숫자 1부터 시작<BR></FONT><FONT face=돋움 size=2><B>TYPE="CIRCLE"</B></FONT><FONT face=돋움 size=2> → 검은 원 표시<BR></FONT><FONT face=돋움 size=2><B>TYPE="DISK"</B></FONT><FONT face=돋움 size=2> → 흰 원 표시<BR></FONT><FONT face=돋움 size=2><B>TYPE="SQUARE"</B></FONT><FONT face=돋움 size=2> → 검은 사각형 표시 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><DL> </DL></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>Definition List의 약자로 단어 또는 용어를 설명할 때 사용한다.</FONT></P></TD></TR> <TR> <TD width=671 colSpan=2> <P><FONT face=돋움 size=2><B>COMPACT</B></FONT><FONT face=돋움 size=2> </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><DT></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>Definition iTem의 약자로 정의 목록을 나타낸다.<BR><DL> 태그 안에서만 사용되는 독립태그이다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><DD></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>정의 내용을 서술한다.<BR><DL> 태그 안에서만 사용되는 독립 태그. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><DIR> </DIR></FONT></P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>하나의 문자열이 20자 이하인 경우, 작은 목록을 만들 때 사용한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=136 bgColor=#d9eafb> <P><FONT face=돋움 size=2><MENU> </MENU></FONT></P></TD> <TD class=title6 width=528 bgColor=#d9eafb> <P><FONT face=돋움 size=2>문장을 열거 </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>이미지에 관련된 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><IMG></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>HTML 문서에서 이미지를 포함시킬 때 사용하는 독립 태그이다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>SRC</B></FONT><FONT face=돋움 size=2>="경로를 포함한 이미지 파일명" → 불러올 이미지파일의 위치와 이름을 지정한다.<BR></FONT><FONT face=돋움 size=2><B>LOWSRC</B></FONT><FONT face=돋움 size=2>="작은 이미지 파일의 경로 및 이름" → 불러올 이미지가 클 경우 큰 이미지가 <BR> 완전히 로드될 때까지 작은 이미지를 먼저 나타내서 화면상의 공백을 없앤다.<BR></FONT><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 그림을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>VALIGN</B></FONT><FONT face=돋움 size=2>="TOP | MIDDLE | BOTTOM" → 그림을 위, 가운데, 아래로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>HSPACE</B></FONT><FONT face=돋움 size=2>="픽셀값" → 그림의 좌우여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>VSPAVE</B></FONT><FONT face=돋움 size=2>="픽셀값" → 그림의 상하여백을 정한다.<BR></FONT><FONT face=돋움 size=2><B>BORDER</B></FONT><FONT face=돋움 size=2>="픽셀값" → 그림 테두리의 두께를 정한다.<BR></FONT><FONT face=돋움 size=2><B>HEIGHT</B></FONT><FONT face=돋움 size=2>="픽셀값" → 그림의 가로길이를 정한다.<BR></FONT><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="픽셀값" → 그림의 세로길이를 정한다.<BR></FONT><FONT face=돋움 size=2><B>ALT</B></FONT><FONT face=돋움 size=2>="문자열" → 그림에 마우스를 댔을때 나오는 설명문자열을 정한다.<BR></FONT><FONT face=돋움 size=2><B>UseMap</B></FONT><FONT face=돋움 size=2>="#이미지맵 이름" → <MAP NAME="이미지맵 이름">태그에서 정한 이름을 불러온다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><MAP> </MAP></FONT></P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>이미지맵의 시작과 끝을 나타낸다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="이미지맵 이름" → 이미지맵의 이름을 정한다.</FONT></P></TD></TR> <TR> <TD class=title6 width=122 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><AREA></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 width=542 bgColor=#d9eafb> <P><FONT face=돋움 size=2><MAP> 태그 안에 들어가서 이미지를 나누는 독립태그이다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>SHAPE</B></FONT><FONT face=돋움 size=2>="RECT | CIRCLE | POLYGON" → 선택부분의 모양을 정한다. (사각형, 원형, 다각형)<BR></FONT><FONT face=돋움 size=2><B>SHAPE</B></FONT><FONT face=돋움 size=2>="DEFAULT" → 지정 영역 외의 부분을 클릭한 경우<BR></FONT><FONT face=돋움 size=2><B>COORDS</B></FONT><FONT face=돋움 size=2>="n,n,n" → 선택부분의 위치를 정한다.<BR></FONT><FONT face=돋움 size=2><B>HREF</B></FONT><FONT face=돋움 size=2>="링크경로명" → 선택영역 또는 영역외의 부분을 클릭했을때 연결할 문서등을 정한다.<BR></FONT><FONT face=돋움 size=2><B>NOHREF</B></FONT><FONT face=돋움 size=2> → 링크연결하지 않음을 나타낸다.<BR></FONT><FONT face=돋움 size=2><B>TARGET</B></FONT><FONT face=돋움 size=2>="창이름" → 연결 문서등을 나타낼 창의 이름을 정한다.<BR></FONT><FONT face=돋움 size=2><B>ALT</B></FONT><FONT face=돋움 size=2>="문자열" → 그림에 마우스를 댔을때 나오는 설명문자열을 정한다. </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>링크 관련 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 width=83 bgColor=#d9eafb rowSpan=2> <P align=left><FONT face=돋움 size=2><A> </A></FONT></P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P> <P align=left> </P></TD> <TD class=title6 width=565 bgColor=#d9eafb> <P align=left><FONT face=돋움 size=2>이미지, 문서, 사운드 등 여러 객체를 문서 내에 연결시킬 때 사용.<BR>문서의 특정한 위치 또는 다른 문서로 이동하거나 다른 파일에 연결하는 역할을 한다.</FONT></P></TD></TR> <TR> <TD> <P align=left><FONT face=돋움 size=2><B>HREF</B></FONT><FONT face=돋움 size=2>="이동하고자 하는 문서 또는 주소" → 특정 문서를 열거나 특정 주소로 이동<BR></FONT><FONT face=돋움 size=2><B>HREF</B></FONT><FONT face=돋움 size=2>="파일이름#이동하고자 하는 위치이름" → 특정 HTML문서의 특정 위치로 이동<BR></FONT><FONT face=돋움 size=2><B>HREF</B></FONT><FONT face=돋움 size=2>="MailTo:ID@주소" → E-Mail 바로 기재 후 보내기.<BR></FONT><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="위치의 이름" → 현재위치를 지정한 후 나중에<BR> <A href="파일이름#위치이름">문자열</A> 로 연결하여 지정한 위치로 이동하게 한다.<BR></FONT><FONT face=돋움 size=2><B>TITLE</B></FONT><FONT face=돋움 size=2>="설명문자열" ==> 마우스를 대었을 때 나오는 설명 문자열을 정한다.<BR></FONT><FONT face=돋움 size=2><B>TARGET="_BLANK"</B></FONT><FONT face=돋움 size=2> ==> 새로운 창으로 열기<BR></FONT><FONT face=돋움 size=2><B>TARGET="_PARENT"</B></FONT><FONT face=돋움 size=2> ==> 상위문서 창으로 열기<BR></FONT><FONT face=돋움 size=2><B>TARGET="_SELF"</B></FONT><FONT face=돋움 size=2> ==> 현재의 창으로 열기 </FONT><FONT face=돋움 color=blue size=2>(기본 값)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>TARGET="_TOP"</B></FONT><FONT face=돋움 size=2> ==> 새로운 창으로 열기 </FONT><FONT face=돋움 color=blue size=2>(Flame 없어짐)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>TARGET</B></FONT><FONT face=돋움 size=2>="이름" ==> 자기가 설정한 창으로 열기<BR></FONT><FONT face=돋움 size=2><B>HREF SRC</B></FONT><FONT face=돋움 size=2>=" " ==> 소리파일 연결<BR></FONT><FONT face=돋움 size=2><B>REL</B></FONT><FONT face=돋움 size=2>="관계옵션"<BR></FONT><FONT face=돋움 size=2><B>NODE</B></FONT><FONT face=돋움 size=2><BR></FONT><FONT face=돋움 size=2><B>PATH</B></FONT><FONT face=돋움 size=2> </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>테이블 관련 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><TABLE> </TABLE></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>표의 시작과 끝을 알리고 각종 속성을 정한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>BORDER</B></FONT><FONT face=돋움 size=2>="n" → 표의 테두리 굵기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="n" → 표의 가로크기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>HEIGHT</B></FONT><FONT face=돋움 size=2>="n" → 표의 세로 크기 (픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2><B>CELLSPACING</B></FONT><FONT face=돋움 size=2>="n" → 표 안의 셀 사이의 간격. </FONT><FONT face=돋움 color=blue size=2>(기본 값 2)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>CELLPADDING</B></FONT><FONT face=돋움 size=2>="n" → 표의 내용과 테두리 사이의 간격. </FONT><FONT face=돋움 color=blue size=2>(기본 값 1)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>BACKGROUND</B></FONT><FONT face=돋움 size=2>="파일명" → 표의 배경그림 넣기<BR></FONT><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상 명" → 표 배경색<BR></FONT><FONT face=돋움 size=2><B>RULES</B></FONT><FONT face=돋움 size=2>=" " → 구획 선 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><TR> </TR></FONT></P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>표의 한 수평 열을 정한다. <TABLE>태그 안에 들어 가야한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상명" → 표 배경색<BR></FONT><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 표 안의 문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>VALIGN</B></FONT><FONT face=돋움 size=2>="TOP | MIDDLE | BOTTOM" → 표 안의 문자열을 위, 가운데, 아래로 각각 정렬한다. </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><TH> </TH></FONT></P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>표 머릿 말. <TR>태그 안에 들어 가야한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="n" → 셀의 가로크기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>HEIGHT</B></FONT><FONT face=돋움 size=2>="n" → 셀의 세로 크기</FONT><FONT face=돋움 color=blue size=2> (픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상 명" → 표 배경색<BR></FONT><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 표 안의 문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>VALIGN</B></FONT><FONT face=돋움 size=2>="TOP | MIDDLE | BOTTOM" → 표 안의 문자열을 위, 가운데, 아래로 각각 정렬한다</FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><TD> </TD></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>표의 하나하나의 셀. <TR>태그 안에 들어 가야한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>WIDTH</B></FONT><FONT face=돋움 size=2>="n" → 셀의 가로크기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>HEIGHT</B></FONT><FONT face=돋움 size=2>="n" → 셀의 세로 크기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>COLSPAN</B></FONT><FONT face=돋움 size=2>="n" → 셀 열을 n개 만큼 합친다.<BR></FONT><FONT face=돋움 size=2><B>ROWSPAN</B></FONT><FONT face=돋움 size=2>="n" → 셀 행을 n개 만큼 합친다.<BR></FONT><FONT face=돋움 size=2><B>BGCOLOR</B></FONT><FONT face=돋움 size=2>="#RGB값 또는 색상 명" → 표 배경색<BR></FONT><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 표 안의 문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>VALIGN</B></FONT><FONT face=돋움 size=2>="TOP | MIDDLE | BOTTOM" → 표 안의 문자열을 위, 가운데, 아래로 각각 정렬한다. </FONT></P></TD></TR> <TR> <TD class=title6 width=173 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><CAPTION> </CAPTION></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 width=491 bgColor=#d9eafb> <P><FONT face=돋움 size=2>표의 제목 행을 정한다. <TABLE>태그 안에 들어 가야한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>ALIGN</B></FONT><FONT face=돋움 size=2>="LEFT | CENTER | RIGHT" → 표 안의 문자열을 왼쪽, 가운데, 오른쪽으로 각각 정렬한다.<BR></FONT><FONT face=돋움 size=2><B>VALIGN</B></FONT><FONT face=돋움 size=2>="TOP | MIDDLE | BOTTOM" → 표 안의 문자열을 위, 가운데, 아래로 각각 정렬한다. </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>프레임 관련 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><FRAMESET> </FRAMESET></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2>창틀 기본 설정</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>ROWS</B></FONT><FONT face=돋움 size=2>="n,n,n,n..." → 상하 크기 나누기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위 또는 *로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>COLS</B></FONT><FONT face=돋움 size=2>="n,n,n,n..." → 좌우 크기 나누기 </FONT><FONT face=돋움 color=blue size=2>(픽셀이나 % 단위 또는 *로 지정할 수 있다.)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>BORDER</B></FONT><FONT face=돋움 size=2>="n" → 창틀 두께 크기<BR></FONT><FONT face=돋움 size=2><B>FRAMEBORDER</B></FONT><FONT face=돋움 size=2>="yes | no" → 창틀 테두리 유무<BR></FONT><FONT face=돋움 size=2><B>FRAMESPACING</B></FONT><FONT face=돋움 size=2>="n" → 창틀 내부 간격<BR></FONT><FONT face=돋움 size=2><B>NORESIZE</B></FONT><FONT face=돋움 size=2> → 브라우져가 프레임 크기를 변경하는 것을 금지<BR></FONT><FONT face=돋움 size=2><B>BORDERCOLOR</B></FONT><FONT face=돋움 size=2>="색상 값" → 경계선의 색을 설정한다. </FONT><FONT face=돋움 color=blue size=2>(넷스케이프에서)</FONT><FONT face=돋움 size=2> </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><FRAME></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><FRAMESET> 에서 정한 각각의 창을 설정하는 독립태그</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>SRC</B></FONT><FONT face=돋움 size=2>="파일 경로 및 이름" → 각각의 창에 연결될 HTML 파일 경로 및 이름<BR></FONT><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>=" " → 창의 이름 설정. 나중에 TARGET 속성으로 링크연결할 때 사용<BR></FONT><FONT face=돋움 size=2><B>MARGINWIDTH</B></FONT><FONT face=돋움 size=2>="n" → 창에 들어갈 넓이 여백<BR></FONT><FONT face=돋움 size=2><B>MARGINHEIGHT</B></FONT><FONT face=돋움 size=2>="n" → 창에 들어갈 높이 여백<BR></FONT><FONT face=돋움 size=2><B>SCROLING</B></FONT><FONT face=돋움 size=2>="YES | NO | AUTO" → 스크롤 바</FONT><FONT face=돋움 color=blue size=2>(bar)</FONT><FONT face=돋움 size=2> 선택, 무시, 자동. </FONT><FONT face=돋움 color=blue size=2>(기본 값은 자동)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>NORESIZE</B></FONT><FONT face=돋움 size=2> → 창틀 크기 고정</FONT></P></TD></TR> <TR> <TD class=title6 width=212 bgColor=#d9eafb> <P><FONT face=돋움 size=2><NOFRAMES> </NOFRAMES></FONT></P></TD> <TD class=title6 width=452 bgColor=#d9eafb> <P><FONT face=돋움 size=2>프레임을 지원하지 않는 브라우져에서 나타낼 내용 표시 </FONT></P></TD></TR></TBODY></TABLE></DIV> <P><BR><BR><BR> <DIV align=center> <TABLE class=10ptb cellSpacing=0 cellPadding=0 width=300 border=0> <TBODY> <TR> <TD width=50></TD> <TD class=brown> <P align=center><SPAN style="FILTER: shadow(color=#FFDFCB); COLOR: white; HEIGHT: 10px"><FONT style="LINE-HEIGHT: 24px" face=돋움 color=teal size=3><B>폼(FORM) 관련 태그</B></FONT></SPAN></P></TD></TR></TBODY></TABLE></DIV> <DIV align=center> <TABLE class=9pt cellSpacing=0 borderColorDark=white cellPadding=3 width=650 bgColor=azure borderColorLight=black border=1> <TBODY> <TR> <TD class=title6 width=236 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><FORM> </FORM></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 width=428 bgColor=#d9eafb> <P><FONT face=돋움 size=2>양식의 시작과 끝을 나타내며 각종 속성을 정의한다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="이름" → 폼의 이름<BR></FONT><FONT face=돋움 size=2><B>METHOD</B></FONT><FONT face=돋움 size=2>="POST | GET" → 양식의 처리 방법<BR></FONT><FONT face=돋움 size=2><B>ACTION</B></FONT><FONT face=돋움 size=2>=" " → 양식의 내용을 처리할 CGI Script 등을 지정<BR></FONT><FONT face=돋움 size=2><B>ENC TYPE</B></FONT><FONT face=돋움 size=2>=" " → 양식 내용 형태<BR></FONT><FONT face=돋움 size=2><B>TARGET="_BLANK"</B></FONT><FONT face=돋움 size=2> → 새로운 창으로 열기<BR></FONT><FONT face=돋움 size=2><B>TARGET="_PARENT"</B></FONT><FONT face=돋움 size=2> → 상위문서 창으로 열기<BR></FONT><FONT face=돋움 size=2><B>TARGET="_SELF"</B></FONT><FONT face=돋움 size=2> → 현재의 창으로 열기</FONT><FONT face=돋움 color=blue size=2> (기본 값)</FONT><FONT face=돋움 size=2><BR></FONT><FONT face=돋움 size=2><B>TARGET="_TOP"</B></FONT><FONT face=돋움 size=2> → 새로운 창으로 열기 </FONT><FONT face=돋움 color=blue size=2>(Flame 없어짐)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>TARGET</B></FONT><FONT face=돋움 size=2>="이름" → 자기가 설정한 창으로 이동 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><TEXTAREA> </TEXTAREA></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><FORM> 태그 안에서 텍스트 영역을 만든다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="이름" → 텍스트 상자의 이름<BR></FONT><FONT face=돋움 size=2><B>WRAP</B></FONT><FONT face=돋움 size=2>="OFF | PHYSICAL | VIRTUAL" → 열을 자동으로 바꿀지 설정한다. </FONT><FONT face=돋움 color=blue size=2>(워드랩)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>COLS</B></FONT><FONT face=돋움 size=2>="n" → 가로 크기<BR></FONT><FONT face=돋움 size=2><B>ROWS</B></FONT><FONT face=돋움 size=2>="n" → 세로 크기 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><INPUT></FONT></P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><FORM> 태그 안에 들어가서 각종 폼을 구성하는 독립 태그.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>="이름" → 폼 구성의 이름을 정한다. 반드시 필요.<BR></FONT><FONT face=돋움 size=2><B>VALUE</B></FONT><FONT face=돋움 size=2>="값" → 각각의 값을 정한다.<BR></FONT><FONT face=돋움 size=2><B>TYPE="TEXT"</B></FONT><FONT face=돋움 size=2> → 텍스트 박스 작성<BR></FONT><FONT face=돋움 size=2><B> SIZE</B></FONT><FONT face=돋움 size=2>="n" → 텍스트박스의 길이<BR></FONT><FONT face=돋움 size=2><B> MAXLENGTH</B></FONT><FONT face=돋움 size=2>="n" → 텍스트박스의 입력가능 최대문자수 지정<BR></FONT><FONT face=돋움 size=2><B>TYPE="PASSWORD"</B></FONT><FONT face=돋움 size=2> → 비밀번호 입력 상자 작성. TEXT 와 같으나 입력문자가 * 로 표시된다.<BR></FONT><FONT face=돋움 size=2><B>TYPE="IMAGE"</B></FONT><FONT face=돋움 size=2> → 그림보기<BR></FONT><FONT face=돋움 size=2><B>TYPE="HIDDEN"</B></FONT><FONT face=돋움 size=2> → 숨기기<BR></FONT><FONT face=돋움 size=2><B>TYPE="RADIO"</B></FONT><FONT face=돋움 size=2> → 라디오 버튼</FONT><FONT face=돋움 color=blue size=2>(여러 사항 중에 하나만 체크되는 것) </FONT><FONT face=돋움 size=2>작성 <BR></FONT><FONT face=돋움 size=2><B>TYPE="CHECKBOX"</B></FONT><FONT face=돋움 size=2> → 체크박스</FONT><FONT face=돋움 color=blue size=2>(여러 개를 선택할 수 있는 것) </FONT><FONT face=돋움 size=2>작성 <BR></FONT><FONT face=돋움 size=2><B>TYPE="SUBMIT"</B></FONT><FONT face=돋움 size=2> → 제출 버튼 작성 </FONT><FONT face=돋움 color=blue size=2>(스크립트가 실행됨)</FONT><FONT face=돋움 size=2><BR></FONT><FONT face=돋움 size=2><B>TYPE="RESET"</B></FONT><FONT face=돋움 size=2> → 취소 버튼 작성</FONT><FONT face=돋움 color=blue size=2> (폼이 초기화됨)<BR></FONT><FONT face=돋움 size=2></FONT><FONT face=돋움 size=2><B>CHECKED</B></FONT><FONT face=돋움 size=2> → 미리 체크되어있는 항목 표시 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><SELECT> </SELECT></FONT></P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><FORM> 태그 안에서 메뉴나 스크롤 형태의 선택 상자를 만든다.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>NAME</B></FONT><FONT face=돋움 size=2>=" " → 폼 구성의 이름을 정한다.<BR></FONT><FONT face=돋움 size=2><B>SIZE</B></FONT><FONT face=돋움 size=2>="n" → 리스트에 들어가는 선택메뉴 갯수 </FONT></P></TD></TR> <TR> <TD class=title6 bgColor=#d9eafb rowSpan=2> <P><FONT face=돋움 size=2><OPTION></FONT></P> <P> </P> <P> </P></TD> <TD class=title6 bgColor=#d9eafb> <P><FONT face=돋움 size=2><SELECT> 태그 안에 들어가서 각각의 선택사항을 정하는 독립 태그.</FONT></P></TD></TR> <TR> <TD> <P><FONT face=돋움 size=2><B>VALUE</B></FONT><FONT face=돋움 size=2>=" " → 각각의 값을 정한다.<BR></FONT><FONT face=돋움 size=2><B>SELECTED</B></FONT><FONT face=돋움 size=2> → 옵션 중 선택되어져 있는 항목을 정한다. 정하지 않으면 처음 것이 기본이 된다. </FONT></P></TD></TR></TBODY></TABLE></DIV></DIV> </td> </tr> </table> 
|
|
 choijm67 |
|
|
|
|
|
분류
|
|
| Copyright 1999-2025 Zeroboard / skin by SIRINI |