2009. 5. 30. 10:09, 정보기술/Code
반응형
| HTML 4.01 Reference | |||
|---|---|---|---|
| Tag | Description | NN | IE |
| Deprecated : 사용이 금지된 비표준 태그로 차기버전의 웹 브라우저에서 지원이 확실치 않음. NN : Netscape Navigator 가 지원하기 시작한 가장 낮은 브라우저 버전 IE : Internet Explorer 가 지원하기 시작한 가장 낮은 브라우저 버전 레 퍼런스의 태그와 속성 중에서 별표(*)가 붙은 것은 HTML 4.0 이후의 버전에서는 지원 여부가 불확실한 것으로, HTML 공식 문서에서는 Deplecated 판정을 받은 것입니다. 대부분은 스타일 시트를 활성화하기 위해 기존의 프리젠테이션 관련 태그와 속성들이 Deplecated 판정을 받았습니다. 당장 브라우저들이 이들 태그와 속성의 지원을 중단하지는 않겠지만 가급적이면 이들 태그와 속성들은 사용을 줄이는 것이 좋을것 같습니다. | |||
| <!--...--> | Defines a comment | 3.0 | 3.0 |
| <!DOCTYPE> | Defines the document type | ||
| <a> | 사용자가 클릭했을 때 브라우저를 다른 곳으로 이동하게 하는 링크를 만드는데 사용된다. <a href="url" hame="anchor">...</a>
|
3.0 | 3.0 |
| <abbr> | HTTP나 WWW와 같은 약자(abbrevi-ation)를 표시하기 위해 사용 된다. 현재까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다. | 6.2 | |
| <acronym> | WAC(Women's Army Corps), Radar와 같은 두 문자어(Acronym)를 표기하기 위해 사용된다. 현재 까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다. | 6.2 | 4.0 |
| <address> | 주소나 연락처와 같은 본문 블록을 정의하기 위해 사용된다. <address> 태그 블록 내부에는 다른 HTML 태그를 이용해 블록의 포맷을 변경시킬수 있다. 대개 <address> 태그는 본문 블록을 이탤릭체로 표기하며 들여쓰기는 하지 않는다. | 4.0 | 4.0 |
| <applet> | <applet> 태그는 지정된 자바 애플릿을 실행하기 위해 사용된다. 자바 애플릿을 지원하지 않는 브라우저는 <applet>...</applet> 태그 블록을 무시한다. 애플릿이 실행하는 데 필요한 정보를 제공하는데는 <param> 태그가 함께 사용된다. | 2.0 | 3.0 |
| <area> |
＜area＞ 태그는 이미지의 영역을 특정한 링크와 연결하기 위해 사용된다. 사용자가 ＜area＞ 태그로 지정된 영역을 클릭하면 href 속성으로 지정된 URL로 이동한다.
|
3.0 | 3.0 |
| <b> * | 블록에 포함된 텍스트를 볼드체로 나타나게 한다. | 3.0 | 3.0 |
| <base> | 문 서에 포함된 다른 모든 href 속성의 기본 URL을 지정한다. ＜base＞ 태그는 문서에 포함된 절대 URL을 손쉽게 다른 것으로 옮기기 위해 사용된다. 만약 문서에 포함된 모든 절대 URL을 수정하려면 ＜base＞ 태그의 href 속성만 바꾸어 주면 된다. target 속성은 목적지 윈도우를 지정한다. ＜base＞ 태그는 ＜head＞ 태그 블록 내부에서만 사용이 허용된다. ＜base href="URL" target="목적지 윈도우"＞ |
3.0 | 3.0 |
| <basefont> | Deprecated. Defines a base font | 3.0 | 3.0 |
| <bdo> | Defines the direction of text display | 6.2 | 5.0 |
| <big> | 텍스트의 크기를 한 단계 증가 시킨다. 반대의 기능을 하는 태그로 ＜small＞이 있다. | 3.0 | 3.0 |
| <blockquote> | 본 문에 인용된 문구를 넣을 때 사용한다. ＜blockquote＞ 태그로 지정된 블록은 오른쪽으로 한 단계 들여쓰기 되며 ＜p＞ 태그와 마찬가지로 블록의 시작과 끝이 다른 문단과는 분리된다. ＜blockquote＞ 태그는 문단의 구조를 정의하는 태그이기 때문에 논리적으로는 입력양식이나 테이블, 리스트와 같은 태그를 포함해서는 안된다. | 3.0 | 3.0 |
| <body> | 웹페이지의 모든 본문을 포함한다. 또한, 위의 몇가지 속성으로 본문의 속성을 지정하기도 한다. ＜body bgcolor="칼러" background="URL" text="컬러" link="컬러" alink="컬러" vlink="컬러"＞...＜/body＞
|
3.0 | 3.0 |
| <br> | HTML 문서에 라인 끊기를 넣어준다. 즉, 본문의 줄 바꾸기를 한다. clear 속성에는 left나 right, all, 또는 none을 지정할 수 있는데, 이미지의 주위를 감싸는 텍스트의 위치를 지정하기 위하여 사용한다. ＜br clear="옵션"＞ |
3.0 | 3.0 |
| <button> | Defines a push button | 6.2 | 4.0 |
| <caption> | 테이블의 열이나 행의 앞에 헤드나 캡션을 넣어주는데 사용된다. ＜caption＞ 태그는 반드시 ＜table＞ 태그 블 록에 포함되어야 한다. 이 태그의 align 속성은 두 가지 용도를 가지고 있다. 첫째로 top이나 bottom을 지정하면 캡션을 행의 상단이나 하단에 놓을지를 결정할 수 있고 left나 right를 지정하여 캡션 문자열을 왼쪽이나 오른쪽으로 지정할 수 있다. 디폴트 정렬방식은 중앙(center)이다. ＜caption align="정렬 방식"＞...＜/caption＞ |
3.0 | 3.0 |
| <center> | Deprecated. Defines centered text | 3.0 | 3.0 |
| <cite> | 인용된 문구를 표시하기 위해 사용된다. 대부분의 브라우저는 ＜cite＞ 태그가 이용된 문구를 이탤릭 글꼴로 표시해 준다. | 3.0 | 3.0 |
| <code> | 보통 인용된 짧은 컴퓨터 프로그래밍 언어를 표시하기 위해 사용된다. 여러 라인의 코드를 표기하려면 ＜pre＞ 태그를 사용하는것이 좋다. 브라우저는 ＜code＞ 태그가 이용된 문구를 고정된 글꼴로 표시해 준다. | 3.0 | 3.0 |
| <col> | Defines attributes for table columns | 3.0 | |
| <colgroup> | Defines groups of table columns | 3.0 | |
| <dd> | 정의 리스트를 만들 때 리스트 항목을 정의하는 역할을 한다. 정의 리스트는 목차나 용어 설명과 같은 형식의 리스트를 만드는 데 적합하다. | 3.0 | 3.0 |
| <del> | Defines deleted text | 6.2 | 4.0 |
| <dir> | Deprecated. Defines a directory list | 3.0 | 3.0 |
| <div> | ＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 함께 사용되어 문단의 구조를 정의 한다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될수 있다. 보통 ＜span＞ 태그는 인라인 요소에, ＜div＞ 태그는 블록 레벨 요소에 사용된다. | 3.0 | 3.0 |
| <dfn> | Defines a definition term | 3.0 | |
| <dl> | dd 태그와 함께 사용되어 정의 리스트를 만드는데 사용된다. | 3.0 | 3.0 |
| <dt> | 정의 리스트에 사용되어 정의 용어(definition term)를 정의한다. 모든 ＜dt＞ 태그는 반드시 ＜dd＞ 태그와 함께 사용되어야 한다. ＜dd＞ 태그는 정의 설명(definition description)을 의미한다. | 3.0 | 3.0 |
| <em> | 지정한 블록을 강조해 줄것을 요구한다. 하지만 어떻게 강조할지는 브라우즈의 몫이다. 대부분의 브라우즈는 ＜em＞ 태그 블록의 본문을 이탤릭체로 표시한다. | 3.0 | 3.0 |
| <fieldset> | Defines a fieldset | 6.2 | 4.0 |
| <font> | Deprecated. Defines the font face, size, and color of text | 3.0 | 3.0 |
| <form> | 사용자로 부터 정보를 입력 받고 이 정보를 서버나 전자메일 주소로 보낼수 있는 방법을 제공한다. 입력 양식은 텍스트 입 력 필드와 체크 박스, 라디오 버튼, 드롭다운 리스트, 버튼 등을 포함할 수 있다. 모든 입력 양식에는 반드시 submit 버튼이 있어야 하는데, 이 버튼을 클릭하는 순간 입력 양식에 입력된 정보가 서버나 전자 메일 주소로 전송된다. | 3.0 | 3.0 |
| <frame> | frame 태그는 프레임을 나눌 때 한 프레임의 특성을 지정하는 데 사용된다. ＜frame name="프레임 이름" marginwidth="프레임 너비" marginheight="프레임 높이" noresize scrolling="yes| no| auto" src="URL"＞
|
3.0 | 3.0 |
| <frameset> | 브라우저 윈 도우를 별도로 작동하는 여러개의 윈도우(프레임)로 나누는데 사용된다. 각 프레임의 특성은 ＜frame＞ 태그로 지정한다. ＜frameset＞ 태그는 ＜body＞ 태그와 함께 사용될 수 없다. 즉, ＜frameset＞ 태그를 사용할 때는 ＜body＞ 태그 대신 사용된다. ＜frameset cols="값의 리스트" rows="값의 리스트"＞...＜/frameset＞
|
3.0 | 3.0 |
| <h1> to <h6> | h1~h6까지의 여섯 가지 태그는 본문과 구별되는 헤딩(제목)을 표기하기 위하여 사용된다. 헤딩은 다른 본문과는 구별되도록 문단의 상단과 하단이 분리 되며, 볼드체를 사용해 다른 본문 보다는 크게 나타난다. ＜h1＞은 가장 큰 글꼴을 사용하며, ＜h6＞은 가장 작은 글꼴을 사용한다. ＜h1 align="left| right| center"＞...＜/h1＞
|
3.0 | 3.0 |
| <head> | 웹페이지에 직접 영향을 주는 태그는 아니지만 웹페이지 전체에 대한 몇가지 정보를 지정하는 데 사용된다. 특히, ＜title＞과 ＜meta＞ 태그는 ＜head＞ 태그 블록에 포함 되어야 한다. 대부분의 웹프로그래머들은 자신들의 자바 스크립트나 VB 스크립트 함수가 본문이 디스플레이 되기전에 선언되도록 ＜HEAD＞ 태그 블록에 정의 한다. | 3.0 | 3.0 |
| <hr> | ＜hr＞ 태그는 웹페이지에 음영 처리된 수평 막대(horizontal ruler)를 그리는 데 사용된다. ＜hr align="정렬 방식" noshade size="두께" width="너비"＞
|
3.0 | 3.0 |
| <html> | html 태그는 다른 모든 태그를 감싸는 태그로, HTML 문서의 시작과 끝에 놓인다. | 3.0 | 3.0 |
| <i> * | 블록에 포함된 텍스트를 볼드체로 나타나게 한다. | 3.0 | 3.0 |
| <iframe> | Defines an inline sub window (frame) | 6.0 | 4.0 |
| <img> | ＜img＞ 태그는 웹페이지에 이미지 파일을 추가하기 위해 사용된다. width 속성과 height 속성은 이미지의 크기를 변경하는 데도 사용할 수 있다. 예를 들어 100 x 100 크기의 이미지가 있다고 할 때, width=200 height=200 형식을 사용하면 이미지가 두배로 커지게 된다. 이미지의 크기를 변경하지 않더라도 width와 height의 속성은 포함시켜 주는것이 좋다. 왜냐하면, 요즈음의 브라우저들은 width와 height 속성에 지정된 값으로 이미지가 차지할 영역을 미리 할당하므로 나머지 본문을 더욱 빨리 그려줄 수 있기 때문이다. ＜img align="정렬 방식" alt="대체 문자열" border="경계선의 두께" width="이미지의 넓이" height="이미지의 높이" src="이미지 파일의 URL" hspace="이미지 좌우측의 공백" vspace="이미지 상하단의 공백" usemap＞
|
3.0 | 3.0 |
| <input> | ＜input＞ 태그는 입력 양식에 다양한 입력 양식 요소를 만드는 데 사용된다. 각각의 입력 양식 요소에는 한개씩의 ＜input＞ 태그가 필요하며, 입력 양식 요소의 종류는 type 속성을 통해 제어한다. ＜input align="정렬 방식" checked maxlength="최대 넓이" name="이름" size="크기" src="URL" type="입력 요소의 종류" value="값"＞
|
3.0 | 3.0 |
| <ins> | Defines inserted text | 6.2 | 4.0 |
| <isindex> | Deprecated. Defines a single-line input field. Use <input> instead | 3.0 | 3.0 |
| <kbd> | Defines keyboard text | 3.0 | 3.0 |
| <label> | Defines a label for a form control | 6.2 | 4.0 |
| <legend> | Defines a title in a fieldset | 6.2 | 4.0 |
| <li> | ＜li＞ 태그는 ＜ol＞이나 ＜ul＞ 태그 블록의 내부에 포함되어 리스트의 항목을 정의 한다. ＜ol＞ 태그 블록에 포함될 때는 리스트 항목의 앞에 번호를 붙여 주며, ＜ul＞ 태그 블록에 사용될 때는 블릿 문자를 붙여 준다. | 3.0 | 3.0 |
| <link> | ＜link＞ 태그는 현재 문서와 다른 문서 사이의 관계를 정의한다. ＜a＞ 태그와도 비슷하지만 ＜link＞ 태그는 문서의 헤드 섹션에만 사용할 수 있다. 미래에 만들어질지 모르는 다양한 기능을 위해 디자인된 태그지만, 현재는 주로 스타일 시트 파일을 연결하는 데 사용된다. ＜link href="URL" rel="문서의 관계" rev="반대의 관계" title="타이틀"＞
|
4.0 | 3.0 |
| <map> | 클라이언트측 이미지맵을 정의하는데 사용된다. name 속성에 지정된 이름은 ＜IMG＞ 태그의 usemap 속성에 사용된다. | 3.0 | 3.0 |
| <menu> | Deprecated. Defines a menu list | 3.0 | 3.0 |
| <meta> | 웹페이지에 대한 정보를 지정하거나 웹페이지의 HTTP 헤더를 지정하는데 사용될 수 있다. ＜meta＞ 태그는 항상 문서의 헤더 섹션에 포함되어야 한다. | 3.0 | 3.0 |
| <noframes> | 프레임을 지원하지 않는 브라우저에서 보여줄 내용을 지정한다. | 3.0 | 3.0 |
| <noscript> | Defines a noscript section | 3.0 | 3.0 |
| <object> | 웹페이지에 여러가지 형태의 객체를 추가하기 위해 사용된다. 객체는 자바 애플릿일 수도 있고 이미지 파일이나 여러가지 포맷의 멀티미디어 파일일 수도 있다. ＜object＞ 태그는 HTML 4.0 이 ＜applet＞이나 ＜embed＞ 태그 대신 권장하고 있는 새로운 태그이다. ＜object classid="객체의 URL" codebase="애플릿 클래스 파일의 URL" data="객체 데 이터의 위치" type="객체의 종류" codetype="객체의 타입" archive="객체가 이용할 데이터" width="객체의 너비" height="객체의 높이" standby="스탠바이 문자열" usemap="이미지맵의 이름" name="객체의 이름"＞
|
3.0 | |
| <ol> | Defines an ordered list | 3.0 | 3.0 |
| <optgroup> | Defines an option group | 6.0 | 6.0 |
| <option> | 입력 양식내에 리스트 박스나 드롭다운 리스트를 만드는 데 사용된다. ＜option＞ 태그는 항상 ＜select＞ 태그 블록에 포함된다. ＜option selected value="값"＞...＜/option＞
|
3.0 | 3.0 |
| <p> | 논리적인 하나의 문단을 지정하는데 사용된다. ＜p align="정렬방식"＞...＜/p＞
|
3.0 | 3.0 |
| <param> | 자바 애플릿에 인자를 제공하기 위해 사용된다. ＜param＞ 태그는 반드시 ＜applet＞ 태그 블록에 포함된다. ＜param name="이름" value="값"＞
|
3.0 | 3.0 |
| <pre> | pre 태그 블록은 HTML 소스에 나타난 문단의 형태를 그대로 웹페이지에 보여주는데 사용된다. 보통 문단은 고정폭 글꼴을 사용해 보여진다. | 3.0 | 3.0 |
| <q> | Defines a short quotation | 6.2 | |
| <s> | Deprecated. Defines strikethrough text | 3.0 | 3.0 |
| <samp> | 프로그램이 출력한 정보를 그대로 보여주기 위해 사용된다.보통 고정폭 글꼴이 사용되지만 모든 브라우저가 고정폭 글꼴을 사용하는것은 아니다. 확실하게 고정폭 글꼴을 사용하고자 한다면 ＜tt나＞ ＜pre＞를 사용하는것이 좋다. | 3.0 | 3.0 |
| <script> | HTML 문서내에 자바 스크립트나 VB 스크립트를 포함시키기 위해 사용된다. 모든 브라우저가 이 두가지 스크립터 언어를 지원하는 것은 아니다. | 3.0 | 3.0 |
| <select> | select 태그는 입력 양식에 드롭다운 리스트를 만드는데 사용된다. ＜select＞ 태그는 반드시 ＜from＞ 태그 블록에 포함되어야 하며, 드롭다운 리스트 항목은 ＜option＞ 태그를 이용해 지정한다. ＜select multiple name="이름" size="값"＞...＜/select＞
|
3.0 | 3.0 |
| <small> | 텍스트의 크기를 한 단계 감소 시킨다. 반대의 기능을 하는 태그로 ＜big＞이 있다. | 3.0 | 3.0 |
| <span> | ＜div＞ 태그와 ＜span＞ 태그는 id나 class 속성과 한께 사용되어 문단에 구조를 정의하기 위하여 사용된다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될 수 있다. 보통 ＜SPAN＞ 태그는 인라인 요소에, ＜DIV＞ 태그는 블록 레벨 요소에 사용된다. | 4.0 | 3.0 |
| <strike> | Deprecated. Defines strikethrough text | 3.0 | 3.0 |
| <strong> | 본문을 강하게 강조한다. 대부분의 브라우저는 ＜strong＞ 태그가 사용된 본문을 볼드체로 보여준다. | 3.0 | 3.0 |
| <style> | 웹 페이지에 스타일 시트 선언을 포함하기 위해 사용된다. 아직 모든 브라우저가 스타일 시트를 지원하지는 않는다. ＜style type="text/css"＞...＜/style＞
|
4.0 | 3.0 |
| <sub> * | 본문을 아래첨자 형식으로 보여준다.아래첨자로 지정된 본문은 일반 본문보다 약간 작고 아래쪽에 보여진다. | 3.0 | 3.0 |
| <sup> | Defines superscripted text | 3.0 | 3.0 |
| <table> | ＜table＞ 태그는 테이블을 만들기 위해 사용된다. ＜table＞ 태그가 가진 속성들은 테이블 전체에 영향을 주는 특성들, 즉 테이블의 정렬 방식이나 배경 색상, 경계선의 두께등을 지정하며, 실제로 테이블의 열과 셀을 만드는 태그는 ＜table＞ 태그 블록에 포함되는 ＜tr＞과 ＜td＞ 태그이다. ＜table align="정렬방식" bgcolor="바탕 색상" border="경계선의 두께" cellpadding="셀과 경계선의 간격" cellspacing="셀 사이의 간격" width="테이블의 너비"＞...＜/table＞
|
3.0 | 3.0 |
| <tbody> | Defines a table body | 4.0 | |
| <td> | ＜td＞ 태그는 테이블에 셀을 만드는데 사용된다. ＜td＞ 태그는 반드시 ＜tr＞ 태그에 포함되어야 한다. ＜td align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap＞...＜/td＞
|
3.0 | 3.0 |
| <textarea> | 입력 양식에 여러 라인의 문자열을 입력할 수 있는 문자열 입력 필드를 만들어 준다. ＜textarea＞ 태그는 반드시 ＜form＞ 태그 블록의 내부에 포함되어야 한다. ＜textarea cols="행의 수" name="이름" rows="열의 수"＞...＜/textarea＞
|
3.0 | 3.0 |
| <tfoot> | Defines a table footer | 4.0 | |
| <th> | ＜th＞ 태그는 ＜td＞ 태그와 마찬가지로 테이블의 셀을 만든다. 다른 점은 셀에 포함되는 본문이 중앙으로 정렬되는 것이 기본값이며, 본문이 볼드체로 나타난다는 것이다. ＜th＞ 태그는 주로 다른 셀의 헤더로 사용될 셀을 만드는 데 사용된다. ＜th align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap＞...＜/th＞
|
3.0 | 3.0 |
| <thead> | Defines a table header | 4.0 | |
| <title> | 웹 페이지의 타이틀을 지정한다. ＜title＞ 태그는 반드시 ＜head＞ 태그 블록에 포함되어야 한다. | 3.0 | 3.0 |
| <tr> | 테이블 내에 열을 만들기 위해 사용된다. ＜tr＞ 태그는 반드시 ＜table＞ 태그 블록에 포함되어야 하며, 원하는 열의 개수 만큼 ＜tr＞ 태그가 필요하다. ＜tr＞ 태그 블록에는 ＜td＞나 ＜th＞가 포함되어 셀을 만들어 낸다. ＜tr align="정렬 방식" valign="수직 정렬 방식"＞...＜/tr＞
|
3.0 | 3.0 |
| <tt> | 본문을 텔레타이프 형식으로 보여 준다. 대부분의 브라우저는 ＜tt＞ 태그 블록의 본문을 고정폭 글꼴을 사용해 보여준다. | 3.0 | 3.0 |
| <u> | Deprecated. Defines underlined text | 3.0 | 3.0 |
| <ul> | ＜ul＞ 태그는 블릿 리스트를 만드는 데 사용된다. 리스트 항목은 ＜li＞ 태그로 정의 한다. ＜ul compact type="종류"＞...＜/ul＞
|
3.0 | 3.0 |
| <var> | 컴퓨터 프로그램의 변수를 표시하기 위해 사용한다. 이 태그를 보여 주는 방식은 브라우저 마다 차이를 보인다. | 3.0 | 3.0 |
| <xmp> | Deprecated. Defines preformatted text. Use <pre> instead | 3.0 | 3.0 |
반응형
Comments, Trackbacks
