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.

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:
  <!-- This is my webpage -->

<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:
  <img src="map.gif" width="250" height="250" alt="Map" usemap="#mymap">
<map name="mymap">
<area shape="rect" coords="0,0,125,125" href="mylink.htm" target="_blank" alt="My Link">
</map>

<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>

<body>
This is my HTML page...
</body>

</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:
  <table border="1">
<colgroup span="3">
<col width="20"></col>
<col width="40"></col>
<col width="60"></col>
</colgroup>
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td>D</td>
</tr>
</table>
Output:
 
A B C D

<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:
  <form method="post" action="form_handler.asp">
<label>Full Name</label> <input type="text" name="fName"><br>
<label>E-mail</label> <input type="text" name="eMail"><br>
<input type="submit" value="Send">
</form>
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:
  <html>
<frameset cols = "20%, 40%,*">
  <frame src ="navigation.htm" />
  <frame src ="content.htm" />
  <frame src ="advertisements.htm" /> 
</frameset>
</html>

<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:
  <html>
<frameset cols = "20%, 40%,*">
  <frame src ="navigation.htm" />
  <frame src ="content.htm" />
  <frame src ="advertisements.htm" /> 
</frameset>
</html>

<h1> to <h6> Header Tags
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:
  <html>
<head>
<title>My Page </title>
</head>
<body>
</body>
</html>

<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:
  <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>My Page</title>
</head>
<body>
...
...
...
</body>
</html>

<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:
  <iframe src ="index.html" width="75%">
</iframe>

<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:
 

<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:
  <img src="map.gif" width="250" height="250" alt="Map" usemap="#mymap">
<map name="mymap">
<area shape="rect" coords="0,0,125,125" href="mylink.htm" target="_blank" alt="My Link">
</map>

<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:
  <object classid="clsid:8AD9C840-044E-11D1-B3E9-00805F499D93" width="300" height="300">
<param name="code" value="myapplet.class">
</object>

<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:
 
  1. Milk
  2. Sugar
  3. 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 1Cell 2Cell 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:
  <textarea cols="20" rows="4">
This is a text area.
</textarea>
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.
   
Example:
  <table border="1">
<tr>
<td>This is row 1</td>
</tr>
<tr>
<td>This is row 2</td>
</tr>
</table>
Output:
 
This is row 1
This is row 2

<tt> Truetype Text Tag
The <tt> produces text in a truetype style.
 
Attributes: None
Example:
  <tt>This text uses the truetype text tag</tt>
Output:
  This text uses the truetype text tag

<ul> Unordered List Tag
The <ul> tag defines an unordered list of items with bulletpoints.
 
Attributes: None (Previous attributes have been deprecated).
Example:
  <ul>
<li>Milk</li>
<li>Sugar</li>
<li>Eggs</li>
</ul>
Output:
 
  • Milk
  • Sugar
  • Eggs
<var> Variable Tag
The <var> tag defines text to be rendered as a variable. In most browsers it appears in italics.
 
Attributes: None
Example:
  <var>This is a variable</var>
Output:
  This is a variable


Brought to you by:
Macumba Shop
Custom Search



Username
Password










© 2017 7thSpace Interactive
All Rights Reserved - About | Disclaimer | Helpdesk