태그 총 정리 - 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


+ Recent posts