7thSpace HTML Reference

Our HTML reference is a very useful tool for webmasters to learn how to use HTML tags correctly. Using HTML correctly is a key factor for a successful web site.

code promo
Visit the link above to find the best coupon codes without waiting another minute.
Advertisement

HTML Reference

<!-- -->	Allows the author of the webpage to insert a comment. (not visible in the browser)
<a>	Defines a link (also called an anchor) to another page, document or file.	inline
<abbr>	Flags an abbreviated form of a word by giving the abbreviation a dotted underline.	inline
<acronym>	Flags an acronym by giving the acronym a dotted underline. (similar to <abbr>)	inline
<address>	Used to define an area of text to be shown as an address. (usually shown in italics)	block-level
<area>	This defines an area within an image map. (used with the <map> tag)	inline
<base>	This defines a base URL for all links on your page.	inline
<bdo>	Used to define the direction ib which text is displayed.	inline
<big>	Used to make the text bigger relative to the default text size.	inline
<blockquote>	This is used to define a long quotation.	block-level
<body>	Defines the visible content area of the page.
<br>	Inserts a single line break.	inline
<button>	Defines a simple button that can be clicked on, as used in a form.	block-level/inline
<caption>	Sets a caption or heading to display within a table.	inline
<cite>	This is used to mark citations, such as the titles of newspapers.	inline
<code>	This is used to mark text as computer code.	inline
<col>	Used to define the attribute values for columns in a table.	inline
<colgroup>	Used to define a group of table columns.	inline
<dd>	Provides the definition of a term in a definition list.	inline
<del>	Used to represent deleted text. A strikeout line is placed through the text.	block-level/inline
<dfn>	This is used to mark text as a definition term.	inline
<div>	Defines a section or division of a document.	block-level
<dl>	Defines a definition list.	block-level
<dt>	Defines a definition within a definition list.	block-level
<em>	This is used to emphasize text. Most browsers display emphasized text in italics.	inline
<fieldset>	Defines a fieldset box, drawing a box around its containing elements.	block-level
<form>	Creates a form which allows user input.	block-level
<frame>	Defines a sub window of a frameset.	inline
<frameset>	Defines a frameset. Used to organize multiple windows or frames within a page.	block-level
<h1> to <h6>	This group of elements define headings. <H1> is the largest, <H6> the smallest.	block-level
<head>	Used to contain header information about the document, such as its title.
<hr>	Used to insert a horizontal rule.	inline
<html>	Used to tell the browser that this is a HTML document. Contains the HTML document.
<iframe>	Creates an inline frame that contains another page or document.	block-level/inline
<img>	Defines an image to display.	inline
<input>	Defines an input field on a form.	inline
<ins>	Used to show inserted text. Most browsers indicate inserted text by underlining it.	inline
<kbd>	Used to mark text as keyboard text. Most browsers show it as truetype text.	inline
<label>	Defines a label for use in a form.	inline
<legend>	Defines a caption for a fieldset.	inline
<li>	Defines a list item.	block-level
<link>	Defines the relationship between linked documents e.g. HTML page and stylesheet	inline
<map>	used to define a client-side image map.	block-level/inline
<meta>	Provides information about your page such as description, author and keywords.
<noframes>	Defines alternative content (usually text) for browsers with no frame support.	block-level
<noscript>	Defines alternative content for the browser should a script not be executable.	block-level
<object>	Defines an embedded object. Used to add multimedia content to a page.	block-level/inline
<ol>	Defines the beginning of an ordered list.	block-level
<optgroup>	Defines an option group within a drop-down list. Makes selection easier.	inline
<option>	Defines an option within a drop-down list.	inline
<p>	Defines a paragraph.	block-level
<param>	Used to define parameters for an object.	inline
<pre>	Defines preformatted text. Spaces and line breaks are preserved.	block-level
<q>	This is used to define a short quotation.	inline
<samp>	This is used to mark text as sample computer code.	inline
<script>	Defines a client-side script such as JavaScript.	block-level/inline
<select>	Used to create a drop-down list. Used with <Option> tag.	inline
<small>	Used to make the text smaller relative to the default text size.	inline
<span>	Use to defines a section of a document.	inline
<strong>	Defines strong emphasized text.	inline
<style>	Defines a style for your document.
<sub>	Defines subscript text.	inline
<sup>	Defines superscript text.	inline
<table>	Used to define a table containing rows and cells.
<tbody>	Defines a table body.	block-level
<td>	Defines a cell within a table.	block-level
<textarea>	Used to define a textarea within a form.	inline
<tfoot>	Defines a table footer.	block-level
<th>	Defines a header cell within a table.	block-level
<thead>	Defines a table header.	block-level
<title>	Used to define the title of the page.
<tr>	Defines a table row within a table.	block-level
<tt>	Defines teletype or mono spaced text	inline
<ul>	This defines an unordered list.	block-level
<var>	This tag defines a variable.	inline

 Comment Tag

