Rev. 2.73

HTML 4.01 Reference
TagDescriptionNNIE
Deprecated : 사용이 금지된 비표준 태그로 차기버전의 웹 브라우저에서 지원이 확실치 않음.
NN : Netscape Navigator 가 지원하기 시작한 가장 낮은 브라우저 버전
IE : Internet Explorer 가 지원하기 시작한 가장 낮은 브라우저 버전

레퍼런스의 태그와 속성 중에서 별표(*)가 붙은 것은 HTML 4.0 이후의 버전에서는 지원 여부가 불확실한 것으로, HTML 공식 문서에서는 Deplecated 판정을 받은 것입니다. 대부분은 스타일 시트를 활성화하기 위해 기존의 프리젠테이션 관련 태그와 속성들이 Deplecated 판정을 받았습니다. 당장 브라우저들이 이들 태그와 속성의 지원을 중단하지는 않겠지만 가급적이면 이들 태그와 속성들은 사용을 줄이는 것이 좋을것 같습니다.
<!--...-->Defines a comment3.03.0
<!DOCTYPE> Defines the document type  
<a>사용자가 클릭했을 때 브라우저를 다른 곳으로 이동하게 하는 링크를 만드는데 사용된다.

<a href="url" hame="anchor">...</a>
  • href - 사용자가 링크를 클릭했을 때 부라우저가 이동할 URL을 지정한다.
  • name - <a> 태그 내에 포함된 요소에 이름을 붙여준다. name 속성으로 지정된 이름은 다른 <a> 태그에서 참조하여 페이지 내의 링크로 사용될수 있다.
