HTML Reference In Function OrderS2C Home « HTML Reference In Function Order

Click on a Tag Name to see the reference for that HTML Tag.

Click on an Associated Lesson to see how the HTML Tag is used.

Tags with a light pink background are new in HTML5.

Tag Reference In Function Order>
Function Tag Name Description Associated Lesson
Comments <!--...--> Allows us to put explanatory comments into our code. HTML Document Structure
Embedding <embed> Used for embedding an external application or interactive content into a HTML document. HTML Embedding
<object> Used to define an embedded object in our HTML.
<param> Used in the object element to define parameters for the embedded object.
Formatting <abbr> Used to define an abbreviation in our HTML code. HTML Formatting
<address> Used to define an address in our HTML code.
<br> Used to define a line break in our HTML code.
<dfn> Used to represent the defining instance of a term.
<p> Used for placing the enclosed content on a new line and adding a little space above and below it.
<pre> Used to define preformatted text in our HTML code.
<var> Used to define text that looks like a computer variable.
<wbr> Used to define a line break in our HTML code.
Form <button> Defines a clickable button in our HTML code. HTML Forms
<datalist> List of pre-defined elements for input tag allowing an autocomplete feature.
<fieldset> Used for grouping form elements together.
<form> Defines a form for user input
<input> Used to define an area of a form for user input.
<label> Label for an input, select or textarea element of a form.
<legend> Used for defining a title for a fieldset element.
<optgroup> used to define a group of related options within a select element.
<option> Used to define a selectable option within a select element.
<output> Used for representing the result of a calculation.
<select> Used to define a drop-down list for selection.
<textarea> Used to define used to define a multiple line area for text input.
Graphics <canvas> Used for creating graphics dynamically in a HTML document using a scripting language such as JavaScript. Graphics & Visuals
Image <figcaption> Provide a caption when using the figure HTML tag. HTML Images
<figure/> Specifies self-contained content such as images, diagrams, photos etc.
<img> Create an area on the page to hold the referenced image.
<picture> Used when rendering image resources to give more flexibility and options.
<source> Used to specify multiple media resources on media elements.
Image Map <area> Defines clickable areas of a client-side image. Image Maps
<img> Create an area on the page to hold the referenced image.
<map> Define a client-side image map that has clickable areas.
Inline Frame <iframe> Define an inline window that holds another document. Inline Frames
Language <bdi> Used for isolating text that might render in an unwanted direction. HTML Language
<bdo> Defines a birectional override for some text.
<rp> Provide parentheses or other content around a ruby text component of a ruby annotation.
<rt> Specifies the ruby text component of a ruby annotation.
<rtc> Specifies semantic annotations of characters presented in a ruby annotation.
<ruby> Allows spans of phrasing content to be marked with ruby annotations.
Link <a> Used to define an anchor for links and hyperlinks. HTML Links
<base> Used to define a base URL for the links on a page.
Lists <dd> Define a definition description, of the definition term, in a definition list. HTML Lists
<dl> Used to define a definition list in our HTML code.
<dt> Used to define a definition term within a definition list
<li> used to define a list item in an an ordered or unordered list.
<ol> Used to define an ordered list in our HTML code.
<ul> Defines an unordered list in our HTML code.
Meta <Meta> Used for generic metadata information within a HTML document. HTML Meta
Media <audio> Used to embed audio content into a HTML document. HTML Audio & Video
<source> Used to specify multiple media resources on media elements.
<track> Used to specify multiple media resources on media elements.
<video> Used to define text that looks like a computer variable.
Image Map <area> Defines clickable areas of a client-side image. Image Maps
<img> Create an area on the page to hold the referenced image.
<map> Define a client-side image map that has clickable areas.
Script <noscript> Allows us to do non script based rendering when JavaScript is turned off. HTML Scripting
<script> Define a scripting language within the HTML document.
<template> Used for declaring fragments of HTML that can be cloned and inserted into the HTML document by a script.
Semantics <del> Used to define editorial deletions in some text. HTML Inline Semantics
<em> Used to define text to be emphasised in our HTML code.
<h1> - <h6> Used to define the six HTML headings for use in our HTML code.
<hr> Used for defining a horizontal rule on a change of theme on a topic or subject.
<i> Used for defining a change of mood or alternate voice in text.
<ins> Used to define editorial insertions in our text.
<mark> Used for defining text to be marked or highlighted.
<s> Used for making a strike through text style.
<strong> Used to define text to be strongly emphasised in our HTML code.
<u> A span of text with an unarticulated, non-textual annotation.
Structure - Document <!DOCTYPE> Tells browser which version of HTML/XHTML we're using in our HTML. HTML Document Structure
<body> Specifies the document body element of a HTML document.
<head> Specifies the document head element of a HTML document.
<html> Specifies the document root element of a HTML document.
<title> Defines the document title element of a HTML file.
Structure - Layout <div> Used to group blocks of HTML together for styling with CSS. HTML Structure - Layout
<footer> Defines a footer for a HTML document or section.
<header> Defines introductory content for its nearest sectioning ancestor content tag.
<main> Defines the main content area within a HTML document.
<span> Used to group some inline HTML together for styling with CSS.
Structure - Page <article> Used for self contained content. HTML Structure - Page
<aside> Used to define Content considered separate, although related to content around it.
<nav> Defines a navigational section for a HTML document.
<section> Defines a section within a HTML document.
Style <style> Allows us to put style information into our HTML documents. HTML Style
<link> Link to external resource such as an image or stylesheet from a HTML file.
Tables <caption> Specifies a name for the table element in question. HTML Tables
<col> Used to specify criteria for a table column.
<colgroup> Used to specify criteria for a group of columns.
<table> Used to define a table for displaying tabular data.
<tbody> Used to define group body information within a table.
<td> Used to define a table cell within a table element.
<tfoot> Used to define group footer information within a table.
<th> Used to define a heading within a table element.
<thead> Used to define group header information within a table.
<tr> Used to define a row within a table element.
Text <b> Used for making bold text. HTML Text
<blockquote> Used to define long quotations in our HTML code.
<cite> Used to define a citation in our HTML code.
<code> Used to define text that looks like computer code.
<kbd> Used to define Keyboard Text in our HTML code.
<q> Used to define a short inline quotation in our HTML code.
<samp> Used to define text that looks like sample computer code.
<small> Used for defining a small text style.
<sub> Used for defining subscript text.
<sup> Used for defining superscript text.
Visuals <meter> Define a scalar measurement with a finite range, or a fractional value. Graphics & Visuals
<progress> Define a progress bar for task progress, from commencement through to completion.
Widgets / Miscellaneous <data> Show human-readable content along with a value that is machine-readable. Widgets / Miscellaneous
<details> Specifies additional information the user can open or close interactively.
<dialog> Tag the user can interact with.
<summary> >Defines a visible header within the details HTML tag..
<time> Used for defining the date and/or time in a HTML document.