The  tag is used to place a comment in your HTML code. The comment will not be visible in the web browser. Comments will help you when you are viewing your code.

Attributes: None

Example:

<a> Anchor Tag

The <a> tag is used to create an anchor or "link", which allows linking from one page to another. It is also possible to create a link that links to a particular part of a page by using the name attribute.

Attributes:

	charset
	Value: character encoding
	Sets the type of character encoding for the target link.

	coords
	Value:
	rect shapes → left, top, right, bottom
	circ shapes → centerx, centery, radius
	poly shapes → x1, y1, x2, y2, ... xn,yn
	Sets the coordinates for the shape attribute defined by an area of an image used in image maps.

	href
	Value: URL
	Sets the anchor tag to visit a target URL specified by the href attribute.

	hreflang
	Value: language code
	Specifies the language that will be used on a target URL.

	name
	Value: section name
	Applies a name to an anchor tag. It can be used to create a link to a specific section of a document, either in the same document or in another document.

	rel
	Value: alternate, appendix, bookmark, chapter, contents, copyright, designates, glossary, help, index, next, prev, section, subsection, start, stylesheet
	Defines the relationship between the current page and the target page.

	rev
	Value: same as rel
	Defines the relationship between a target link and the current document.

	shape
	Value: circ, circle, poly, polygon, rect, rectangle
	Defines the shape of a region that will be used in an image map. Used with the coords attribute.

	target
	Value: _top, _parent, _self, _blank, window/frame name
	Sets the target location of the URL.
	_top: Makes the browser open the target link in the full size of the current window. _parent: Makes the target link open in the parent window. _self: Makes the browser open the url in the current window. _blank: Makes the browser open a new window.
	Window/frame name values always open the link in the target window/frame containing the same name.

	type
	Value: mime type
	Defines the MIME (Multipurpose Internet Mail Extensions) type for the target link.

Example:

<a href="mydirectory/myfile.htm">My File</a>

Output:

My File

<abbr> Abbreviation Tag

The <abbr> tag is used to show an abbreviated form, usually by showing a dotted line under the text. Using the <abbr> tag can provide useful information to browsers and search-engine robots. Most browsers will display the meaning of the abbreviation when the mouse is placed over the text.

Attributes: None

Example:

<abbr title="et cetera">etc</abbr>

Output:

etc

<acronym> Acronym Tag

The <acronym> tag is used to show an acronym, usually by showing a dotted line under the text. Using the <acronym> tag can provide useful information to browsers and search-engine robots. Most browsers will display the meaning of the acronym when the mouse is placed over the text.

Attributes: None

Example:

<acronym title="Chief Executive Officer">CEO</acronym>

Output:

CEO

<address> Address Tag

The <address> tag is used to indicate an address, usually showing the text in italics.

Attributes: None

Example:

<address>
Anne Other<br />
Anywhere Street<br />
Someplace
</address>

Output:

Anne Other
Anywhere Street
Someplace

<area> Area Tag

The <area> tag defines an area within an image map. The area tag may contain many attributes defining the shape and location of the region.

Attributes:

	alt
	Value: alternative text
	Used to display alternative text for an area of the image map.

	coords
	Value:
	for shape="rect" → coord="left, top, right, bottom"
	for shape="circ" → coords="centerx, centery, radius"
	shape="poly" → coords="x1, y1 ,x2 ,y2 , ... ,xn , yn"
	Used to set the coordinates for a shape within an image map. Makes the area clickable.

	href
	Value: URL
	Defines a URL for the specified area.

	nohref
	Value: true, false
	Disables a link to a specific area of an image map.

	shape
	Value: rect, rectangle, circ, circle, poly, polygon
	Defines the type of shape of the area.

	target
	Value: _top, _parent, _self, _blank
	Defines the target location for the link of the HREF attribute.

Example:

<base> Base Tag

The <base> tag is used to define a base URL for all of the links on your page.

Attributes:

	href
	Value: URL
	Defines the base URL that will be added to the front of all links within the page.

	target
	Value: _top, _parent, _self, _blank
	Defines a target location to be used for all links within the page.

Example:

<base href="http://www.mydomain.com/" target="_self">

<bdo> Bidirectional Overwrite Tag

The <bdo> tag is used to define the direction in which text is displayed.

Attributes:

	dir
	Value: ltr (left to right), rtl (right to left)
	This attribute defines the direction of the text.

Example:

<bdo dir="rtl">The text goes right to left</bdo>

Output:

The text goes right to left

<big> Big Tag

The <big> tag makes the text bigger relative to the default text size.

Attributes: None

Example:

<big>This text uses the big tag</big>

Output:

This text uses the big tag

<blockquote> Blockquote Tag

The <blockquote> tag defines the start and end of a long quotation. Most browsers will put a margin around the quotation text. The optional "cite" attribute is used to provide a URL for the long quotation. Information about the URL is not displayed on th epage but can be selected by right clicking on the long quotation and selecting "properties".

