tag를 공부하려면 이런것을 알아야 한다

제목: 태그를 배우려면 이런것들을 알아야 한다  제목: 태그 용어   ※marquee: 왼쪽으로 움직이게 하는 명령어 direction: 움직임의 방향을 결정 ★scrollamount: 움직임의 속도결정(스크롤의 보폭) loop: 얼마만큼 반복해 줄것인가를 결정케함 ◆i: 글씨를 눕혀보이고자 할때 behavior=alternate: 움직이다 멈춤을 결정케함 ◇width: 가로폭결정 height: 세로폭결정 ◆font: 글꼴지정 font size: 글씨 크기결정 ＠font color: 글씨 색 결정 font face: 글씨체 결정 ◎background: 배경 그림 결정 bgcolor: 바탕색 결정 ♥src: 경로/주소 img: 그림삽입 ⊙embed: 동영상,사운드 삽입 align=top: 정렬 위로 ▣align=center: 정렬 중앙 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): 자바 스크립트 삽입     제목: 태그를 배우려면 이런것들을 알아야 한다  ◈ 글자 모양 관련 태그 ◈ ------------------------------ 굵은 글자(Bold) [B]...[/B] 이탤릭(Italic) [I]...[/I] 밑줄(Underline) [U]...[/U] 강조(Strikeout) [S]...[/S] 아래첨자(Subscript) [SUB]...[/SUB] 위첨자(Superscript) [SUP]...[/SUP] 타자기 스타일(Typewriter) [TT]...[/TT] 내용표시(Preformatted) [PRE]...[/PRE] 가운데 정렬(Center) [CENTER]...[/CENTER] 깜빡임(Blinking) [BLINK]...[/BLINK] 글자크기(Font Size) [FONT SIZE="글씨크기숫자"]...[/FONT] 기본폰트 크기 정의(Base Font Size) [BASEFONT SIZE="기본폰트크기"] 글자색(Font Color) [FONT COLOR="#6자리색상이름"]...[/FONT] (#6 은 헥사자리색상이름이고 yellow등 대표적인것은 영어이름으로 정의되있음)   ◈ 문서 구분 관련 태그 ◈ ------------------------------ 문단 나누기(Paragraph) [P]...[/P] 문서 정렬(Align Text) [P ALIGN="LEFT 또는 RIGHT 또는 CENTER"]...[/P] 수평선(Horizontal Paragraph) [HR] HR 정렬(Alignment) [HR ALIGN="LEFT 또는 RIGHT 또는 CENTER"] HR 두께(Thickness) [HR SIZE="숫자"] HR 폭-픽셀(Width) [HR WIDTH="숫자"] HR 폭-퍼센트(Width Percent) [HR WIDTH="숫자%"] 하일라이트 없는 수평선(Solid Line) [HR NOSHADE] 한줄 띄우기(Line Break) [BR] 띄우기 방지(No Break) [NOBR][NOBR]   ◈ 배경 및 색 관련 태그 ◈ --------------------------------- 배경 이미지(Tiled Bkground) [BODY BACKGROUND="이미지파일의 URL"] 배경 색깔(Bkground Color) [BODY BGCOLOR="#6자리색상이름"] 문서 전체 글자색(Text Color) [BODY TEXT="#6자리색상이름"] 하이퍼링크 색(Link Color) [BODY LINK="#6자리색상이름"] 방문한 하이퍼링크 색(Visited Link) [BODY VLINK="#6자리색상이름"] 활성화된 하이퍼링크(Active Link) [BODY ALINK="#6자리색상이름"]   ◈ 하이퍼링크와 이미지 관련 태그 ◈ ------------------------------------------- 하이퍼링크(Link Something) [A HREF="URL"][/A] 책갈피가 있는 경우 [A HREF="URL#책갈피이름"][/A] 타겟창을 지정한 링크 [A HREF="URL" TARGET="타켓창이름"][/A] (페이지가 프레임으로 나뉘어 있는경우 해당 페이지내애서 어느 프레임인가를 표시) 책갈피 정의(Define Target) [A NAME="책갈피이름"][/A] 이미지 넣기(Display Image) [IMG SRC="이미지파일URL"] 이미지 상하정렬(Alignment) [IMG SRC="URL" ALIGN="TOP 또는 BOTTOM 또는 MIDDLE"] 이미지 좌우정렬(Alignment) [IMG SRC="URL" ALIGN="LEFT 또는 RIGHT 또는 CENTER"] 이미지 대체 문자열(Alternate) [IMG SRC="URL" ALT="대체문자열"] (그림위로 마우스를 가져가면 alt에 정의된 글씨가 표시된다. 또한 그림이 안보이는 경우(유저가 그림이 안보이게 설정한경우, 그림파일이 삭제된경우...) 그자리에 alt에 정의된 글씨가 나온다.) 이미지 크기 지정(Dimensions) [IMG SRC="URL" WIDTH="넓이" HEIGHT="높이"] 이미지 테두리(Border) [IMG SRC="URL" BORDER="테두리 두께"] 이미지 맵 사용(Imagemap) [IMG SRC="이미지파일" USEMAP="이미지맵이름"] 이미지 맵 이름 정의(Map) [MAP NAME="이미지맵이름"][/MAP] 이미지 맵 정의(Section) [AREA SHAPE="RECT 또는 CIRCLE 또는 POLY" COORDS="이미지맵좌표" HREF="이동할URL" 또는 NOHREF]   ◈ 리스트 관련 태그 ◈ --------------------------- 순서 없는 리스트(Unordered List) [UL][LI]...[/UL] 블릿 모양(Bullet Type) [UL TYPE="DISC 또는 CIRCLE 또는 SQUARE"] [LI TYPE="DISC 또는 CIRCLE 또는 SQUARE"] 순서 있는 리스트(Ordered List) [OL][LI]...[/OL] 순서 숫자 붙이는 방법(Numbering Type) [OL TYPE="A 또는 a 또는 I 또는 i 또는 1"] [LI TYPE="A 또는 a 또는 I 또는 i 또는 1"] 시작 숫자(Starting Number) [OL VALUE="시작숫자"] [LI VALUE="시작숫자"] 정의 리스트(Definition List) [DL][DT]...[DD]...[/DL] 메뉴 리스트(Menu List) [MENU][LI]...[/MENU] 디렉토리 리스트(Directory List) [DIR][LI]...[/DIR]   ◈ 특수문자 관련 태그 ◈ ----------------------------- & : & Space : [ : > " : " ] : < ※ HTML에서는 위의 특수문자가 특별한 용도로 사용되므로 특수문자를 표시하려면 위와 같이 표기해 주어야 합니다.   ◈ 테이블 관련 태그 ◈ ----------------------------- 테이블 정의(Define Table) [TABLE]...[/TABLE] 테이블 테두리(Table Border) [TABLE BORDER="숫자"][/TABLE] 테이블 폭(Desired Width) [TABLE WIDTH="숫자 또는 %"] 셀과 셀사이 간격(Cell Spacing) [TABLE CELLSPACING="숫자"] 셀과 내용사이 간격(Cell Padding) [TABLE CELLPADDING="숫자"] 테이블 가로줄 정의(Table Row) [TR]...[/TR] 가로줄 정렬(Alignment) [TR ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 테이블 셀 정의(Table Cell) [TD]...[/TD] 셀 정렬(Alignment) [TD ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 줄 띄기 없음(No linebreaks) [TD NOWRAP] 세로 병합(Columns to Span) [TD COLSPAN="병합할 셀 수"] 가로 병합(Rows to Span) [TD ROWSPAN="병합할 줄 수"] 셀 너비(Desired Width) [TD WIDTH="숫자 또는 %"] 테이블 머릿말(Table Header) [TH]...[/TH] 머릿말 정렬(Alignment) [TH ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 테이블 주석(Table Caption) [CAPTION]...[/CAPTION] 정렬(Alignment) [CAPTION ALIGN="TOP 또는 BOTTOM"]   ◈ 프레임 관련 태그 ◈ --------------------------- 프레임 문서(Frame Document) [FRAMESET][/FRAMESET] 가로로 프레임 나누기 [FRAMESET ROWS="높이,높이,높이"][/FRAMESET] 세로로 프레임 나누기 [FRAMESET COLS="너비,너비,너비"][/FRAMESET] 프레임 정의(Define Frame) [FRAME] 문서 표시(Display Document) [FRAME SRC="프레임에 표시될 URL"] 프레임 이름(Frame Name) 정의 [FRAME NAME="프레임이름 또는 _blank 또는 _self 또는 _parent 또는 _top"] 프레임 좌우 여백(Margin Width) [FRAME MARGINWIDTH="숫자"] 프레임 상하 여백(Margin Height) [FRAME MARGINHEIGHT="숫자"] 스크롤 바가 필요한가? [FRAME SCROLLING="YES 또는 NO 또는 AUTO"] 크기 변경 불가(Not Resizable) [FRAME NORESIZE]   ◈ CGI관련 태그 ◈ ------------------------------- 폼 정의(Define Form) [FORM ACTION="자료를 처리할 CGI의 URL" METHOD="GET 또는 POST"][/FORM] 입력 방법 정의(Input Field) [INPUT TYPE="TEXT 또는 PASSWORD 또는 CHECKBOX 또는 RADIO 또는 IMAGE 또는 HIDDEN 또는 SUBMIT 또는 RESET"] 입력 필드 이름(Field Name) [INPUT NAME="입력필드이름"] 입력 필드의 기본값(Field Value) [INPUT VALUE="기본값"] 체크박스 체크표시(Checked) [INPUT TYPE="CHECKBOX 또는 RADIO" CHECKED] 입력필드의 크기(Field Size) [INPUT TYPE="TEXT" SIZE="숫자"] 최대 입력 크기(Max Length) [INPUT MAXLENGTH="숫자"] 선택 리스트(Selection List) [SELECT][OPTION]...[/SELECT] 리스트 이름(Name of List) [SELECT NAME="리스트이름"][OPTION]...[/SELECT] 옵션의 숫자(# of Options) [SELECT SIZE=?][/SELECT] 리스트 항목(Option) [OPTION VALUE="항목값"] 자동표시될 항목(Default Option) [OPTION SELECTED] 입력 박스 크기(Input Box Size) [TEXTAREA ROWS="줄수" COLS="줄당입력수"][/TEXTAREA] 입력 박스 이름(Name of Box) [TEXTAREA NAME="입력박스이름"][/TEXTAREA] @@@@@@@@@@@@@@@@@@@@@@@          태 그  기  본 2 번     @@@@@@@@@@@@@@@@@@@@@@@@@@@ 굵은 글자(Bold) [B]...[/B] 이탤릭(Italic) [I]...[/I] 밑줄(Underline) [U]...[/U] 강조(Strikeout) [S]...[/S] 아래첨자(Subscript) [SUB]...[/SUB] 위첨자(Superscript) [SUP]...[/SUP] 타자기 스타일(Typewriter) [TT]...[/TT] 내용표시(Preformatted) [PRE]...[/PRE] 가운데 정렬(Center) [CENTER]...[/CENTER] 깜빡임(Blinking) [BLINK]...[/BLINK] 글자크기(Font Size) [FONT SIZE="글씨크기숫자"]...[/FONT] 기본폰트 크기 정의(Base Font Size) [BASEFONT SIZE="기본폰트크기"] 글자색(Font Color) [FONT COLOR="#6자리색상이름"]...[/FONT] (#6 은 헥사자리색상이름이고 yellow등 대표적인것은 영어이름으로 정의되있음) ◈ 문서 구분 관련 태그 ◈ ------------------------------ 문단 나누기(Paragraph) [P]...[/P] 문서 정렬(Align Text) [P ALIGN="LEFT 또는 RIGHT 또는 CENTER"]...[/P] 수평선(Horizontal Paragraph) [HR] HR 정렬(Alignment) [HR ALIGN="LEFT 또는 RIGHT 또는 CENTER"] HR 두께(Thickness) [HR SIZE="숫자"] HR 폭-픽셀(Width) [HR WIDTH="숫자"] HR 폭-퍼센트(Width Percent) [HR WIDTH="숫자%"] 하일라이트 없는 수평선(Solid Line) [HR NOSHADE] 한줄 띄우기(Line Break) [BR] 띄우기 방지(No Break) [NOBR][NOBR] ◈ 배경 및 색 관련 태그 ◈ --------------------------------- 배경 이미지(Tiled Bkground) [BODY BACKGROUND="이미지파일의 URL"] 배경 색깔(Bkground Color) [BODY BGCOLOR="#6자리색상이름"] 문서 전체 글자색(Text Color) [BODY TEXT="#6자리색상이름"] 하이퍼링크 색(Link Color) [BODY LINK="#6자리색상이름"] 방문한 하이퍼링크 색(Visited Link) [BODY VLINK="#6자리색상이름"] 활성화된 하이퍼링크(Active Link) [BODY ALINK="#6자리색상이름"] ◈ 하이퍼링크와 이미지 관련 태그 ◈ ------------------------------------------- 하이퍼링크(Link Something) [A HREF="URL"][/A] 책갈피가 있는 경우 [A HREF="URL#책갈피이름"][/A] 타겟창을 지정한 링크 [A HREF="URL" TARGET="타켓창이름"][/A] (페이지가 프레임으로 나뉘어 있는경우 해당 페이지내애서 어느 프레임인가를 표시) 책갈피 정의(Define Target) [A NAME="책갈피이름"][/A] 이미지 넣기(Display Image) [IMG SRC="이미지파일URL"] 이미지 상하정렬(Alignment) [IMG SRC="URL" ALIGN="TOP 또는 BOTTOM 또는 MIDDLE"] 이미지 좌우정렬(Alignment) [IMG SRC="URL" ALIGN="LEFT 또는 RIGHT 또는 CENTER"] 이미지 대체 문자열(Alternate) [IMG SRC="URL" ALT="대체문자열"] (그림위로 마우스를 가져가면 alt에 정의된 글씨가 표시된다. 또한 그림이 안보이는 경우(유저가 그림이 안보이게 설정한경우, 그림파일이 삭제된경우...) 그자리에 alt에 정의된 글씨가 나온다.) 이미지 크기 지정(Dimensions) [IMG SRC="URL" WIDTH="넓이" HEIGHT="높이"] 이미지 테두리(Border) [IMG SRC="URL" BORDER="테두리 두께"] 이미지 맵 사용(Imagemap) [IMG SRC="이미지파일" USEMAP="이미지맵이름"] 이미지 맵 이름 정의(Map) [MAP NAME="이미지맵이름"][/MAP] 이미지 맵 정의(Section) [AREA SHAPE="RECT 또는 CIRCLE 또는 POLY" COORDS="이미지맵좌표" HREF="이동할URL" 또는 NOHREF] ◈ 리스트 관련 태그 ◈ --------------------------- 순서 없는 리스트(Unordered List) [UL][LI]...[/UL] 불릿 모양(Bullet Type) [UL TYPE="DISC 또는 CIRCLE 또는 SQUARE"] [LI TYPE="DISC 또는 CIRCLE 또는 SQUARE"] 순서 있는 리스트(Ordered List) [OL][LI]...[/OL] 순서 숫자 붙이는 방법(Numbering Type) [OL TYPE="A 또는 a 또는 I 또는 i 또는 1"] [LI TYPE="A 또는 a 또는 I 또는 i 또는 1"] 시작 숫자(Starting Number) [OL VALUE="시작숫자"] [LI VALUE="시작숫자"] 정의 리스트(Definition List) [DL][DT]...[DD]...[/DL] 메뉴 리스트(Menu List) [MENU][LI]...[/MENU] 디렉토리 리스트(Directory List) [DIR][LI]...[/DIR] ◈ 특수문자 관련 태그 ◈ ----------------------------- & : & Space : [ : > " : " ] : < ※ HTML에서는 위의 특수문자가 특별한 용도로 사용되므로 특수문자를 표시하려면 위와 같이 표기해 주어야 합니다. ◈ 테이블 관련 태그 ◈ ----------------------------- 테이블 정의(Define Table) [TABLE]...[/TABLE] 테이블 테두리(Table Border) [TABLE BORDER="숫자"][/TABLE] 테이블 폭(Desired Width) [TABLE WIDTH="숫자 또는 %"] 셀과 셀사이 간격(Cell Spacing) [TABLE CELLSPACING="숫자"] 셀과 내용사이 간격(Cell Padding) [TABLE CELLPADDING="숫자"] 테이블 가로줄 정의(Table Row) [TR]...[/TR] 가로줄 정렬(Alignment) [TR ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 테이블 셀 정의(Table Cell) [TD]...[/TD] 셀 정렬(Alignment) [TD ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 줄 띄기 없음(No linebreaks) [TD NOWRAP] 세로 병합(Columns to Span) [TD COLSPAN="병합할 셀 수"] 가로 병합(Rows to Span) [TD ROWSPAN="병합할 줄 수"] 셀 너비(Desired Width) [TD WIDTH="숫자 또는 %"] 테이블 머릿말(Table Header) [TH]...[/TH] 머릿말 정렬(Alignment) [TH ALIGN="LEFT 또는 RIGHT 또는 CENTER" VALIGN="TOP 또는 MIDDLE 또는 BOTTOM"] 테이블 주석(Table Caption) [CAPTION]...[/CAPTION] 정렬(Alignment) [CAPTION ALIGN="TOP 또는 BOTTOM"] ◈ 프레임 관련 태그 ◈ --------------------------- 프레임 문서(Frame Document) [FRAMESET][/FRAMESET] 가로로 프레임 나누기 [FRAMESET ROWS="높이,높이,높이"][/FRAMESET] 세로로 프레임 나누기 [FRAMESET COLS="너비,너비,너비"][/FRAMESET] 프레임 정의(Define Frame) [FRAME] 문서 표시(Display Document) [FRAME SRC="프레임에 표시될 URL"] 프레임 이름(Frame Name) 정의 [FRAME NAME="프레임이름 또는 _blank 또는 _self 또는 _parent 또는 _top"] 프레임 좌우 여백(Margin Width) [FRAME MARGINWIDTH="숫자"] 프레임 상하 여백(Margin Height) [FRAME MARGINHEIGHT="숫자"] 스크롤 바가 필요한가? [FRAME SCROLLING="YES 또는 NO 또는 AUTO"] 크기 변경 불가(Not Resizable) [FRAME NORESIZE] ◈ CGI관련 태그 ◈ ------------------------------- 폼 정의(Define Form) [FORM ACTION="자료를 처리할 CGI의 URL" METHOD="GET 또는 POST"][/FORM] 입력 방법 정의(Input Field) [INPUT TYPE="TEXT 또는 PASSWORD 또는 CHECKBOX 또는 RADIO 또는 IMAGE 또는 HIDDEN 또는 SUBMIT 또는 RESET"] 입력 필드 이름(Field Name) [INPUT NAME="입력필드이름"] 입력 필드의 기본값(Field Value) [INPUT VALUE="기본값"] 체크박스 체크표시(Checked) [INPUT TYPE="CHECKBOX 또는 RADIO" CHECKED] 입력필드의 크기(Field Size) [INPUT TYPE="TEXT" SIZE="숫자"] 최대 입력 크기(Max Length) [INPUT MAXLENGTH="숫자"] 선택 리스트(Selection List) [SELECT][OPTION]...[/SELECT] 리스트 이름(Name of List) [SELECT NAME="리스트이름"][OPTION]...[/SELECT] 옵션의 숫자(# of Options) [SELECT SIZE=?][/SELECT] 리스트 항목(Option) [OPTION VALUE="항목값"] 자동표시될 항목(Default Option) [OPTION SELECTED] 입력 박스 크기(Input Box Size) [TEXTAREA ROWS="줄수" COLS="줄당입력수"][/TEXTAREA] 입력 박스 이름(Name of Box) [TEXTAREA NAME="입력박스이름"][/TEXTAREA] ◈ 기타 태그 ◈ -------------------- 주석(Comment) [!-- 주석내용 --] 기본 윈도우 이름(Base Window Name) [BASE TARGET      <DIV></DIV>