HTML Reference
Includes a link to each HTML element covered in Brugbarts Reference.
Brugbarts HTML Reference is based on the latest standards and best practices, but it is not guaranteed that information will be 100% in sync with the WHATWG standard. If you got relevant updates, please help improve the reference by posting your comments.
You can use this reference in combination with the HTML and CSS Tutorial.
We are aware that some elements might be missing from the list. They will, most likely, all be added by admins sooner or later.
Using the reference
You can click individual Elements to view additional information about them, as well as its useful example, including start/end tags, and allowed attributes.
Each element should also have a link to the Live Editor, but the Live Webdesign Editor is not yet fully operational, as of 20-07-2012.
HTML Element Reference
| Comments in HTML. | How to Write comments in HTML |
| The doctype Declaration | The Importance of the Doctype. |
| html Element | The first Element in HTML |
| head Element | The head section. |
| style Element | Applies styling in the Document. |
| meta tags Element | Used for meta Data. |
| link Element | Links to a resource, I.E External StyleSheets. |
| title Element | Document title, this is what shows in search engines. |
| body Element | The body section. |
| section Element | Creates a section level in a page |
| nav Element | Used for main site-navigation links |
| header Element | Used to markup Header content on a page or in a Section of a page. |
| footer Element | Used to markup footer content on a page or in a Section of a page. |
| article Element | Generally marks the Main Content of a page. |
| div Element | Used for layout, and to create divisions in pages. |
| span Element | Used for layout purposes, creates a section in the document. |
| h1 to h6 Elements | Headlines, used for article titles, subtitles, etc. |
| p Element | Paragraph, used for text. |
| br Element | Used to "force" a linebreak. |
| a Element | Anchor (AKA Link). |
| ol Element | Creates an ordered list, recommended for links. |
| ul Element | Creates an unordered list, recommended for links. |
| li Element | Used together with OL's and UL's, creates a list item. |
| strong Element | Strongly Emphasized text. |
| em Element | Emphasized text. |
| b Element | Makes text bold. |
| u Element | Deprecated, was used to underline text. |
| i Element | Makes text Italic. |
| form Element | Forms are used to submit data. |
| input Element | Used together with forms, creates a input field. |
| label Element | Creates a label for a given form control. |
| textarea Element | Creates a text area. |
| button Element | Creates a push button. |
| frameset Element | Creates a set of frames, used to organize multiple frames. |
| frame Element | Used to embed a page, inside another, in a "frame". |
| noframes Element | Used together with frames, for browsers unable to render frames. |
| iframe Element | Used to embed a page, inside another, in a inline "frame". |
| blockquote Element | Used for long quotations. |
| q Element | Used for short quotation. |
| hr Element | Creates a horizontal rule. |
| img Element | Used to insert images and image maps. |
| object Element | Used to embed an object, I.E. Flash. |
| param Element | Used together with object, to create a parameter. |
| pre Element | Used for preformatted text, useful for code examples etc. |
| code Element | Used for code examples, most authors are using pre instead. |
| samp Element | Used for Sample Code, most authors are using pre instead. |
| script Element | Used for scripts, I.E. Javascript. |
| Noscript Element | used together with script, for browsers who doesn't support scripts. |
| table Element | Creates a table, outdated for layout, use div's instead. |
| tr Element | Used together with table, to create a table row. |
| td Element | Used inside table rows, to create table cells. |
| col Element | Used together with table and colgroup, it only contains attributes. |
| colgroup Element | Used together with tables, to group table columns. |
| thead Element | Used together with table, to create a table header. |
| tbody Element | Used together with table, to create a table body. |
| tfoot Element | Used together with table, to create a table footer. |
| address Element | Used to enter contact information for a section, or a document. |
| map Element | Creates an image map. |
| area Element | Used to define an area in an image map. |
| base Element | Defines a "base URL", maybe old servers was unable to work with relative paths? |
| bdo Element | The direction of text. |
| big Element | Used to display "bigger" text. |
| small Element | Used to display "smaller" text. |
| select Element | Creates a drop-down list. |
| option Element | Used togetter with select, to create an option in a drop-down list. |
| optgroup Element | Used together with selects, to group options. |
| cite Element | Used for citations. |
| del Element | Strike-through text, to make it appear "deleted". |
| ins Element | inserted text. |
| kbd Element | keyboard text. |
| th Element | Creates a table header. |
| field set Element | Used to draw a box around containing elements. |
| legend Element | Creates a title in a field set. |
| dl Element | Creates a definition list. |
| dd Element | Used together with dl, to Create a definition description. |
| dfn Element | Creates a definition term. |
| dt Element | Creates a definition term. |
| sup Element | Superscripted text. |
| sub Element | Subscripted text. |
| tt Element | Teletype text. |
| abbr Element | Abbreviation. Used to markup a shortened Word or Phrase. |
| acronym Element | Acronym. Used to markup a shortened word or phrase, which creates a new Pronounceable Word. |
| var Element | Declares a variable. |
| details Element | Used to keep details about file transfers etc. En example of this would be for file uploads. The details can be shown if the user requests it, and can be used for additional information or controls. |