Attributes:

	cite
	Value: URL
	Defines a link for the quote.

Example:

Here is a long quotation: <blockquote cite="http://www.someurl.com/quote.htm"> This is a long quotation, this is a long quotation, this is a long quotation, this is a long quotation, this is a long quotation.</blockquote>

Output:

Here is a long quotation:

This is a long quotation, this is a long quotation, this is a long quotation, this is a long quotation, this is a long quotation.

<body> Body Tag

The <body> tag is used to define the body of the HTML page.

Attributes: None (Previous attributes have been deprecated).

Example:

<html>
<head>
<title>My Webpage</title>
</head>

</html>

<br> Line Break Tag

The <br> tag inserts a single line break. There is no <br> ending tag.

Attributes: None

Example:

This example contains a <br> line break

Output:

This example contains a
line break

<button> Button Tag

The <button> tag creates a clickable button. Content within the including images and text appears on the button.

Attributes:

	name
	Value: button name
	Sets a unique name which allows the parsing (passing) of information from the button or use in a scripting language such as JavaScript.

	disabled
	Value: disabled
	Prevents the button from being clicked on.

	type
	Value: button, submit, reset
	Defines the type of button used. Submit and reset are purely for use in a form. The button type can be used for other uses outside of a form

Example:

<button>Click Here</button>

Output:

<caption> Caption Tag

The <caption> tag creates a caption or heading for display in a table. It can only be used once within a table. The caption or heading will normally appear in the center above the table.

Attributes: None (Previous attributes have been deprecated).

Example:

<table border="1" >
<caption>This is a table caption</caption>
<tr>
<td>A table cell</td>
</tr>
</table>

Output:

This is a table caption
A table cell

<cite> Citation Tag

The <cite> tag defines a citation. Most browsers display a citation in italics.

Attributes: None

Example:

<cite>This is citation text </cite>

Output:

This is citation text

<code> Code Tag

Thie <code> tag makes text appear as computer code.

Attributes: None

Example:

<code>computer code text</code>

Output:

computer code text

<col> Col Tag

The <col> tag defines the values for columns in a table. It must be used inside the colgroup tag.

Attributes:

	align
	Value: left, right, center, justify, char
	Defines the horizontal alignment of the data contained within a column of the table.

	char
	Value: character
	Sets a character to use when aligning text with align="char".

	charoff
	Value: pixels, percent
	Defines an alignment offset. Used with char and align="char".

	span
	Value: number
	Sets the number of columns that the "col" should span across.

	valign
	Value: top, middle, bottom, baseline
	Defines the vertical alignment of the data within a table cell as defined by the column.

	width
	Value: pixels, percent, relative unit
	Sets the width of the column.

Example:

Output:

<colgroup> Colgroup Tag

The <colgroup> tag defines a group of table columns. It allows the specification of the format for a group of columns within the table.

Attributes:

	align
	Value: left, right, center, justify, char
	Defines the horizontal alignment of the data contained within the column group.

	char
	Value: character
	Defines a character to align text in conjunction with align="char".

	charoff
	Value: pixels, percent
	Defines an alignment offset. Used in conjunction with char and align="char".

	span
	Value: number
	Defines the number of columns the colgroup will span across.

	valign
	Value: top, middle, bottom, baseline
	Defines the vertical alignment of the data within the column group.

	width
	Value: pixels, percent, relative unit
	Defines the width of the column group.

Example:

<table border="1">
<colgroup span="2">
</colgroup>
<tr>
<td>Column 1 / Colgroup 1</td>
<td>Column 2 / Colgroup 1</td>
<td>Column 3 / Colgroup 2</td>
</tr>
</table>

Output:

Column 1 / Colgroup 1

Column 2 / Colgroup 1

Column 3 / Colgroup 2

<dd> Definition Description Tag

The <dd> tag defines the description of a term in a definition list. Most browsers indent the term under the definition.

Attributes: None

Example:

<dl>
<dt>Definition</dt>
<dd>Description</dd>
</dl>

Output:

Definition: Description

<del> Deleted Text Tag

The <del> tag marks deleted text with a strike-through.

Attributes:

	cite
	Value: URL
	Defines a URL to another document which explains why the text was deleted.

	datetime
	Value: YYYMMDD
	Defines the date and time the text was deleted.

Example:

The student made <del>three</del> four mistakes.

Output:

The student made ~~three~~ four mistakes.

<dfn> Definition Term Tag

The <dfn> tag defines a definition term. Most browsers will present it in italics.

Attributes: None

Example:

<dfn>This is a definition term</dfn>

Output:

This is a definition term

<div> Division Tag

The <div> tag defines a section or division of the page. It is a block-level element containing a line break and can accept any other html element within it.

Attributes: None (Previous attributes have been deprecated).

Example:

<div>
The div tag can contain any other html element
</div>

Output:

The div tag can contain any other html element

<dl> Definition List Tag

