회원가입∴아이디/비번찾기
홈으로


HTML 태그표 총정리
14년 전
※ HTML 태그표 총정리

H2.0 : HTML 2.0 표준 태그, H3.2 : HTML 3.2 표준 태그, N : Netscape에서만 지원
IE : Internet Explorer에서만 지원, EX : 확장태그
태그 이름 태그 설명 버젼
<A> 하이퍼링크를 작성 H2.0
href="URL" 하이퍼링크로 호출되는 파일 H2.0
name="이름" 중간 부분을 지정하기 위한 HTML 도큐먼트 부분 명명. 이 이름은 또 다른 <A>태그의 href= 속성에 사용될 수 있다. H2.0
taget="프레임 이름" , "_blank" , "_parent" , "_self" "_top" 프레임과 함께 사용되는 파일이 디스플레이되어야 할 프레임이나 윈도우를 나타냄 EXT
<APPLET!> 페이지에 자바 애플릿을 삽입 H3.2
align="left" , "right" , "top" , "middle" "bottom" 애플릿의 출력 내용이 윈도우에 정렬되는 상태 H3.2
alt="텍스트" 애플릿이 제대로 로드되지 않을 경우에 표시되는 텍스트 H3.2
code="URL" 자바 애플릿의 이름 H3.2
codebase="URL" 애플릿이 저장되어 있는 디렉토리 H3.2
height=수치,width=수치 애플릿의 출력 내용의 가로와 세로 픽셀 크기 H3.2
hspace=수치, vspace=수치 애플릿과 그 주변 텍스트 사이의 가로와 세로 공간으로, 픽셀값으로 나타냄 H3.2
name=명칭 페이지상의 다른 애플릿들이 이 애플릿을 참조할 수 있는 이름 H3.2
<AREA> <MAP>태그로 제작된 이미지 맵 내에 링크 영역을 지정 H3.2
alt="텍스트" 텍스트 브라우저에 표시될 텍스트 H3.2
coords="좌표1.좌표2,좌표3..." 영역의 경계선에 대한 좌표(각 형태는 좌표들을 지정하는데 나름대로의 규칙이 있다.) H3.2
href="URL" 링크된 파일의 URL H3.2
nohref 링크를 갖고 있지 않도록 하는 영역을 정의 H3.2
shape="rect" , "circle" , "poly" 정의될 형태의 유형 H3.2
target="프레임" , "_blank" , "_parent" , "_self""_top" 프레임과 함께 사용되는, 링크된 파일이 표시되어야 하는 프레임이나 윈도우의 이름을 나타냄 EXT
<B> 볼드체로 설정할 텍스트를 표시 H2.0
<BASEFONT> 제목에 이용되는 기본 글꼴 지정 EXT
color="#RRGGBB" 또는 "색이름" 텍스트의 색상으로, 16진수의 RGB값이나 색상명으로 나타냄 EXT
face="글꼴명" 글꼴 이름 EXT
size="크기" 1에서 7까지의 글자크기. 3이 초기값임. 1에서7까지는 절대 수치이고, -1에서 +3까지는 상대크기. N
<[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-[안내]태그제한으로등록되지않습니다-BGSOUND> 파일이 로드될 때, 음악이 재생됨 IE
loop=수치 or "infinite" 사운드 클립이 반복되는 횟수 IE
src="URL" 사운드 파일의 URL IE
<BIG> 큰 크기로 텍스트를 나타냄 H3.2
<BLOCKQUOTE> 들여 쓴 텍스트를 나타냄 H2.0
<BODY> 브라우저에 표시될 부분을 지정 H2.0
alink="#RRGGBB" or "색이름" 클릭된 링크의 색상, 16진수의 RGB값이나 색이름 H3.2
background="URL" 배경으로 사용될 그래픽 파일 H3.2
bgcolor="#RRGGBB" or "색이름" 배경색 H3.2
bgproperties="fixed" 배경 이미지가 스크롤되지 않음 IE
leftmargin=수치 왼쪽 여백 크기, 픽셀 수 IE
link="#RRGGBB" or "색이름" 하이퍼 링크의 색상 H3.2
text="#RRGGBB" or "색이름" 일반적 텍스트의 색상 H3.2
topmargin=수치 상단의 여백, 픽셀수 IE
vlink="#RRGGBB" or "색이름" 방문한 링크의 색상 H3.2
<BR> 행분리 H2.0
<CENTER> 가운데 정렬 H3.2
<CITE> 인용문을 설정 H2.0
<CODE> 컴퓨터 코드로 텍스트를 나타냄 H2.0
<DD> 정의 목록에서 정의문으로 설정될 텍스트를 나타냄(<DL> 과<DT>와 함께 사용해서) H2.0
<DFN> 정의문을 설정 H3.2
<DIR> 세로 방향으로 놓여지는 리스트를 만든다(20항목까지) H2.0
<DIV> 요소들의 세트를 그룹짓는데, 그 속성들을 적용시킴 H3.2
align="left" , "right" , "center" 픽셀 수로 나타낸 상단의 여백 H3.2
<DL> 정의 목록을 만든다 H2.0
<DT> 정의 목록에서 용어로서 설정될 텍스트를 나타냄 H2.0
<EM> 강조될 텍스트를 나타냄 H2.0
<EMBED autostart=true autostart=false autostart=false autostart=false> 페이지에 플러그 인을 삽입 EX
height=수치, width=수치 가로와 세로 크기, 픽셀값 EX
name="이름" 다른 오브젝트들이 이것을 참조하는데 사용되는 이름 EX
param="값" 프로그램에서 매개 변수로 지정되는 값 EX
src="URL" 플러그 인이 디스플레이할 파일 EX
<FONT> 특별한 글자 속성으로 텍스트를 나타냄 H3.2
color="#RRGGBB"또는 "색이름" 텍스트의 색, 16진수의 RGB값이나 색상명 H3.2
face="글꼴명" 글꼴 이름 EX
size="크기" 1에서 7까지의 글자 크기, 초기값은 3
-1에서 +3은 상대적인 크기임
H3.2
<FORM> 폼을 작성함 H2.0
action="URL" 전송 버튼을 클릭하면,작동되고, 양식 데이터가 보내져야 하는 스크립트 H2.0
method="get" , "post" 데이터를 보내는 방식을 규정 H2.0
<FRAME> 프레임 세트 내의 각각의 프레임의 속성들을 규정 EX
frameborder=1 , 0 or "yes" , "no" 프레임 주위에 테두리를 설정하거나(1또는 yes)삭제해 버림(0또는 no).(MS사의 브라우저는 숫자를 사용하고,Netscape는 단어를 사용.) EX
marginheight=수치 프레임들 사이의 공간으로, 픽셀값으로 나타냄. EX
marginwidth=수치 프레임내에 여백을 만든다(픽셀값으로 규정) EX
name="이름" 프레임에 대한 타겟명(<A >와 <AREA>태그를 사용하여 그 특정 프레임으로 강조된 파일들을 보냄) EX
noresize 유저가 프레임 크기를 바꾸지 못함 EX
scrolling="yes" ,"no" , "auto" 스크롤 바를 포함시키거나 없애 버림. 초기값에("auto")은 프레임의 내용들이 테두리 밖으로 넘어갈 때만 스크롤 바가 나타남 EX
src="URL" 프레임에 놓여질 파일의 URL EX
<FRAMESET> 프레임 세트를 만드는 태그들을 표시 EX
cols="col1,col2,col3..." "단" 세트로서 프레임세트를 설정. 단의 세트는 각각에 폭을 지정하여 나타냄. 폭은 픽셀값으로 지정되는데, 윈도우 크기에 대한 백분율로 또는 그 단이 나머지 공간을 차지한다는 표시인 별표(*)로서 나타냄.한 개 이상의 단이 별표로 지정되면, 그 공간은 균일하게 그 단의 수로 나뉘게 된다. EX
rows="row1,row2,row3..." "열"의 세트로서 프레임 세트를 설정. 열의 세트는 각각의 높이를 지정하여 나타냄. 높이는 픽셀값으로 지정되는데, 윈도우 크기에 대한 백분율 또는 그열이 나머지 공간을 차지한다는 표시인 별표(*)로서 나타냄. 한개 이상의 단이 별표로 지정되면 그 공간은 균일하게 그 단의 수로 나뉘게 된다. EX
frameborder=1 , 0 or "yes" , "no" 프레임 세트 주위에 테두리를 설정하거나(1또는 yes)없애 버림(0또는 no)(MS사의 브라우저는 수치를 사용하고, Netscape사 것은 단어를 사용.) EX
<H1> 텍스트 1단계 제목으로 나타냄(가장 큰 제목 크기) H2.0
<H2> 텍스트 2단계 제목으로 나타냄 H2.0
<H3> 텍스트 3단계 제목으로 나타냄 H2.0
<H4> 텍스트 4단계 제목으로 나타냄 H2.0
<H5> 텍스트 5단계 제목으로 나타냄 H2.0
<H6> 텍스트 6단계 제목으로 나타냄 H2.0
<HEAD> HTML 문서의 제목 태그를 나타냄 H2.0
<HR> 가로 괘선을 만든다 H2.0
align="left"또는 "right" 또는 "center" 문서에서 괘선의 정렬 상태 H3.2
color="#RRGGBB" 또는 "색이름" 괘선의 색, RGB값이나(16진수) 색이름 IE
noshade 괘선에 대한 초기값인 3D음영을 없앰 H3.2
size=수치 괘선의 길이, 픽셀값 H3.2
width=수치 괘선의 폭, 픽셀값 H3.2
<HTML> HTML 문서임을 나타냄 H2.0
<I> 이탤릭체로 텍스트를 나타냄 H2.0
<IMG> 이미지나 비디오 클립을 삽입 H2.0
align="top" , "middle" , "bottom" , "left" , "right" , "center" 문서속에서 이미지나 비디오 클립의 정렬상태 H3.2
alt="텍스트" 텍스트 전용 브라우저나 제대로 로드되지 않을 경우에 표시될 텍스트 H2.0
border=수치 테두리의 폭, 픽셀값(초기값은 border=1) H3.2
controls 비디오 조절, dynsrc=과 함께 사용됨 IE
dynsrc="URL" 삽입될 AVI파일을 지정 IE
height=수치,width=수치 이미지나 비디오 클립의 가로와 세로 크기, 픽셀값 H3.2
hspace=수치,vspace=수치 주변 텍스트와 사이의 가로와 세로 공간, 픽셀값 H3.2
ismap 이미지가 서버 측 이미지 맵임을 지정 H2.0
loop=수치 또는 "infinite" dynsrc=와 함께 사용, 비디오 클립이 반복되는 횟수 IE
src="URL" 삽입될 이미지의 URL H2.0
start="fileopen" , "mouseover" dynsrc=와 함께 사용, 비디오 클립이 작동되게 해주는 이벤트 IE
uesmap="#이름" 클라이언트 측 이미지 맵으로 사용될 맵의 명칭, 이 이름은 <MAP> 태그의 name=속성이 지정하는 것이다 H3.2
<INPUT> 폼내에 입력 요소를 만든다 H2.0
type="text" , "button" , "checkbox" , "radio" , "submit" , "image" , "reset" , "hidden" 삽입할 입력 요소의 유형 H2.0
checked type=checkbox, radio에 대하여, 초기값으로 선택해 놓을 상자나 버튼을 지정 H2.0
maxlength="길이" type=text에 대하여, 엔트리의 최대 길이, 글자 수 H2.0
name="이름" 입력 내용이 CGI 등으로 보내질 때 변수명으로 사용되는 제어의 이름
type=radio에 대하여, 그룹내의 모든 라디오 버튼들은 똑같은 이름을 갖고 있음
H2.0
size="크기" type=text에 대하여, 텍스트 상자의 길이 H2.0
src="URL" type=image에 대하여, 버튼으로 사용되는 이미지를 나타냄 H2.0
value="이름" type=checkbox : 상자가 체크되면 보내지는 변수 값.
type=text : 텍스트 란에 들어 있는 초기 값.
type=submit, reset, button : 버튼 위에 표시된 텍스트
H2.0
<KBD> 키보드 입력으로 설정될 텍스트 H2.0
<LI> 목록에 새로운 항목을 만든다(<DIR>,<MENU>,<OL>,<UL>과 사용) H2.0
type="A" , "a" , "I" , "i" , "disc" , "circle" , "square" 항목에 대한 수치나 방점 스타일을 지정 EX
value=수치 <OL>과 함께 사용되는데, 그 항목에 대한 수치 EX
<MAP> 클라이언트 측 이미지 맵 지정 (<IMG>태그의 usemap=속성으로 참조) H3.2
name="이름" 맵에 이름을 붙여 줌 H3.2
<MARQUEE> 화면위로 텍스트를 스크롤 IE
align="top" , "middle" , "bottom" 문서에서의 정렬 상태를 지정 IE
behavior="scroll" , "slide" , "alternate" 스크롤 행동을 지정:"scroll"(초기값)은 화면의 한쪽 끝에서 반대쪽 너머로 스크롤되고, "slide"는 반대쪽에 도달할 때까지 스크롤되며, "alternate"는 앞뒤로 스크롤 된다. IE
bgcolor="#RRGGBB" or "색상명" 배경색 지정, RGB값이나 색상명을 사용 IE
direction="left" , "right" 스크롤 방향 IE
height=수치 or %, weight=수치 or % 가로와 세로 크기, 픽셀값이나 화면 높이에 대한 백분율 IE
hspace=수치, vspace=수치 주변 텍스트 사이의 가로와 세로 공간, 픽셀값 IE
loop=수치 or "infinite" 스크롤이 반복되는 횟수 IE
scrollamount=수치 스크롤 단위, 픽셀값 IE
scrlldelay=수치 스크롤되는 시간으로,1/1000초 단위 IE
<MENU> 메뉴 목록을 만든다 H2.0
<META> HTML 문서에 대한 일반적 정보를 제공 H2.0
content="값" HTTP 행동을 위해 http-squiv으로 지정된 용도의 값. 자동 페이지 로드시 기다리는 시간을 초 단위로 나타냄 EX
http-equiv="http 행동" 규정해 놓아야 할 HTTP행동. 자동 페이지 로딩시에는, http-equiv="refresh"를 사용 EX
url="URL" http-equiv="refresh"와 함께 사용되는데, 다음에 로드될 파일을 나타냄 EX
<MULTICOL> 다단에 설정될 텍스트 N
cols=수치 단의 수 N
gutter=수치 단들 사이의 간격, 픽셀값 N
width=수치 단의 폭, 픽셀값 N
<NOBR> 행분리시켜서는 안될 요소들을 연결 EX
<NOEMBED> 플러그 인을 지원하지 않는 브라우저들에 표시될 내용을 나타냄. EX
<NOFRAMES> 프레임을 지원하지 않는 브라우저들에 표시될 내용을 나타냄. EX
<NOSCRIPT> 스크립트 언어를 지원하지 않는 브라우저들에 표시될 것을 나타냄. EX
<OBJECT> 이미지, 매체 파일, 프로그램 등의 오브젝트를 삽입 EX
align="left" , "right" , "center" , "top" , "middle" , "bottom" 문서에서 오브젝트의 정렬 상태 EX
border=수치 오브젝트 주위의 테두리의 폭, 픽셀값 EX
classid="class 지정자" 플러그 인이나 프로그램에 대한 지정(삽입될 오브젝트의 유형에 따라 달라짐) EX
codebase="URL" 프로그램을 담고 있는 디렉토리 EX
codetype="MIME 유형" 프로그램의 MIME 유형 EX
data="URL" 페이지에 삽입될 오브젝트의 URL EX
height=수치,width=수치 오브젝트의 가로와 세로 크기, 픽셀값 EX
hspace=수치,vspace=수치 오브젝트와 주변 텍스트 사이에 가로와 세로 간격, 픽셀값 EX
name="이름" 다른 프로그램들이 그 오브젝트를 참조하는데 사용하는 이름 EX
shapes 이미지 맵에서처럼 오브젝트가 하이퍼 링크 형태가 되도록 지정 EX
standby="텍스트" 오브젝트가 로드되는 동안에 디스플레이되는 텍스트 EX
type="MIME 유형" 오브젝트의 MIME유형. EX
usemap="이름" 클라이언트 측 이미지 맵의 이름. EX
<OL> 번호가 붙은 목록을 만든다 H2.0
type="A" , "a" , "I" , "I" 번호의 종류를 지정: A는 대문자, a는 소문자, I는 대문자형의 로마숫자, i는 소문자형의 로마 숫자. H3.2
start=숫자 시작번호를 지정 H3.2
<OPTION> 메뉴에 옵션을 만든다, <SELECT>태그 뒤에 사용 H2.0
selected 초기값으로 선택될 옵션을 지정 H2.0
value="텍스트" 옵션을 선택하면 보내지는 값 H2.0
<P> 단락 분리 H2.0
align="left" , "right" , "center" 문서에서의 단락의 정렬 상태 H3.2
<PARAM> 프로그램에 매개 변수를 전달, <OBJECT>나<APPLET!> 태그와 함께 사용됨 H3.2
name="명칭" 값이 배정될 매개변수의 이름 H3.2
value="값" 매개 변수의 값 H3.2
valuetype="data" , "ref" , "object" 값이 해석되는 방법을 나타냄:data는 초기값이고, ref는 URL,object는 같은 도큐먼트에서의 오브젝트의 URL H3.2
type="MIME유형" 데이터의 MIME 유형 H3.2
<PRE> 태그가 무시된 텍스트를 나타냄 H2.0
<S> 밑줄체 텍스트 (<STRIKE>와 동일) H2.0
<SAMP> 견본으로 설정될 텍스트를 나타냄 H2.0
<SCRIPT> 스크립트 언어를 나타냄 H3.2
language="명칭" 스크립트가 쓰여질 언어를 지정 H3.2
scr="URL" 외부 스크립트 파일을 지정 N
<SELECT> 선택 메뉴를 만든다 H2.0
Multiple 스크롤 메뉴에 복수 선택 기능을 H2.0
name="이름" 입력내용이 CGI 등 으로 보내질 때 변수명으로 사용되는 이름을 만든다 H2.0
size="크기" 지정된 크기로 스크롤 메뉴를 만든다 H2.0
<SMALL> 작은 크기로 텍스트를 나타냄 H3.2
<SPACER> 페이지에 빈 공간을 만든다 N
align="left" , "right" type=block 일때 ,공간 주위의 왼쪽이나 오른쪽을 텍스트로 둘러쌈 N
height=수치, width=수치 type=block 일때 ,빈 공간의 가로와 세로크기, 픽셀값 N
size=수치 type=horizontal , type=vertical 일때 , 빈공간의 크기, 픽셀값 N
type="horizontal" , "vertical" , "block" horizontal은 현재 행에 공간을 만들어 주고, vertical은 다음 항목 위에 세로로 공간을 만들어 주며, block은 사각형의 공간을 만든다 N
<STRIKE> 밑줄체 텍스트 (<S>와 동일) H3.2
<SUB> 아래첨자로 텍스트를 나타냄 H3.2
<SUP> 위첨자로 텍스트를 나타냄 H3.2
<TABLE> 테이블 지정 H3.2
align="left" ,"right" ,"center" 문서에서의 정렬 상태를 지정 H3.2
bgcolor="#RRGGBB" or "색이름" 표의 배경색 EX
border=수치 행의 테두리의 두께, 픽셀값 H3.2
bordercolor="#RRGGBB" or "색이름" 테이블의 테두리 색 IE
cellpadding=수치 각 셀의 테두리와 그 내용 사이의 간격, 픽셀값 H3.2
cols=수치 테이블에서 단의 수 H3.2
width=수치 또는 % 테이블의 전체 폭으로, 픽셀값이나 윈도우 크기에 대한 백분율로 지정 H3.2
<TD>,<TH> 테이블의 셀에 들어갈 데이터<TD>와 제목<TH>를 나타냄 H3.2
align="left" , "right" , "center" 셀에서의 데이터의 정렬 상태를 지정 H3.2
bgcolor="#RRGGBB" or "색이름" 셀의 배경색 EX
bordercolor="#RRGGBB" or "색이름" 셀의 테두리 색 IE
colspan=수치 셀이 펼쳐져 있는 단의 수 H3.2
height=수치 표의 셀의 높이로, 픽셀값으로 나타냄 H3.2
nowrap 셀에서 행을 감싸지 못하게 함 H3.2
nowspan=수치 셀이 펼쳐져 있는 행의 수 H3.2
valign="top" , "middle" , "bottom" , "baseline" 셀의 테두리에 대한 셀의 내용들의 세로 정렬 상태 H3.2
width=수치 셀의 폭으로, 픽셀값이나 표의 크기에 대한 백분율로서 지정 H3.2
<TEXTAREA> 여러 행의 텍스트 입력란을 만든다 H2.0
cols=수치, rows=수치 텍스트 영역의 폭(row)과 높이(cols) H2.0
name="이름" 텍스트 영역의 이름으로, 입력 내용을 CGI로 보내질 때 변수 이름으로 사용됨 H2.0
<TR> 테이블에서 새로운 행을 만든다 H3.2
align="left" 또는"right" or "center" 가로 방향으로 높여진 셀들의 내용들의 정렬 상태 H3.2
bgcolor="#RRGGBB" or "색이름" 표의 행의 배경색 EX
bordercolor="#RRGGBB" or "색상명" 행의 테두리 색상 IE
valign="top" , "middle" , "bottom" , "baseline" 셀의 테두리에 대한 행의 내용들의 세로 정렬 상태 H3.2
<TT> 고정 크기 서체로 텍스트를 나타냄 H2.0
<U> 밑줄이 쳐질 텍스트를 나타냄 H2.0
<UL> 방점이 찍힌 무순서 리스트를 만든다 H2.0
type="disc" , "circle" , "square" 방점의 형태 EX
<VAR> 변수로 설정될 텍스트를 나타냄 H2.0
추천추천 : 669 추천 목록
번호 제목
2,891
입력 필드에서 특정단어(예:#err)가 포함되었을 때 실시간 감지 및 경고창 띄우기
2,890
데이터베이스 최적화와 쿼리 효율성을 높이 검색 성능을 개선하는 방법
2,889
간단한 게시판 만들기
2,888
PHP의 php.ini 파일에서 설정할 수 있는 주요 항목들을 카테고리별로 정리
2,887
유튜브 동영상의 썸네일 이미지를 체크하여 유효한 영상이아닐때 연결된 체크박스를 자동으로 체크
2,886
이미지 URL이 유효하지 않을 때, 해당 이미지와 연결된 체크박스를 자동으로 체크
2,885
HTTPS로 접속한 사용자를 강제로 HTTP로 리디렉션 하려면
2,884
PHP에서 MP3 파일을 직접 읽고 스트리밍 하기
2,883
현재 페이지가 location.reload()에 의해 새로고침되었는지
2,882
텍스트 파일을 읽고, 각 줄의 끝에서 6글자를 삭제한 후, 결과를 새로운 파일에 저장합니다.
2,881
cURL을 사용하여 리다이렉트를 따라가 최종 URL 가져오기
2,880
[PHP] $_SERVER 환경변수
2,879
10진수 <-> 16진수 변환기 PHP소스
2,878
텍스트에 직접 그라데이션 색상을 적용하려면?
2,877
CSS를 사용하여 요소의 내용물에 따라 width를 조정하는 방법
2,876
웹서버 ip 확인
2,875
웹호스팅의 절대경로를 확인
2,874
input 입력 필드 앞뒤 공백 실시간 제거
2,873
Placeholder 포커스시 감추기
2,872
MySQL 중복된 데이터를 삭제
2,871
MySQL 중복 데이터 확인
2,870
sessionStorage.getItem 와 sessionStorage.setItem
2,869
제이쿼리 랜덤으로 배경색 변경
2,868
preg match에 관한 정규식
2,867
Stream an audio file with MediaPlayer 오디오 파일 스트리밍 하기
2,866
Audio Streaming PHP Code
2,865
PHP $ SERVER 환경 변수 정리
2,864
Vimeo (비메오) API 를 사용하여 플레이어 컨트롤하기
2,863
iframe 사용시 하단에 발생하는 공백 제거방법
2,862
아이프레임(iframe) 전체화면 가능하게 하기
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침ㅣ모바일버전
Copyright ⓒ musictrot All rights reserved.