HTML Tag & Elements
HTML 4.0 명세의 모든 태그 + 명세에는 없지만 사용되고 있는 태그 + 특정 브라우저에 해당되는 태그속성 키 (Attribute Key) |
중요 속성 |
고유 이벤트 (intrinsic events) |
-D: HTML4.0 비추천 -R: 필수 속성 -IE: 익스플로러 전용 -NN: 넷스케이프 전용 -event: 이벤트 |
id : 요소에 고유한 이름을 지정 class : 요소에 분류명을 지정 style : 관련된 스타일 정보를 지정 title : 요소에 제목/부연 설명을 지정 il8n 은 국제화를 나타낸다. lang : 2문자 언어 코드를 사용하여 요소의 언어를 지정 dir : 요소의 표시 방향을 지정 (좌→우, 우←좌) |
onClick onbdlClick onMouseDown omMouseUp onMouseMove onMouseOver onMouseOut onKeyPress onKeyDown onKeyUp |
HTML Tag
Tag | Note | Description | Attributes || Events |
!-- -- | 주석 | ||
!DOCTYPE | HTML 버전 | ||
A | 앵커(링크) | accesskey charset coords href hreflang method name rel rev shape taindex target title type urn || onFocus onBlur | |
ABBR | 요약 | title | |
ACRONYM | 약어 | title | |
ADDRESS | 주소 | ||
APPLET | -D |
애플릿 | align -Darchive alt code codebase height hspace name object vspace width |
AREA | 영역(이미지맵) | coords href nohref shape | |
B | 굵은체 | ||
BASE | -D |
기본 URL | href -Rtarget |
BASEFONT | -D |
기본 글꼴 | color face size |
BDO | 양방향 중복 | lang dir | |
BIG | 큰 텍스트 | ||
BLOCKQUOTE | 블록 인용 | ||
BODY | 본문 | alink -Dbackground -IEbgcolor -Dbgproperties -IEleftmargin -IElink -Dtest -Dtopmargin -IEvlink -D|| onLoad unLoad | |
BR | 줄 바꿈 | clear -D | |
BUTTON | 단추(양식) | accesskey disabled name tabindex type value || onBlur onFocus | |
CAPTION | 표제 | align -Dsummary valign | |
CENTER | -D |
가운데로 | |
CITE | 인용 | ||
CODE | 코드 | ||
COL | 열(표) | align -Dchar charoff span valign width | |
COLGROUP | 열 그룹(표) | align -Dchar charoff span valign width | |
DD | 정의(목록) | ||
DEL | 삭제된 텍스트 | cite datetime | |
DFN | 인스턴스 정의 | ||
DIR | -D |
디렉토리 목록 | |
DIV | Division | align -D | |
DL | 정의 목록 | compact -D | |
DT | 정의 용어(목록) | ||
EM | 강조된 텍스트 | ||
EMBED | 포함된 객체 | align -Dalt border code codebase frameborder height hidden hspace name palette pluginspage pluginurl src type units vspace width | |
FIELDSET | 필드셋(양식 그룹) | ||
FONT | -D |
글꼴 스타일 | color face size |
FORM | 양식 | accept-charset action -Renctype method target || onSubmit onReset | |
FRAME | 프레임 | bordercolor frameborder longdesc marginwidth marginheight name noresize srcolling src | |
FRAMESET | 프레임셋 | border bordercolor cols frameborder framespacing rows || onLoad unLoad | |
H1~H6 | 머리글1~6 | align -D | |
HEAD | 문서의 머리글 | prfile lang dir | |
HR | 수평 괘선 | align -Dnoshade -Dsize -Dwidth -D | |
HTML | HTML 문서 | ||
I | 이탤릭 | ||
IFRAME | 인라인 프레임 | align -Dframeborder height hspace longdesc marginheight marginwidth name noresize scrolling src vspace width | |
IMG | 이미지 | align -Dalt -Rborder -Dcontrol -IEdynsrc -IEheight hspace ismap loop -IElongdesc lowsrc src -Rstart -IEusemap vspace width | |
INPUT | 양식 | type = " text | password | checkbox | radio | submit | reset | file | hidden | image | button " accept accesskey align -Dalt checked disabled maxlength name readonly size arc tabindex type usemap value || onFocus onSelect onChange | |
INS | 삽입된 텍스트 | cite datetime | |
ISINDEX | 검색할 수 있는 색인 | prompt | |
KBD | 키보드 텍스트 | ||
LABEL | 이름표(양식) | accesskey for || onFocus onBlur | |
LEGEND | 범례(양식) | accesskey | |
LI | 목록 항목 | compact start -Dtype -Dvalue -D | |
LINK | 링크 | charset href hreflang method rev rel media title type urn | |
MAP | 맵(이미지맵) | name -R | |
MENU | -D |
메뉴 목록 | compact -Dtype |
META | 메타 정보 | content -Rhttp-equiv name scheme | |
NOBR | 줄 바꿈 불허 | ||
NOEMBED | embed 사용하지 않음 | ||
NOFRAMES | frame 사용하지 앟음 | ||
NOSCRIPT | script 사용하지 않음 | ||
OBJECT | 객체 | align -Darchive border classid codebase codetype data declare height hspace name shapes standby tabindex type usemap vspace width | |
OL | 순서있는 목록 | compact start type | |
OPTGROUP | 옵션 그룹(양식) | disabled label -R | |
OPTION | 옵션(양식) | disabled label seleted value | |
P | 문단 | align -D | |
PARAM | 파라미터 | id name -Rvalue valuetype | |
PRE | 미리 포맷 적용한 텍스트 | width -D | |
Q | 짧은 인용문 | cite | |
S | -D |
취소선 텍스트 | |
SAMP | 예제 텍스트 | ||
SCRIPT | 스크립트 | charset language src | |
SELECT | 선택 메뉴(양식) | disabled multiple name size tabindex || onFocus onBlur onChange | |
SMALL | 작은 텍스트 | ||
SPAN | Span(범위) | ||
STRIKE | -D |
취소선 텍스트 | |
STRONG | 강조 텍스트 | ||
STYLE | 포함된 스타일 시트 | type media title | |
SUB | 아래첨자 | ||
SUP | 윗첨자 | ||
TABLE | 표 | align -Dbackground bgcolor -Dborder bordercolor -IEbordercolorlignt -IEbordercolordark -IEcellpadding cellspacing frame height hspace rules summary vspace width | |
TBODY | 표 본문 | align -Dchar charoff valign | |
TD | 표 테이터 셀 | abbr align -Daxis char charoff background bgcolor -Dbordercolor -IEbordercolorlignt -IEbordercolordark -IEcolspan headers height nowrap rowspan scope valign width | |
TEXTAREA | 텍스트 영역(양식) | accesskey cols -Rdisabled name readonly rows -Rtabindex wrap || onFocus onBlur onChange | |
TFOOT | 표 꼬리말 | align -Dchar charoff valign | |
TH | 표 머리말 셀 | abbr align -Daxis char charoff background bgcolor -Dbordercolor -IEbordercolorlignt -IEbordercolordark -IEcolspan headers height nowrap rowspan scope valign width | |
THEAD | 표 머리말 | align -Dchar charoff valign | |
TITLE | 문서 제목 | lang dir | |
TR | 표 행 | align -Dchar charoff bgcolor bordercolor -IEbordercolorlignt -IEbordercolordark -IEvalign | |
TT | 타자기 글씨 | ||
U | -D |
밑줄 친 글씨 | |
UL | 순서 없는 목록 | compact | |
VAR | 변수 | ||
WBR | 단어 띄움 |
'HTML & Script' 카테고리의 다른 글
Javascript Array 의 유용한 메소드들 (0) | 2007.05.02 |
---|---|
2초마다 이미지 바뀌는 스크립트 (2) | 2007.05.02 |
동적 파업창 사이즈 조절 (0) | 2007.05.02 |
페이지 초기화 (0) | 2007.05.02 |
JavaScript Reference (0) | 2007.05.02 |