The <dl> tag defines a definition list that contains definitions and their descriptions.

Attributes: None

Example:

<dl>
<dt>Definition</dt>
<dd>Description</dd>
</dl>

Output:

Definition: Description

<dt> Definition List Item Tag

The <dt> tag defines a definition within a definition list.

Attributes: None

Example:

<dl>
<dt>Definition</dt>
<dd>Description</dd>
</dl>

Output:

Definition: Description

<em> Emphasized Text Tag

The <em> tag marks text as emphasized. In most browsers the emphasized text is shown in italics.

Attributes: None

Example:

<em>This text is emphasized</em>

Output:

This text is emphasized

<fieldset> Fieldset Box Tag

The <fieldset> tag defines a fieldset, creating a box around its elements.

Attributes: None

Example:

<fieldset>
First Name <input type="text" name="firstName"> Last Name <input type="text" name="lastName">
</fieldset>

Output:

First Name Last Name

<form> Form Tag

The <form> tag creates a form in which a user can input data. Forms may contain many different elements including text fields, text areas, check boxes and radio buttons.

Attributes:

	action
	Value: URL
	Defines a URL or link where the form data will be submitted.

	method
	Value: get, post
	Defines how the data is sent. In a post request the form names and values are hidden in the browser. With the get method, the form information is added to the end of the URL.

	accept
	Value: content type/s
	List of accepted types (separated by commas).

	accept-charset
	Value: character set/s
	List of character sets (separated by commas).

	enctype
	Value: mimetype
	Used to encode the contents of the form.

	name
	Value: form name
	Defines a unique name for the form. Very useful when using any client-side scripting such as JavaScript.

	target
	Value: _parent, _self, _top, _blank
	Defines the target location for the form.

Example:

Output:

<frame> Frame Tag

The <frame> tag defines a frame.

Attributes:

	frameborder
	Value: 0, 1
	Switches border on/off.

	longdesc
	Value: URL
	Defines a URL that contains a long description of the frame (For browsers that do not support frames).

	marginheight
	Value: pixel
	Defines the top and bottom margins for the frame.

	marginwidth
	Value: pixel
	Defines the left and right margins for the frame.

	name
	Value: frame name
	Defines a unique frame name. Used in conjunction with the target attribute for forms/links.

	noresize
	Value: noresize
	Means that the frame can not be resized.

	scrolling
	Value: yes, no, auto
	Controls the scrolling of the frame.

	src
	Value: URL
	The src attribute specifies a URL include in the frame.

Example:

<frameset> Frameset Tag

The <frameset> tag defines a frameset. It is used to organize multiple windows (frames).

Attributes:

	cols
	Value: pixel, percent, *
	Defines the size and number of columns.

	rows
	Value: pixel, percent, *
	Defines the size and number of rows

Example:

The <H1> to <H6> tags define headings. Text is displayed in bold, large text. H1 is the largest, H6 the smallest.

Attributes: None (Previous attributes have been deprecated).

Example:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h2>Heading 2</h3>
<h2>Heading 2</h4>
<h2>Heading 2</h5>
<h3>Heading 3</h6>

Output:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

<head> Head Tag

The <head> tag contains information about the document. The browser does not display the head information.

Attributes: None

Example:

<hr> Horizontal Rule Tag

The <hr> tag inserts a horizontal rule.

Attributes: None

Example:

Before the hr tag
<hr>
After the hr tag

Output:

Before the hr tag

After the hr tag

<html> HTML Document Tag

The <html> tag tells the browser that it is dealing with a html document.

Attributes:

	dir
	Value: ltr (left to right), rtl (right to left)
	Defines the direction of text.

	xmlns
	Value: http://www.w3.org/1999/xhtml
	Defines the XML namespace.

Example:

<iframe> Iframe Tag

The <iframe> tag allows the creation of an inline frame. An iframe can be embedded anywhere within the page but may not be contained in a framset.

Attributes:

	align
	Value: left, right, top, middle, bottom
	Defines how the iframe will be aligned.

	frameborder
	Value: 0, 1
	Switches the border on/off.

	height
	Value: pixels, percentage
	Defines the height of the iframe.

	longdesc
	Value: URL
	Specifies a URL to a long description of the frame contents.

	marginheight
	Value: pixel
	Defines top and bottom margins for the iframe.

	marginwidth
	Value: pixel
	Defines left and right margins for the iframe.

	name
	Value: frame name
	Defines a unique name for the iframe.

	scrolling
	Value: yes, no, auto
	Controls the scrolling of the iframe.

	src
	Value: URL
	Provides a link to the source that is displayed in the iframe.

	width
	Value: pixel, percent
	Defines the width of the iframe.

Example:

<img> Image Tag

The <img> tag defines an image.

