HTML Reference

Index - Tags

HTML marks up content and text using tags. These tags tend to be mnemonic in naming, and the rules of placement also tend to adhear to common sense. There are many tags in the HTML specification and more added by browser makers. I will only concentrate here on tags that are accepted in most of the major browsers, I will also be omitting attributes that should be handled in CSS; this hopefully should result in a concise and workable list.

Document Structure

These are the main document structure tags the basics are covered on the structure page. They are repeated, as they are fundamental to HTML document construction.

<body>: Page content container.
<head>: Head level container.
<html>: Document containers.

Head Tags

These tags have to or generally reside in the containment of the head tag. The ones that do find their way out the head should nearly always be placed in the head at release time.

<link>: Links with external document (not anchor links).
<meta>: Meta information about the document, including HTTP directives.
<script>: Script includes.
<style>: Style page inline.
<title>: Title of document.

Block Tags

Block tags create a rectangle that is preceded and proceeded by a line break.

<address>: Normally address of the author.
<blockquote>: Block of quoted text.
<div>: Generic division.
<h1> <h2> <h3> <h4> <h5> <h6>: Headings 1 through to 6.
<hr>: Horizontal Rule
<noscript>: No script block, displayed if script is blocked.
<p>: Paragraph of text.
<pre>: Pre-formated text.

List Tags

List tags as their suggest, generate list of items.

<dd>: Definition data.
<dl>: Definition list.
<dt>: Defintion term.
<li>: List item.
<ol>: Ordered (sequential) list.
<ul>: Unordered (buletted) list.

Table Tags

These tags are all related with the table element, and allow the construction of tables.

<caption>: Table caption.
<col>: Assign formating to sets of columns.
<table>: Table holder.
<tbody>: Table body holder.
<td>: Table data (cell).
<tfoot>: Table footer holder.
<th>: Table header data (cell).
<thead>: Table header holder.
<tr>: Table row.

Form Tags

These tags are all related to input forms, the user can fill in.

<button>: Special form button.
<fieldset>: Grouping of form fields.
<form>: Form container.
<input>: Input element (various types).
<label>: Input label.
<legend>: Form legend.
<optgroup>: Option group labels.
<option>: Select option.
<select>: Select list (dropdown and multiselect).
<textarea>: Teaxtarea input (multiline text input).

Anchor Tags

Anchor tags involve linking to or representing a target to link to.

<a>: Anchor target (name, id) or anchor link (href).
<area>: Sub area distinct shape and link.
<map>: Container of areas.

Media Tags

Media in this context refers to external objects, that can be embedded (plugged) in the document if the appropriate player is available.

<applet>: Java applet.
<embed>: Embed an object.
<img>: Image.
<object>: Object embedded.
<param>: Object parameter.

Inline Tags

These tags do not create a line break, they are used for specific effects on text.

<abbr>: Abbreviation (e.g. abbr).
<acronym>: Acronym (e.g. HTML).
<del>: Strike-out (deleted) text.
<ins>: Inserted text.
<span>: Generic inline container.

Line Tags

Line breaks in HTML source code are transformed into spaces in the general case, these tags allow line breaks to be included.

<br>: Line break.

Phrase Tags

These tags give text more meaning.

<cite>: Citing of another work.
<code>: Program code.
<dfn>: Definition of a phrase or word.
<em>: Emphasise
<kbd>: To be entered via the keyboard.
<samp>: Sample output.
<var>: Program variable.

Font Style Tags

Font style tags change the display style of text enclosed.

<b>: Bold text.
<i>: Italic text.
<sub>: Subscript text.
<sup>: Superscript text.
<tt>: Teletype (monspace) text.
<u>: Underline text.

Frame Tags

Frame tags allow more than one document to occupy a web page.

<frame>: Frame area for another document.
<frameset>: Container of frames.
<iframe>: Internal frame area fo another document.
<noframes>: Message to display if frames is not supported.

Add a Comment - CyberVisor - Concept Visor

Bookmark and then activate Concept Visor to comment on this page, or any other page on the web. The Concept Visor also allows you to view comments made on the page.

Concept Visor

Links

If you have found this site useful please consider linking to it @ http://html.poisedsolutions.com/

Social BookMarks

Site Designed & Developed by Poised Solutions

If you wish to discuss hiring Poised Solutions for an information technology (IT project please get in contact
or visit the main PoisedSolutions IT Consultancy Website.
Poised Solutions is based in the Thames Valley area of the UK.