태그 총 정리 - HTML태그 모음
◈ 글자 모양 관련 태그 ◈ | |
굵은 글자(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 |
'tips' 카테고리의 다른 글
컴퓨터 무한 재부팅 바이러스(Virus) 제작 [ Shutdown ] (0) | 2009.03.23 |
---|---|
[ DOS ] 도스 명령어 입력시 공백이 있는 파일명, 폴더명 입력 (0) | 2009.03.14 |
파일 확장자 정리 (0) | 2009.01.31 |
[리눅스] vi 편집기 단축키 (0) | 2009.01.31 |
Visual Studio .net 단축키 (0) | 2009.01.31 |