Attributes:

	alt
	Value: alternative text
	Defines alternative text to display if the image can not be displayed Most browsers will display the alternative text when the mouse is placed over the image.

	src
	Value: URL
	A URL to the image.

	height
	Value: pixels, percent
	Defines the height of the image.

	width
	Value: pixels, percent
	Defines the width of the image.

	ismap
	Value: URL
	Makes the image a server-side image map.

	longdesc
	Value: URL
	URL to a page about the image.

	usemap
	Value: URL
	Makes the image client-side image map. Used with the map tag.

Example:

<img src="someimage.jpg" width="180" height="90" alt="Some Image ">

<input> Input Field Tag

The <input> tag defines an input field where data can be entered.

Attributes:

	accept
	Value: mime type/s
	Defines the accepted MIME types of the file. This attribute is only used with type="file".

	align
	Value: left, right, texttop, middle, baseline, bottom
	This is only used in conjunction with type="image" to align the text following the image.

	alt
	Value: alternative text
	Defines alternative text to display in place of the image. Used only with with type="image".

	checked
	Value: checked
	Defines if a radio button or checkbox is checked when it is loaded. Used only with type="radio" and type="checkbox".

	disabled
	Value: disabled
	Disables an input field so that a user cannot select it or input to it.

	maxlength
	Value: length
	Specifies the maximum number of characters that an input field will accept.

	name
	Value: field name
	Sets a unique name for the input field which can be used in server or client side scripting

	readonly
	Value: readonly
	Sets the input fields value to be read only. It cannot be modified but it can be selected.

	size
	Value: length
	Defines the size of the input field based on number of characters.

	src
	Value: URL
	Specifies the URL to an image to display. Only used with type="image".

	type
	Value: button, checkbox, file, hidden, image, password, radio, reset, submit, text
	Sets the type for your input element with a default value of "text".

	value
	Value: value
	Sets the value for the input field.

Example:

<input type="text" name="yourEmail" value="Your E-mail Address">

Output:

<ins> Inserted Text Tag

The <ins> tag marks inserted text. Inserted text is underlined in most browsers.

Attributes:

	cite
	Value: URL
	Link to a document that explains why the text is inserted.

	datetime
	Value: YYYYMMDD
	Sets the date and time when the text was inserted

Example:

The student made <del>three</del> <ins>four</ins> mistakes.

Output:

The student made ~~three~~ four mistakes.

<kbd> Keyboard Text Tag

The <kbd> tag marks text as keyboard text. In most browsers it appears like truetype text

Attributes: None

Example:

<kbd>This text uses the keyboard tag</kbd>

Output:

This text uses the keyboard tag

<label> Label for Form Control Tag

The <label> tag specifies a label for form control.

Attributes:

	for
	Value: id of an input field
	Defines which form element the label is for. Set to an ID of a form element. Note: If this attribute is not specified, the label is associated with its contents.

Example:

<label for="email">Your Email</label> <input type="text" name="eMail" id="email">

Output:

Your Email

<legend> Caption for Fieldset Box Tag

The <legend> tag sets a caption for a fieldset box.

Attributes:

	align
	Value: left, center, right
	Specifies the alignment of the content within the fieldset.

Example:

<fieldset>
<legend>Your Details</legend>
First Name <input type="text" name="fName">
Last Name <input type="text" name="lName">
</fieldset>

Output:

Your Details First Name Last Name

<li> List Item Tag

The <li> tag defines a list item. This tag can be used in either ordered or unordered lists.

Attributes: None (Previous attributes have been deprecated).

Example:

<ul>
<li>Milk</li>
<li>Sugar</li>
<li>Eggs</li>
</ul>

Output:

Milk
Sugar
Eggs

<link> Link Tag

The <link> tag defines the relationship between linked documents.

Attributes:

	charset
	Value: charset
	Specifies the character encoding of the link.

	href
	Value: URL
	Defines the target link of the resource.

	hreflang
	Value: language code
	Specifies the base language to use for the target URL.

	media
	Value: all, braille, print, projection, screen, speech
	Sets the type of media for specific user agents & devices.

	rel
	Value: alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection
	Defines the relationship between the current page and the targeted link.

	rev
	Value: same as rel
	Defines the relationship between the targeted link and the current page.

	target
	Value: _self, _top, _parent, _blank
	This defines the target location in which to open the URL.

	type
	Value: mime type
	Sets the MIME type of the target link.

Example:

<link rel="stylesheet" type="text/css" href="mystyles.css">

<map> Map Tag (Client-Side)

Specifies a client-side image map.

Attributes:

	id
	Value: unique id
	Defines a unique ID for the image map.

	name
	Value: unique name
	Defines a unique name for the image map.

Example:

<meta> Meta Tag

The <meta> element provides meta-information about your page, such as descriptions and keywords for search engines.

Attributes:

	content
	Value: the content
	Specifies information for the meta.

	http-equiv
	Value: content-type, expires, refresh, set-cookie
	Specifies what HTTP header to use for the specified meta information.

	name
	Value: author, description, keywords, generator, revised
	Sets the meta information to a particular section.

	scheme
	Value: the content
	Defines a format that will interpret the meta information specified by the content attribute.

Example:

<meta name="keywords" content="Apples, Oranges, Pears, Strawberries" />

<noframes> No Frames Tag

The <noframes> tags displays text for browsers that do not handle frames.

Attributes: None

Example:

<frameset rows="100,*">
<noframes>
<body>Your browser does not support frames</body>
</noframes>
<frame src="page.htm" name="page">
<frame src="content.htm" name="content">
</frameset>

<noscript> No Script Tag

The <noscript> tag is used to define alternate content (usually text) if a script is not executed.

Attributes: None

Example:

<noscript>This page uses JavaScript and your browser does not support it.</noscript>

<object> Embedded Object Tag

The <object> tag defines an embedded object. This tag can be used to add multimedia to your page.

Attributes:

	align
	Value: left, right, top, bottom
	Defines the alignment of text around the object.

	archive
	Value: URL
	An archive of URLs that contain resources related to the object. The list of URLs is separated by spaces.

	border
	Value: pixel
	Defines the thickness of a border around an object in pixels.

	classid
	Value: Class ID
	Sets a Class ID that is used within the Windows Registry or URL.

	codebase
	Value: URL
	Sets the location of the code that is used by the object.

	codetype
	Value: MIME type
	Sets the mime type for the code referred to.

	data
	Value: URL
	Specifies a link to the object's data.

	declare
	Value: declare
	Specifies that the object should not be created unless it is needed..

	height
	Value: height
	Defines the height of the object in pixel units.

	hspace
	Value: pixel
	Defines the amount of horizontal space between the object and the page content

	name
	Value: unique name
	Sets a unique name for the object.

	standby
	Value: text
	Displays text that you specify while the object is loading.

	type
	Value: MIME type
	Defines the MIME type of the data specified by the data attribute.

	usemap
	Value: URL
	Sets a link to a client-side image map that is used by the object.

	vspace
	Value: pixel
	Defines the amount of vertical spacing between the object and the page content.

	width
	Value: pixel
	Sets the width of the object in pixels.

Example:

<ol> Ordered List Tag

The <ol> tag degines an ordered list.

Attributes: None (Previous attributes have been deprecated).

Example:

<ol>
<li>Milk</li>
<li>Sugar</li>
<li>Eggs</li>
</ol>

Output:

Milk
Sugar
Eggs

<optgroup> Option Group for Select Box Tag

The <optgroup> tag defines an option group for a set of options contained with in a select field of a form. This is used to group options together under a particular label.

Attributes:

	label
	Value: text for label
	Sets a label to be displayed for the optgroup.

	disabled
	Value: disabled
	This disables the option group on it's intial load.

Example:

<select name="Animals">
<optgroup label="Birds">
<option value="Duck">Duck</option>
<option value="Swan">Swan</option>
</optgroup>
<optgroup label="Mammals">
<option value="Mouse">Mouse</option>
<option value="Lion">Lion</option>
</optgroup>
</select>

Output:

<option> Option for Select Box Tag

The <option> tag sets an option within a select field of a form.

Attributes:

	label
	Value(s) : text for label
	Sets a label to be displayed for the optgroup

	disabled
	Value(s) : disabled
	This disables the option group on it's intial load.

	selected
	Value(s) : disabled
	This disables the option group on it's intial load.

	value
	Value(s) : disabled
	This disables the option group on it's intial load.

Example:

<select name="Animal">
<option value="Mouse">Mouse</option>
<option value="Lion">Lion</option>
</select>

Output:

<p> Paragraph Tag

The <p> tag defines a block-level paragraph of content. Each paragraph has two line breaks after the closing tag.

Attributes: None (Previous attributes have been deprecated).

Example:

<p>
Here is a paragraph.
</p>
<p>
Here is another.
</p>

Output:

Here is a paragraph.

Here is another.

<param> Parameters for Object Tag

The <param> tag defines the parameter within an object.

Attributes:

	name
	Value: unique name
	Sets a unique name for the parameter

	type
	Value: MIME Type
	Specifies the MIME type to use for the parameter.

	value
	Value: value
	Defines the value of the parameter.

	valuetype
	Value: data, ref, object
	Defines the MIME type for the value of the parameter.

Example:

<param name="MousePointer" value="0" />

<pre> Preformatted Text Tag

The <pre> tag is used to define preformatted text. The text will appear exactly as it is typed including spaces and line breaks.

Attributes:

	width
	Value: num of chars
	Sets the maximum number of characters to display per line.

Example:

<pre>
The Preformatted
text tag preserves
lines breaks
</pre>

Output:

The Preformatted
text tag preserves
lines breaks

<q> Short Quotation Tag

The <q> tag defines a short quotation. Most browsers will place quotes around it.

Attributes:

	cite
	Value(s) : citation
	Sets a citation for the quotation.

Example:

<q>Ask not what your country can do for you - ask what you can do for your country.</q>