3.03.0
<abbr>HTTP나 WWW와 같은 약자(abbrevi-ation)를 표시하기 위해 사용 된다. 현재까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다.6.2 
<acronym>WAC(Women's Army Corps), Radar와 같은 두 문자어(Acronym)를 표기하기 위해 사용된다. 현재 까지의 브라우저들은 이 태그를 다른 형식으로 보여주지 못한다.6.24.0
<address>주소나 연락처와 같은 본문 블록을 정의하기 위해 사용된다. <address> 태그 블록 내부에는 다른 HTML 태그를 이용해 블록의 포맷을 변경시킬수 있다. 대개 <address> 태그는 본문 블록을 이탤릭체로 표기하며 들여쓰기는 하지 않는다.4.04.0
<applet><applet> 태그는 지정된 자바 애플릿을 실행하기 위해 사용된다. 자바 애플릿을 지원하지 않는 브라우저는 <applet>...</applet> 태그 블록을 무시한다. 애플릿이 실행하는 데 필요한 정보를 제공하는데는 <param> 태그가 함께 사용된다.2.03.0
<area>

<area> 태그는 이미지의 영역을 특정한 링크와 연결하기 위해 사용된다. 사용자가 <area> 태그로 지정된 영역을 클릭하면 href 속성으로 지정된 URL로 이동한다.

<area alt="대체 문자열" coords="좌표" href="URL" nohref shape="모양">

  • alt - <area> 태그를 지원하지 않는 브라우저에서 대체하여 표시할 문자열을 지정한다.
  • coords - 영역의 좌표를 픽셀 단위로 지정한다. 영역이 사각형(rect)일 경우 이 속성은 "왼쪽, 상단, 오른쪽, 하단" 형식이 되며, 원형(circle)일 경우 "중심x, 중심y, 반지름"이 된다. 다각형(poly)일 경우에는 다각형의 각 꼭지점을 차례로 지정한다.
  • href - <area> 태그로 지정된 영역을 클릭했을 때 브라우저가 이동할 URL을 지정한다.
  • nohref - 이 속성이 포함되어 있으면 지정된 영역이 링크와 연결되어 있지 않음을 의미한다.
  • shape - 영역의 모양을 지정한다. 사용할 수 있는 값으로는 rect, circle, poly와 default가 있다.
3.03.0
<b> * 블록에 포함된 텍스트를 볼드체로 나타나게 한다.3.03.0
<base>문서에 포함된 다른 모든 href 속성의 기본 URL을 지정한다. <base> 태그는 문서에 포함된 절대 URL을 손쉽게 다른 것으로 옮기기 위해 사용된다. 만약 문서에 포함된 모든 절대 URL을 수정하려면 <base> 태그의 href 속성만 바꾸어 주면 된다. target 속성은 목적지 윈도우를 지정한다. <base> 태그는 <head> 태그 블록 내부에서만 사용이 허용된다.

<base href="URL" target="목적지 윈도우">

3.03.0
<basefont>Deprecated. Defines a base font3.03.0
<bdo>Defines the direction of text display6.25.0
<big>텍스트의 크기를 한 단계 증가 시킨다. 반대의 기능을 하는 태그로 <small>이 있다.3.03.0
<blockquote>본문에 인용된 문구를 넣을 때 사용한다. <blockquote> 태그로 지정된 블록은 오른쪽으로 한 단계 들여쓰기 되며 <p> 태그와 마찬가지로 블록의 시작과 끝이 다른 문단과는 분리된다. <blockquote> 태그는 문단의 구조를 정의하는 태그이기 때문에 논리적으로는 입력양식이나 테이블, 리스트와 같은 태그를 포함해서는 안된다.3.03.0
<body>웹페이지의 모든 본문을 포함한다. 또한, 위의 몇가지 속성으로 본문의 속성을 지정하기도 한다.

<body bgcolor="칼러" background="URL" text="컬러" link="컬러" alink="컬러" vlink="컬러">...</body>

  • bgcolor* - 웹페이지의 배경 컬러를 지정한다.
  • background* - 웹페이지의 배경을 장식할 이미지의 URL을 지정한다. GIF와 JPEG의 두 가지 파일 형식을 사용할 수 있다.
  • TEXT* - 본문의 컬러를 지정한다.
  • link* - 일반적인 상태의 링크 컬러를 지정한다.
  • alink* - 활성화 된(클릭하고 있는) 상태의 링크 컬러를 지정한다.
  • vlink* - 이미 방문한 적이 있는 링크의 컬러를 지정한다.
3.03.0
<br>HTML 문서에 라인 끊기를 넣어준다. 즉, 본문의 줄 바꾸기를 한다. clear 속성에는 left나 right, all, 또는 none을 지정할 수 있는데, 이미지의 주위를 감싸는 텍스트의 위치를 지정하기 위하여 사용한다.


<br clear="옵션">

3.03.0
<button>Defines a push button6.24.0
<caption>테이블의 열이나 행의 앞에 헤드나 캡션을 넣어주는데 사용된다. <caption> 태그는 반드시 <table> 태그 블록에 포함되어야 한다. 이 태그의 align 속성은 두 가지 용도를 가지고 있다. 첫째로 top이나 bottom을 지정하면 캡션을 행의 상단이나 하단에 놓을지를 결정할 수 있고 left나 right를 지정하여 캡션 문자열을 왼쪽이나 오른쪽으로 지정할 수 있다. 디폴트 정렬방식은 중앙(center)이다.

<caption align="정렬 방식">...</caption>

3.03.0
<center>Deprecated. Defines centered text3.03.0
<cite>인용된 문구를 표시하기 위해 사용된다. 대부분의 브라우저는 <cite> 태그가 이용된 문구를 이탤릭 글꼴로 표시해 준다.3.03.0
<code>보통 인용된 짧은 컴퓨터 프로그래밍 언어를 표시하기 위해 사용된다. 여러 라인의 코드를 표기하려면 <pre> 태그를 사용하는것이 좋다. 브라우저는 <code> 태그가 이용된 문구를 고정된 글꼴로 표시해 준다.3.03.0
<col>Defines attributes for table columns  3.0
<colgroup>Defines groups of table columns 3.0
<dd>정의 리스트를 만들 때 리스트 항목을 정의하는 역할을 한다. 정의 리스트는 목차나 용어 설명과 같은 형식의 리스트를 만드는 데 적합하다.3.03.0
<del>Defines deleted text6.24.0
<dir>Deprecated. Defines a directory list3.03.0
<div><div> 태그와 <span> 태그는 id나 class 속성과 함께 사용되어 문단의 구조를 정의 한다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될수 있다. 보통 <span> 태그는 인라인 요소에, <div> 태그는 블록 레벨 요소에 사용된다.3.03.0
<dfn>Defines a definition term 3.0
<dl>dd 태그와 함께 사용되어 정의 리스트를 만드는데 사용된다.3.03.0
<dt>정의 리스트에 사용되어 정의 용어(definition term)를 정의한다. 모든 <dt> 태그는 반드시 <dd> 태그와 함께 사용되어야 한다. <dd> 태그는 정의 설명(definition description)을 의미한다.3.03.0
<em>지정한 블록을 강조해 줄것을 요구한다. 하지만 어떻게 강조할지는 브라우즈의 몫이다. 대부분의 브라우즈는 <em> 태그 블록의 본문을 이탤릭체로 표시한다.3.03.0
<fieldset>Defines a fieldset6.24.0
<font>Deprecated. Defines the font face, size, and color of text3.03.0
<form>사용자로부터 정보를 입력 받고 이 정보를 서버나 전자메일 주소로 보낼수 있는 방법을 제공한다. 입력 양식은 텍스트 입력 필드와 체크 박스, 라디오 버튼, 드롭다운 리스트, 버튼 등을 포함할 수 있다. 모든 입력 양식에는 반드시 submit 버튼이 있어야 하는데, 이 버튼을 클릭하는 순간 입력 양식에 입력된 정보가 서버나 전자 메일 주소로 전송된다.3.03.0
<frame>frame 태그는 프레임을 나눌 때 한 프레임의 특성을 지정하는 데 사용된다.

<frame name="프레임 이름" marginwidth="프레임 너비" marginheight="프레임 높이" noresize scrolling="yes| no| auto" src="URL">

  • name - 프레임의 이름을 지정 한다. 이 이름은 <A> 태그의 target 속성의 값에 사용된다.
  • marginwidth - 프레임 왼쪽과 오른쪽의 여백을 지정한다. 이 속성이 지정되지 않으면 브라우저가 여백의 너비를 기본값으로 결정하게 된다.
  • marginheight - 프레임 상단과 하단의 여백을 지정한다. 이 속성이 지정되지 않으면 브라우저가 여백의 너비를 기본 값으로 결정하게 된다.
  • noresize - 이 속성이 포함되어 있으면 사용자가 프레임 크기를 조정할 수 없게 된다. 만약 이 속성이 포함되어 있지 않으면 사용자가 프레임의 경계선을 드레그 하여 프레임의 크기를 조정할 수 있다.
  • scrolling - 스크롤 바를 표시할지를 결정한다. yes는 항상 표시하며, no는 표시하지 않는다. auto는 정보량이 화면의 한페이지를 넘어 가면 자동으로 스크롤바를 표시한다.
  • src - 프레임에 보여질 웹페이지의 URL을 지정한다.
3.03.0
<frameset>브라우저 윈도우를 별도로 작동하는 여러개의 윈도우(프레임)로 나누는데 사용된다. 각 프레임의 특성은 <frame> 태그로 지정한다. <frameset> 태그는 <body> 태그와 함께 사용될 수 없다. 즉, <frameset> 태그를 사용할 때는 <body> 태그 대신 사용된다.

<frameset cols="값의 리스트" rows="값의 리스트">...</frameset>

  • cols - 윈도우의 행을 몇개의 프레임으로 나눌것인지를 결정하고 각의 프레임에 크기를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다.
  • rows - 윈도우의 열을 몇개의 프레임으로 나눌것인지를 결정하고 각의 프레임에 크기를 지정한다. 값은 콤마(,)로 분리된 숫자의 리스트이며, 프레임의 크기를 지정한다.
3.03.0
<h1> to <h6>h1~h6까지의 여섯 가지 태그는 본문과 구별되는 헤딩(제목)을 표기하기 위하여 사용된다. 헤딩은 다른 본문과는 구별되도록 문단의 상단과 하단이 분리 되며, 볼드체를 사용해 다른 본문 보다는 크게 나타난다. <h1>은 가장 큰 글꼴을 사용하며, <h6>은 가장 작은 글꼴을 사용한다.

<h1 align="left| right| center">...</h1>

  • align* - 헤드가 정렬되는 방법을 결정한다. left나 right, center의 세 가지 값중의 하나를 선택할 수 있다.
3.03.0
<head>웹페이지에 직접 영향을 주는 태그는 아니지만 웹페이지 전체에 대한 몇가지 정보를 지정하는 데 사용된다. 특히, <title>과 <meta> 태그는 <head> 태그 블록에 포함 되어야 한다. 대부분의 웹프로그래머들은 자신들의 자바 스크립트나 VB 스크립트 함수가 본문이 디스플레이 되기전에 선언되도록 <HEAD> 태그 블록에 정의 한다.3.03.0
<hr><hr> 태그는 웹페이지에 음영 처리된 수평 막대(horizontal ruler)를 그리는 데 사용된다.

<hr align="정렬 방식" noshade size="두께" width="너비">

  • align* - 수평 막대가 정렬되는 방식을 지정한다. left, right, center 중 하나를 선택한다.
  • noshade - 만약 이 속성이 포함되어 있으면 임체효과를 사용하지 않고 단순한 형태의 평면 막대를 보여준다.
  • size - 수평 막대의 두께를 픽셀 단위로 지정한다.
  • width - 수평 막대의 너비를 지정한다. 부라우저 윈도우에 대한 백분율로 지정하거나, 픽셀 단위로 지정할수 있다.
3.03.0
<html>html 태그는 다른 모든 태그를 감싸는 태그로, HTML 문서의 시작과 끝에 놓인다.3.03.0
<i> * 블록에 포함된 텍스트를 볼드체로 나타나게 한다.3.03.0
<iframe>Defines an inline sub window (frame)6.04.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>

  • align - left, right, top, middle, bottom 중의 한가지 값이 될수 있으며, left나 right가 지정되면 이미지와 좌나 우에 텍스트가 위치하며 top, middle, bottom 중의 하나가 지정되면 이미지와 같은 라인에 놓이는 수직 정렬방식을 결정한다.
  • alt - 이미지를 나타낼수 없는 부라우저에서 이미지 대신 보여줄 문자열을 지정한다. 또, 표시된 이미지에 마우스를 대면 그 문자열이 나타난다.
  • border - 이미지의 테두리 두께를 지정한다. 디폴트는 테두리를 그리지 않지만 이미지를 링크로 사용했을 때는 테두리가 나타난다. border 속성을 이용하여 테두리를 감추거나 나타낼수 있다.
  • width - 이미지의 너비를 픽셀 단이로 지정한다.
  • height - 이미지의 높이를 픽셀 단위로 지정한다.
  • src - 삽입할 이미지 파일의 URL을 지정한다. GIF나 JPG를 사용할 수 있다.
  • hspace - 이미지의 좌우측 여백을 픽셀 단위로 지정한다.
  • vspace - 이미지의 상하단의 여백을 픽셀 단위로 지정한다.
  • usemap - 이미지를 클라이언트측 이미지 맵으로 사용 할 경우, 이 속성을 포함 시키고 <map> 태그 선언에서 사용한 이미지맵의 이름을 지정해 준다.
3.03.0
<input><input> 태그는 입력 양식에 다양한 입력 양식 요소를 만드는 데 사용된다. 각각의 입력 양식 요소에는 한개씩의 <input> 태그가 필요하며, 입력 양식 요소의 종류는 type 속성을 통해 제어한다.

<input align="정렬 방식" checked maxlength="최대 넓이" name="이름" size="크기" src="URL" type="입력 요소의 종류" value="값">

  • align - type 속성이 image 일때만 효과가 있다. left, right, top, middle, bottom 중의 한가지 값을 사용할 수 있다,
  • checked - type 속성이 radio이거나 checkbox일 때에만 효과가 있다. 라디오 버튼과 체크박스는 선택된 상태와 선택되지 않은 두가지 상태가 있는데, 태그 선언에 checked 속성이 포함되어 있으면 이들 요소를 선택된 상태로 만든다.
  • maxlength - type 속성이 text 이거나 password일 때만 효과가 있다. 이 속성은 사용자가 입력 필드에 입력할 수 있는 수를 제한 한다.
  • name - 입력 양식 요소에 입력된 데이터의 이름을 지정한다. 이 이름은 웹 서버에 데이터가 전송된 후에 데이터를 처리하기 위해 사용된다.
  • size - type 속성이 text이거나 image일 때만 효과가 있다. 이 속성은 입력 필드의 길이를 지정한다.
  • src - type 속성이 이미지일 때만 효과가 있다. 입력 양식에 추가할 이미지 파일의 URL을 지정한다. 이미지 필드는 submit 버튼과 비슷하게 작동한다. 이미지 필드가 클릭되면 클릭된 좌표와 함께 입력된 데이터가 서버에 전송된다.
  • type - type 속성은 input 필드로 만들어진 입력 양식 요소의 종류를 지정한다. 사용할 수 있는 값은 image,text, password, checkbox, radio, submit, rest, hidden이 있다. 이 속성이 생략되면 text가 만들어 진다.
  • value - 입력 양식 요소의 디폴트 값을 지정한다. reset 버튼이 클릭되면 value 속성에 지정된 디폴트 값이 요소에 저장된다.
3.03.0
<ins>Defines inserted text6.24.0
<isindex>Deprecated. Defines a single-line input field. Use <input> instead3.03.0
<kbd>Defines keyboard text3.03.0
<label>Defines a label for a form control6.24.0
<legend>Defines a title in a fieldset6.24.0
<li><li> 태그는 <ol>이나 <ul> 태그 블록의 내부에 포함되어 리스트의 항목을 정의 한다. <ol> 태그 블록에 포함될 때는 리스트 항목의 앞에 번호를 붙여 주며, <ul> 태그 블록에 사용될 때는 블릿 문자를 붙여 준다.3.03.0
<link><link> 태그는 현재 문서와 다른 문서 사이의 관계를 정의한다. <a> 태그와도 비슷하지만 <link> 태그는 문서의 헤드 섹션에만 사용할 수 있다. 미래에 만들어질지 모르는 다양한 기능을 위해 디자인된 태그지만, 현재는 주로 스타일 시트 파일을 연결하는 데 사용된다.

<link href="URL" rel="문서의 관계" rev="반대의 관계" title="타이틀">

  • href - 연결할 문서의 URL을 지정한다.
  • rel - 현재의 문서와 href 속성으로 연결된 문서 사이의 관계를 지정한다.
  • rev - reverse link를 정의 한다.
  • title - 연결할 문서의 타이틀을 지정한다.
4.03.0
<map>클라이언트측 이미지맵을 정의하는데 사용된다. name 속성에 지정된 이름은 <IMG> 태그의 usemap 속성에 사용된다.3.03.0
<menu>Deprecated. Defines a menu list3.03.0
<meta>웹페이지에 대한 정보를 지정하거나 웹페이지의 HTTP 헤더를 지정하는데 사용될 수 있다. <meta> 태그는 항상 문서의 헤더 섹션에 포함되어야 한다.3.03.0
<noframes>프레임을 지원하지 않는 브라우저에서 보여줄 내용을 지정한다.3.03.0
<noscript>Defines a noscript section3.03.0
<object>웹페이지에 여러가지 형태의 객체를 추가하기 위해 사용된다. 객체는 자바 애플릿일 수도 있고 이미지 파일이나 여러가지 포맷의 멀티미디어 파일일 수도 있다. <object> 태그는 HTML 4.0 이 <applet>이나 <embed> 태그 대신 권장하고 있는 새로운 태그이다.

<object classid="객체의 URL" codebase="애플릿 클래스 파일의 URL" data="객체 데이터의 위치" type="객체의 종류" codetype="객체의 타입" archive="객체가 이용할 데이터" width="객체의 너비" height="객체의 높이" standby="스탠바이 문자열" usemap="이미지맵의 이름" name="객체의 이름">

  • classid - 객체의 URL을 지정한다.
  • codebase - 추가하려는 객체가 자바 애플릿일 경우 애플릿 클래스 파일의 URL을 지정한다.
  • data - 객체 데이터의 위치를 지정한다.
  • type - 객체의 종류를 지정한다.
  • codetype - 객체의 타입을 지정한다.
  • archive - 객체가 이용할 데이터 파일을 콤마로 분리된 리스트로 지정한다.
  • width - 객체의 너비를 픽셀로 지정한다.
  • height - 객체의 높이를 픽셀로 지정한다.
  • standby - 객체를 로드하는 동안 보여줄 문자열을 지정한다.
  • usemap - 객체가 이미지이고 클라이언트측 이미지맵으로 사용될 경우 이미지맵 선언의 이름을 지정한다.
  • name - 객체의 이름을 지정한다.
 3.0
<ol>Defines an ordered list3.03.0
<optgroup>Defines an option group6.06.0
<option>입력 양식내에 리스트 박스나 드롭다운 리스트를 만드는 데 사용된다. <option> 태그는 항상 <select> 태그 블록에 포함된다.

<option selected value="값">...</option>

  • selected - 이 속성이 포함되어 있으면 리스트 박스나 드롭다운 리스트가 초기화될 때 옵션이 선택된 상태가 된다.
  • value - 입력 양식이 서버로 전송될 때 전송될 값을 지정한다.
3.03.0
<p>논리적인 하나의 문단을 지정하는데 사용된다.

<p align="정렬방식">...</p>

  • align* - 문단의 정렬방식을 지정한다. left, right, center의 세가지 값중의 하나를 선택할 수 있다.
3.03.0
<param>자바 애플릿에 인자를 제공하기 위해 사용된다. <param> 태그는 반드시 <applet> 태그 블록에 포함된다.

<param name="이름" value="값">

  • name - 인자의 이름을 지정한다.
  • value - 인자의 값을 지정한다.
3.03.0
<pre>pre 태그 블록은 HTML 소스에 나타난 문단의 형태를 그대로 웹페이지에 보여주는데 사용된다. 보통 문단은 고정폭 글꼴을 사용해 보여진다.3.03.0
<q>Defines a short quotation6.2 
<s>Deprecated. Defines strikethrough text3.03.0
<samp>프로그램이 출력한 정보를 그대로 보여주기 위해 사용된다.보통 고정폭 글꼴이 사용되지만 모든 브라우저가 고정폭 글꼴을 사용하는것은 아니다. 확실하게 고정폭 글꼴을 사용하고자 한다면 <tt나> <pre>를 사용하는것이 좋다.3.03.0
<script>HTML 문서내에 자바 스크립트나 VB 스크립트를 포함시키기 위해 사용된다. 모든 브라우저가 이 두가지 스크립터 언어를 지원하는 것은 아니다.3.03.0
<select>select 태그는 입력 양식에 드롭다운 리스트를 만드는데 사용된다. <select> 태그는 반드시 <from> 태그 블록에 포함되어야 하며, 드롭다운 리스트 항목은 <option> 태그를 이용해 지정한다.

<select multiple name="이름" size="값">...</select>

  • multiple - 이 속성이 포함되어 있으면 드롭다운 리스트에서 동시에 여러 항목을 선택할 수 있게 된다.
  • name - name 속성은 반드시 지정되어야 한다. 이 속성에 지정된 이름은 웹 서버에 입력 양식 정보가 전달될 때 함께 전달된다.
  • size - 드롭다운 리스트에서 한번에 몇개의 항목이 보여질지 결정한다.
3.03.0
<small>텍스트의 크기를 한 단계 감소 시킨다. 반대의 기능을 하는 태그로 <big>이 있다.3.03.0
<span><div> 태그와 <span> 태그는 id나 class 속성과 한께 사용되어 문단에 구조를 정의하기 위하여 사용된다. HTML 4.0 이전에는 큰 용도가 없었으나 이제는 스타일 시트와 결합되어 다양한 용도로 응용될 수 있다. 보통 <SPAN> 태그는 인라인 요소에, <DIV> 태그는 블록 레벨 요소에 사용된다.4.03.0
<strike>Deprecated. Defines strikethrough text3.03.0
<strong>본문을 강하게 강조한다. 대부분의 브라우저는 <strong> 태그가 사용된 본문을 볼드체로 보여준다.3.03.0
<style>웹 페이지에 스타일 시트 선언을 포함하기 위해 사용된다. 아직 모든 브라우저가 스타일 시트를 지원하지는 않는다.

<style type="text/css">...</style>

  • type - 이 속성에는 항상 "text/css"를 넣어 주어야 한다.
4.03.0
<sub> * 본문을 아래첨자 형식으로 보여준다.아래첨자로 지정된 본문은 일반 본문보다 약간 작고 아래쪽에 보여진다.3.03.0
<sup>Defines superscripted text3.03.0
<table><table> 태그는 테이블을 만들기 위해 사용된다. <table> 태그가 가진 속성들은 테이블 전체에 영향을 주는 특성들, 즉 테이블의 정렬 방식이나 배경 색상, 경계선의 두께등을 지정하며, 실제로 테이블의 열과 셀을 만드는 태그는 <table> 태그 블록에 포함되는 <tr>과 <td> 태그이다.

<table align="정렬방식" bgcolor="바탕 색상" border="경계선의 두께" cellpadding="셀과 경계선의 간격" cellspacing="셀 사이의 간격" width="테이블의 너비">...</table>

  • align* - 테이블이 정렬되는 방법을 결정한다. left, center, right 중의 한가지를 선택할수 있다.
  • bgcolor - 테이블의 배경 색상을 지정한다. 색상 이름이나 색상 코드를 사용할 수 있다.
  • border - 테이블의 경계선 두께를 픽셀 단위로 지정한다.
  • cellpadding - 테이블의 경계선과 셀 본문의 간격을 픽셀 단위로 지정한다.
  • cellspacing - 셀과 셀 사이의 간격을 픽셀 단위로 지정한다.
  • width - 테이블의 너비를 지정한다. 브라우저 너비의 비율로 지정하거나 픽셀 단위로 지정할 수 있다. 예를 들어, width=80% 형식은 브라우저 너비의 80% 너비를 의미하고, width=500은 500 픽셀 너비를 의미한다.
3.03.0
<tbody>Defines a table body 4.0
<td><td> 태그는 테이블에 셀을 만드는데 사용된다. <td> 태그는 반드시 <tr> 태그에 포함되어야 한다.

<td align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap>...</td>

  • align* - 테이블 셀에 포함될 내용이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 사용할 수 있다.
  • colspan - 테이블 셀이 여러개의 행에 걸쳐 합칠 때 합칠 개수를 지정한다.
  • rowspan - 테이블 셀이 여러개의 열에 걸쳐 합칠 때 합칠 개수를 지정한다.
  • width* - 테이블의 너비를 픽셀 단위로 지정한다.
  • height* - 테이블의 높이를 픽셀 단위로 지정한다.
  • valign - 테이블 셀에 포함될 내용이 수직으로 정렬될 방법을 결정한다. top, middle, bottom 중에서 한가지를 선택할 수 있다.
  • nowrap* - 테이블 셀의 본문에 셀의 너비에 맞추어 자동으로 줄을 바꾸지 못하도록 한다.
3.03.0
<textarea>입력 양식에 여러 라인의 문자열을 입력할 수 있는 문자열 입력 필드를 만들어 준다. <textarea> 태그는 반드시 <form> 태그 블록의 내부에 포함되어야 한다.

<textarea cols="행의 수" name="이름" rows="열의 수">...</textarea>

  • cos - 문자열 입력 필드의 행의 수를 지정한다.
  • name - 사용자가 입력 필드에 입력한 문자열의 이름을 지정한다.이 이름은 데이터가 서버에 전송될 때 함께 전송된다.
  • rows - 문자열 입력 필드의 열의 수를 지정한다.
3.03.0
<tfoot>Defines a table footer 4.0
<th><th> 태그는 <td> 태그와 마찬가지로 테이블의 셀을 만든다. 다른 점은 셀에 포함되는 본문이 중앙으로 정렬되는 것이 기본값이며, 본문이 볼드체로 나타난다는 것이다. <th> 태그는 주로 다른 셀의 헤더로 사용될 셀을 만드는 데 사용된다.

<th align="정렬 방식" colspan="값" width="너비" height="높이" valign="수직 정렬 방식" nowrap>...</th>

  • align* - 테이블 셀에 포함될 내용이 정렬되는 방법을 결정한다. left, center, right 중의 한 가지를 사용할 수 있다.
  • colspan - 테이블 셀이 여러개의 행에 걸쳐 합칠 때 합칠 개수를 지정한다.
  • rowspan - 테이블 셀이 여러개의 열에 걸쳐 합칠 때 합칠 개수를 지정한다.
  • width* - 테이블의 너비를 픽셀 단위로 지정한다.
  • height* - 테이블의 높이를 픽셀 단위로 지정한다.
  • valign - 테이블 셀에 포함될 내용이 수직으로 정렬될 방법을 결정한다. top, middle, bottom 중에서 한가지를 선택할 수 있다.
  • nowrap* - 테이블 셀의 본문에 셀의 너비에 맞추어 자동으로 줄을 바꾸지 못하도록 한다.
3.03.0
<thead>Defines a table header 4.0
<title>웹 페이지의 타이틀을 지정한다. <title> 태그는 반드시 <head> 태그 블록에 포함되어야 한다.3.03.0
<tr>테이블 내에 열을 만들기 위해 사용된다. <tr> 태그는 반드시 <table> 태그 블록에 포함되어야 하며, 원하는 열의 개수 만큼 <tr> 태그가 필요하다. <tr> 태그 블록에는 <td>나 <th>가 포함되어 셀을 만들어 낸다.

<tr align="정렬 방식" valign="수직 정렬 방식">...</tr>

  • align - 열에 포함될 셀의 디폴트 정렬 방식을 결정한다. left, center, right 중의 한 가지 값이 될수 있다.
  • valign - 열에 포함될 셀의 디폴트 수직 정렬 방식을 결정한다. top, middle, bottom 중에서 한가지 값을 선택할 수 있다.
3.03.0
<tt>본문을 텔레타이프 형식으로 보여 준다. 대부분의 브라우저는 <tt> 태그 블록의 본문을 고정폭 글꼴을 사용해 보여준다.3.03.0
<u>Deprecated. Defines underlined text3.03.0
<ul><ul> 태그는 블릿 리스트를 만드는 데 사용된다. 리스트 항목은 <li> 태그로 정의 한다.

<ul compact type="종류">...</ul>

  • compact - 이 속성이 포함되어 있으면 리스트를 최대한 작은 공간을 차지하도록 표시해 준다. 현재의 브라우저들은 이 속성을 지원하지 못한다.
3.03.0
<var>컴퓨터 프로그램의 변수를 표시하기 위해 사용한다. 이 태그를 보여 주는 방식은 브라우저 마다 차이를 보인다.3.03.0
<xmp>Deprecated. Defines preformatted text. Use <pre> instead3.03.0

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar