|
◆ 태그용어 정리 ◆ ▷ marquee: 왼쪽으로 움직이게 하는 명령어 : ▷direction: 움직임의 방향을 결정 : ▷ scrollamount: 움직임의 속도결정(스크롤의 보폭) : ▷ loop: 얼마만큼 반복해 줄것인가를 결정케함 : ▷ @: 글씨를 눕혀보이고자 할때 : ▷ behavior=alternate: 움직이다 멈춤을 결정케함 : ▷ width: 가로폭결정 : ▷ height: 세로폭결정 ▶ font: 글꼴지정 : ▶ font size: 글씨 크기결정 : ▶ font color: 글씨 색 결정 : ▶ font face: 글씨체 결정 : ▶ background: 배경 그림 결정 : ▶ bgcolor: 바탕색 결정 ▷ src: 경로/주소 : ▷ img: 그림삽입 : ▷ embed: 동영상,사운드 삽입 : ▷ align=top : 위로정렬 : ▷ align=center : 중앙정렬 : ▷ align=right : 오른쪽정열 : ▷ align=left: 왼쪽정렬 : ▷ align=bottom : 아랫쪽정렬 : ▷ br: 엔터 한번 효과 ( 한줄 ) : ▷ p: 엔터 두번 효과 ( 두줄 ) ▶ (hr)..(/hr): 수평선 그리기 : ▶ (u)..(/u): 밑줄 긋기 : ▶ (b)..(/b): 굵은 글씨체 만들기 : ▶ (ol)..(/ol): 목록 태그 : ▶ (sub)..(/sub): 아래 첨자 : ▶ (sup)..(/sup): 윗 첨자 : ▶ (pre)..(/pre): 실제 그대로 브라우저 화면에 반응케함 : ▶ alt: 그림설명 : ▶ (table)..(/table): 표를 만들기 위한 태그 : ▶ border: 테두리 두께 결정 : ▶ (td)..(/td): 셀의 내용지정 : ▶ (tr)..(/tr): td를 사용할때 시작과 끝남 결정 ▷ bordercolor: 테두리 색결정 : ▷ cellspacing: 셀과 테두리와의 간격 결정 : ▷ cellpadding: 셀과 셀에 입력된 데이터의 사이간결 결정 : ▷ rowspan: 세로줄을 합치게 함 : ▷ colspan: 가로줄을 합치게 함 ▶ html: html문서의 시작 : ▶ head: html문서의 머리 : ▶ (title)..(/title): html문서의 제목과 끝 : ▶ (body)..(/body): html문서의 본문과 끝 : ▶ /html: html문서의 끝 : ▶ (a)..(/a): 하이퍼 텍스트 연결(링크) ▷ glow: 필터속성중의 하나 : ▷ shadow: 필터속성중의 하나 : ▷ alpha: 필터속성중의 하나 : ▷ glow: 필터속성중의 하나 : ▷ blur: 필터속성중의 하나 : ▷ wave: 필터속성중의 하나 : ▷ xray: 필터속성중의 하나 : ▷ invert: 필터속성중의 하나 : ▷ gray: 필터속성중의 하나 ▶ (style=filter:fliph()).. (/span): 그림의 좌우바꾸기 : ▶ (span style=filter:fliph ();height:1px;)... (/span): 글씨의 좌우바꾸기 : ▶ (span style=filter:flipv();height:1px;): 글이나 그림 상하바꾸기 : ▶ bordercolorlight: 테두리의 위쪽모서리색 지정 : ▶ bordercolordark: 테두리의 아래쪽모서리색 지정 : ▶ (frameset)..(frameset): 프레임을 어떻게 나눌지 결정 : ▶ frameset cols: 창을 좌우로 나눔 결정 : ▶ frameset rows: 창을 상하로 나눔 결정 : ▶ (applet)..(/applet): 자바 애플릿 삽입 : ▶ (script)..(/script): 자바 스크립트 삽입 : |
- HTML태그 정리표 -
가화만사성
형 식 구 성 내 용 문서의 기본 구조를 나타내 주는 태그 <HTML> <HTML>...</HTML> HTML 언어로 작성되어 있다는 것을 알려줍니다. <HEAD> <HEAD>...</HEAD> Heading의 준말로 글의 머리말에 해당합니다. <BODY> <BODY>...</BODY> 본문에 해당하는 부분을 알려줍니다. <TITLE> <TITLE>...</TITLE> 타이틀바에 새겨질 글자를 정의합니다. <Hn> <Hn>...</Hn> 표제 부분에 들어갈 말을 정의합니다. 1~6까지의
숫자를 사용하고 숫자가 커질수록 표제는 작아집니다.
기본값은 H4입니다. <!-...-> <!-주석내용-> 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때
사용합니다. 문단 혹은 줄을 바꾸는 태그 <P> <P> 문단을 바꾸는 태그입니다. 줄바꿈과 동시에 줄을 띤
것같은 효과가 나타납니다. <BR> <BR> 문단을 바꾸는 태그입니다. 줄바꿈의 역할만을
수행합니다. <PRE> <PRE>...</PRE> 여백이나 줄간격 등을 고정시켜 주는 역할을 합니다. 글자의 크기를 마음대로 조절하는 태그 <FONT> <FONT SIZE=n> ...</FONT> 글자의 크기를 마음대로 조절해 줍니다. 뒤의 숫자는
1~7이며 7이 가장 큰 크기입니다. 기본값은 3입니다. 선그리기 태그 <HR> <HR ALIGN= WIDTH= SIZE=> 입체적인 선을 그려줍니다. ALIGN은 선의 정렬을,
WIDTH는 선의 폭을, SIZE는 선의 높이를 정해줍니다. 이미지 맵을 처리하는 태그 <ISMAP> <IMG SRC= "..." ISMAP> 이미지맵을 정의합니다. <MAP> <MAP NAME=...> ...</MAP> 넷스케이프2.0에서 이미지맵을 정의합니다. 목록을 정리해 주는 태그 <LI> <UL>...</UL> 순서가 없는 목록으로 일반적인 나열을 말합니다. <OL>...</OL> 순서가 있는 목록으로 위에서부터 번호를 매깁니다. <MENU>...</MENU> 메뉴 목록으로 그리길지 않은 문장의 열거에
사용합니다. <DIR>...</DIR> 디렉토리 목록으로 메뉴 목록보다 짧은 문장을
나열합니다, <DL>...</DL> 정의 목록 태그입니다. <LI>가 아닌 <DT>와 <DD>를
사용합니다. 문서를 가운데로 정렬시켜 주는 태그 <CENTER> <CENTER>... </CENTER> 전체 문장을 가운데로 정렬시켜 줍니다. 인용하기 태그 <BLOCKQUOTE> <BLOCKQUOTE>...
</BLOCKQUOTE> 문장 내에서 인용을 할 경우 들여쓰기를 한 후
인용구로 처리합니다. 글자의 모양을 정의해 주는 태그 <STRONG>
<STRONG>...</STRONG> 굵은 글씨를 나타내 주는 태그입니다. <B> <B>...</B> <EM> <EM>...</EM> 이탤릭체의 글씨를 나타내 주는 태그입니다. <I> <I>...</I> <KBD> <KBD>...</KBD> 타자기체의 글씨를 나타내 주는 태그입니다. <CODE> <CODE>...</CODE> <TT> <TT>...</TT> 배경 이미지 작업하기 <BODY> <BODY BACKGROUND="..."> 배경 이미지를 띄워줍니다. <BODY BGCOLOR="#nnnnnn"> 배경 색깔을 지정해 줍니다. 그밖의 태그들 <DFN> <DFN>...</DFN> 정의되어지는 단어에 대한 것을 말합니다. <CITE> <CITE>...</CITE> 책이나 사진 등의 제목을 말할 때 쓰입니다. <SAMP> <SAMP>...</SAMP> 컴퓨터상에 메시지를 나탈낼 때 쓰입니다. <VAR> <VAR>...</VAR> 이탤릭체로 표현됩니다. <SUB> <SUB>...</SUB> 첨자에 관한 태그입니다. <SUP> <SUP>...</SUP> 윗첨자를 나타냅니다. <BASEPOINT> <BASEPOINT>... <BASEPOINT> 기본적으로 미리 약속된 크기를 다시 정할 때
사용합니다. 부분을 강조해 주는 태그 <BLINK> <BLINK>...</BLINK> 글자를 깜박이게 해줍니다. <U> <U>...</U> 글자에 밑줄을 그어줍니다. 연결하기 태그 <A> <A HREF="...">...</A> 다른 홈페이지와 연결시켜 줍니다. <A NAME="...">...</A> 자신의 홈페이지 내에서 연결해 줍니다. 주소 및 편지 서비스 <ADDRESS> <ADDRESS>... </ADDRESS> 주소에 대한 정의를 내려줍니다. <MAILTO> <A HREF="MAILTO..."> 편지쓰기 창을 띄워 줍니다. 색상 지정하기 <BODY> <BODY TEXT=
"#nnnnnn">...</BODY> 글자색을 지정합니다. <BODY LINK=
"#nnnnnn">...</BODY> 하이퍼링크의 색을 지정합니다. <BODY VLINK=
"#nnnnnn">...</BODY> 한 번 누른적이 있는 하이퍼링크의 색을 지정합니다. <BODY ALINK=
"#nnnnnn">...</BODY> 누르고 있는 동안의 색을 지정합니다. 표 만들기 태그 <TABLE> <TABLE BORDER>... </TABLE> 표의 전체 형식을 나타냅니다. <TR><TD></TD></TR> 표 내부에 들어갈 형식을 정의합니다. <TD COLSPAN=n> 가로칸을 n만큼 합쳐줍니다. <TD ROWSPAN=n> 세로칸을 n만큼 합쳐줍니다. <TD ALIGN=...> 표안의 좌우 정렬 방식을 정의합니다. <TD VALIGN=...> 표안의 상하 정렬 방식을 정의합니다. 문서를 임의로 고정시키는 태그 <NOBR> <NOBR>...</NOBR> 화면 크기에 따라 문단이 바뀌는 것을 방지합니다. <WBR> <WBR>...</WBR> 위의 태그 안에서 문단을 바꿀 때 사용합니다. CGI 양식 첨가하기 <FORM> <FORM>...</FORM> 양식을 정의합니다. <FORM METHOD="..."
ACTION="..."> 양식의 방법을 정의합니다. <TEXTAREA> <TEXTAREA NAME="..."
ROWS="..."> 글틀 상자를 정의합니다. <INPUT> <INPUT TYPE="..."> 어떤 형태로 입력할 것인지를 정의합니다. <INPUT TYPE="RADIO"> 라디오 단추를 만들어줍니다. <INPUT TYPE= "CHECKBOX"> 체크 상자를 만들어 줍니다. <INPUT TYPE= "SUBMIT"> 제출 버튼을 만들어 줍니다. <INPUT TYPE="RESET"> 취소 버튼을 만들어 줍니다. <SELECT> <SELECT NAME="..."> 선택 사항 상자를 만들어 줍니다. 창만들기 태그 <FRAME> <FRAMESET>... </FRAMESET> 창의 기본 틀을 지정합니다. <FRAMESET ROW= "숫자 혹은
%"> 위 아래로 나눠줍니다. <FRAMESET COLS= "숫자 혹은
%"> 좌우로 나눠줍니다. <FRAME SRC="..."
MARGINWIDTH="..."> 창에 들어갈 좌우 여백을 정의합니다. <FRAME SRC="..."
MARGINHEIGHT="..."> 창에 들어갈 상하 여백을 정의합니다. <FRAME SCROLLING= "...> 스크롤바를 설정해 줍니다. <NOFRAMES>... </NOFRAMES> 프레임이 안보이게 해줍니다. 이미지 다루기에 필요한 태그 <IMG> <IMG SRC="..."> 이미지를 정의해 줍니다. <IMG SRC="..." ALIGN=...> 이미지의 정렬 상태를 나타내 줍니다. <IMG SRC="..." WIDTH="..."
HEIGHT="..."> 이미지의 크기를 조절해 줍니다. <IMG SRC="..." LOWSRC="..."> 이미지를 JPEG파일로 나타내 줍니다. <IMG SRC="..." VSPACE=
HSPACE=> 이미지의 여백을 조절해 줍니다. <IMG SRC="..." BORDER="..."> 이미지의 태두리선을 조절합니다. <IMG SRC="..." ALT="..."> 이미지가 전송되지 않았을 경우에 글자로 대처해 줍니다.