Output:

Ask not what your country can do for you - ask what you can do for your country.

<samp> Sample Computer Code Text Tag

The <samp> tag marks text as sample computer code.

Attributes: None

Example:

<samp>This text uses the sample computer code text tag</samp>

Output:

This text used the sample computer code text tag

<script> Script Tag (Client-Side)

Defines a script, such as a JavaScript.

Attributes:

	type
	Value: text/ecmascript, text/javascript, text/jscript, text/vbscript, text/vbs, text/xml
	This defines the MIME type of the script.

	charset
	Value: charset
	Specifies the character enoding of the script.

	defer
	Value: defer
	Indicates that the script is not going to generate any document content. The browser can continue parsing and drawing the page.

	src
	Value: URL
	This is the URL to an external file containing the script source that will be parsed by the script tag.

Example:

<script type="text/javascript" language="javascript" src="newspaper.js"></script>

<select> Select Field for a Form Tag

The <select> tag defines a select box or "drop-down" to be used with a form.

Attributes:

	disabled
	Value: ltr (left to right), rtl (right to left)
	This attribute defines the direction of the text.

Example:

<select name="animal">
<option value="tiger">Tiger
<option value="squirrel">Squirrel
<option value="whale">Whale
</select>

Output:

<small> Small Text Tag

The <small> tag produces text smaller than default document setting.

Attributes: None

Example:

<small>This text uses the small tag </small>

Output:

This text uses the small tag

<span> Span Tag

The <span> tag is used to group inline-elements in a document.

Attributes: None

Example:

<span style="color:blue;">This text is blue.</span>

Output:

This text is blue.

<strong> Strong Emphasis Text Tag

The <strong> tag produces a strong emphasis on text. In most browsers, this will appear as bolded text.

Attributes: None

Example:

<strong>This text uses the strong tag</strong>

Output:

This text uses the strong tag

<style> Document Style Tag

The <style> tag defines a style withinn a document. The style tag goes in the head section. A style sheet can be defined externally and linked to using the <link> tag.

Attributes:

	type
	Value: text/css
	Defines the Content type for the style.

	media
	Value: all, aural, braille, handheld, print, projection, screen, tty, tv
	Details the type of media to set for your destination device.

Example:

<head>
<style type="text/css">
h1 {color: blue}
h2 {color: red}
h3 {color: green}
</style>
</head>

<sub> Subscript Text Tag

The <sub> tag produces text that appears in a subscripted format.

Attributes: None

Example:

Here is some normal text. <sub>This text uses the subscript tag </sub>

Output:

Here is some normal text. _{This text uses the subscript tag}

<sup> Superscript Text Tag

This <sup> tag produces text that appears in a superscripted format.

Attributes: None

Example:

Here is some normal text. <sup>This text uses the superscript tag </sup>

Output:

Here is some normal text. ^{This text uses the superscript tag}

<table> Table Tag

The <table> tag defines a table that contains rows and table cells. Tables may contain other tables and are often used to control the layout of items on a page.

Attributes:

	border
	Value: thickness in pixels
	Defines the thickness of the table border.

	cellpadding
	Value: pixel, percent
	Controls the amount of padding between the cell and it's content.

	cellspacing
	Value: pixel, percent
	Controls the amount of space between each cells outer wall.

	frame
	Value: above, below, border, box, hsides, lhs, rhs, void, vsides
	Specifies the layout of the outer border. Must be used with the border attribute.

	rules
	Value: all, cols, groups, none, rows
	Specifies the layout of the horizontal and vertical dividers. Requires the border attribute.

	width
	Value: pixel \| percent
	Defines the width of the table.

Example:

<table border="1" cellspacing="2" cellpadding="3">
<tr>
<th>This is the table header</th>
</tr>
<tr>
<td>This is the table cell </td>
</tr>
</table>

Output:

This is the table header
This is the table cell

<tbody> Table Body Group Tag

The <tbody> tag defines a table body group. When used with thead and tfoot, tbody content appears between the head and foot elements no matter what order they are defined in the table.

Attributes:

	align
	Value: right, left, center, justify
	Sets the alignment of the text within the cell.

	char
	Value: character
	Specifies which character to align the text to. Requires align="char"

	charoff
	Value(s) : pixel \| percent
	Defines the alignment offset to the character specified. Requires align="char"

	valign
	Value(s) : baseline, bottom, middle, top
	Sets the vertical text alignment within the cell based of the height of the cell.

Example:

<table border="1" >
<tbody>
<tr>
<td>This is the table body</td>
</tr>
</tbody>
</table>

Output:

This is the table body

<td> Table Cell Tag

The <td> tag defines a table cell.

Attributes:

	abbr
	Value: abbreviated text
	Defines an abbreviated version of the content in the cell.

	align
	Value: char, center, justify, left, right
	This attribute defines the horizontal alignment of the content.

	axis
	Value: category
	Sets a category name for a cell.

	char
	Value: character
	Sets a character to align text on.

	charoff
	Value: pixel \| percent
	Defines the alignment offset to the character specified. Requires align="char"

	colspan
	Value: number
	Specifies the number of columns a cell should span.

	headers
	Value: ID of header cell
	This is a list of IDs that provide header information for the cell. This list is space separated and provides useful information to text-only browsers.

	rowspan
	Value: number
	Specifies the number of rows this cell will span.

	scope
	Value: col, colgroup, row, rowgroup
	Defines the scope that will provide header information for the containing cells defined by the value of the scope.

	valign
	Value: baseline, bottom, middle, top
	Defines the vertical alignment of the contents of the cell.

Example:

<table border="1">
<tr>
<td colspan="3" align="center">This cell spans 3 columns</td>
</tr>
<tr>
<td>Cell 1</td><td>Cell 2</td><td>Cell 3 </td>
</tr>
</table>

Output:

This cell spans 3 columns
Cell 1	Cell 2	Cell 3

<textarea> Textarea within a Form Tag

The <textarea> tag defines a text area within a form. It allows multiple line entries.

Attributes:

	cols
	Value: number
	Defines the number of columns for the text area.

	rows
	Value: number
	Defines the number of rows for the text area.

	disabled
	Value: disabled
	When the text area is first displayed, it will be disabled.

	name
	Value: unique name
	Specifies a unqiue name for the textarea.

	readonly
	Value: readonly
	The content of the textarea cannot be modified.

Example:

Output:

<tfoot> Table Footer Group Tag

The <tfoot> tag defines a table footer group. When used with thead and tbody, tfoot content appears at the bottom no matter what order they are defined in the table.

Attributes:

	align
	Value: left, right, center, justify
	Sets the alignment of the text within the cell.

	char
	Value: character
	Specifies which character to align the text to. Requires align="char"

	charoff
	Value: pixel, percent
	Defines the alignment offset to the character specified. Requires align="char"

	valign
	Value: baseline, bottom, middle, top
	Sets the vertical text alignment within the cell based of the height of the cell.

Example:

<table border="1" >
<tr>
<td align="center">This is a table cell</td>
</tr>
<tfoot>
<tr>
<td>This is the table footer</td>
</tr>
</tfoot>
</table>

Output:

This is a table cell

This is the table footer

<th> Table Header Cell Tag

The <th> tag defines a table header cell.

Attributes:

	abbr
	Value: abbreviated text
	Defines an abbreviated version of the content in the cell.

	align
	Value: left, right, center, justify, char
	This attribute defines the horizontal alignment of the content.

	axis
	Value: category
	Sets a category name for a cell.

	char
	Value: character
	Sets a character to align text on.

	charoff
	Value: pixel \| percent
	Defines the alignment offset to the character specified. Requires align="char"

	colspan
	Value: number
	Specifies the number of columns a cell should span.

	headers
	Value: ID of header cell
	This is a list of IDs that provide header information for the cell. This list is space separated and provides useful information to text-only browsers.

	rowspan
	Value: number
	Specifies the number of rows this cell will span.

	scope
	Value: col, colgroup, row, rowgroup
	Defines the scope that will provide header information for the containing cells defined by the value of the scope.

	valign
	Value: baseline, bottom, middle, top
	Defines the vertical alignment of the contents of the cell.

Example:

<table border="1">
<tr>
<th>This is the table header</th>
</tr>
<tr>
<td align="center">This is a table cell</td>
</tr>
</table>

Output:

This is the table header
This is a table cell

<thead> Table Header Group Tag

The <thead> tag defines a table header group. When used with tbody and tfoot, thead content appears at the top no matter what order they are defined in the table.

Attributes:

	align
	Value: left, right, center, justify
	Sets the alignment of the text within the cell.

	char
	Value: character
	Specifies which character to align the text to. Requires align="char"

	charoff
	Value: pixel, percent
	Defines the alignment offset to the character specified. Requires align="char"

	valign
	Value: baseline, bottom, middle, top
	Sets the vertical text alignment within the cell based of the height of the cell.

Example:

<table border="1" >
<tr>
<td align="center">This is a table cell</td>
</tr>
<thead>
<tr>
<td>This is the table header</td>
</tr>
</thead>
</table>

Output:

This is a table cell
This is the table header

<title> Document Title Tag

The <title> tag defines the title of the document. Must be specified within the <head> tag.

Attributes: None

Example:

<head>
<title>My homepage</title>
</head>

<tr> Table Row Tag

The <tr> tag defines a table row which contains a group of cells.

Attributes:

	align
	Value: left, right, center, justify
	Sets the alignment of the text within the cell.

	char
	Value: character
	Specifies which character to align the text to. Requires align="char"

	charoff
	Value: pixel \| percent
	Defines the alignment offset to the character specified. Requires align="char"

	valign
	Value: baseline, bottom, middle, top
	Sets the vertical text alignment within the cell based of the height of the cell.