The Ultimate HTML5 Guide

HTML 5 Guide

Below is a list of all HTML 5 tags

HTML5 Elements:

<!DOCTYPE> – The “DOCTYPE” begins the HTML document and tells a validator which version of HTML to use in checking the document’s syntax.

Read more at W3C W3schools 

<a>The <a> tag defines an anchor and may be used to establish a link to another document, as a bookmark on a page, or as both.

Read more at W3C W3schools Mozilla Developer

<abbr> – The <abbr> element contains abbreviated text and is commonly used together with the “title” attribute to expand/explain the abbreviation. Visual browsers usually render the content of the “title” attibute as a “tool tip” (when the user puts the mouse pointer over the element for a small period of time).

Read more at W3schools Mozilla Developer

<address>  – The HTML <address> tag defines contact information for the nearest <article> or <body> ancestor in the HTML document. This tag is also commonly referred to as the <address> element.

Read more at W3C W3schools Mozilla Developer

<area> – The HTML <area> tag is used for defining an area in an image map.

Read more at W3C W3schools Mozilla Developer

<b> – This HTML tutorial explains how to use the HTML element called the <b> tag with syntax and examples.

Read more at W3C W3schools Mozilla Developer

<base> – The HTML <base> tag is used to specify a base URI, or URL, for relative links.

Read more at W3C W3schools Mozilla Developer

<bdi> – The HTML <bdi> tag is Bi-directional isolation element which is used to embed text with a different direction from another text.

Read more at W3C W3schools Mozilla Developer

<bdo>The HTML <bdo> Element (or HTML bidirectional override element) is used to override the current directionality of text. It causes the directionality of the characters to be ignored in favor of the specified directionality.

Read more at W3C W3schools Mozilla Developer

<blockquote> – The blockquote element represents a section that is quoted from another source.

Read more at W3C W3schools Mozilla Developer

<body> – The HTML body element acts as a container for all the renderable content of the document.

Read more at W3C W3schools Mozilla Developer

<br> – The break tag (<br/>) is used to force a line break in HTML code.

Read more at W3C W3schools Mozilla Developer

<button>The HTML <button> tag is used for creating a button within HTML form. You can also use <input> tag to create similar buttons.

Read more at W3C W3schools Mozilla Developer

<caption> – The HTML <caption> tag is used for creating a caption for a table. There could be only one caption per table.

Read more at W3C W3schools Mozilla Developer

<cite> – The <cite> tag is written as <cite></cite> with the citation inserted between the start and end tags.

Read more at W3C W3schools Mozilla Developer

<code> – The HTML <code> tag is used for indicating a piece of code. The code tag surrounds the code being marked up.

Read more at W3C W3schools Mozilla Developer

<col> – The HTML <col> tag allows authors to group together attribute specifications for table columns.

Read more at W3C W3schools Mozilla Developer

<colgroup> – The HTML <colgroup> tag is used for specifying properties for a group of columns within a table.

Read more at W3C W3schools Mozilla Developer

<dd> – The HTML <dd> tag is used for specifying a definition description in a definition list.

Read more at W3C W3schools Mozilla Developer

<del>The HTML del tag is used for markup of deleted text.

Read more at W3C W3schools Mozilla Developer

<dfn> – The HTML <dfn> tag is used for indicating a definition. The <dfn> tag surrounds the word/term being defined.

Read more at W3C W3schools Mozilla Developer

<dir> – The HTML <dir> tag is used for specifying a directory list. This is very similar to <ul> tag but now this is deprecated.

Read more at W3schools Mozilla Developer

<div> – The <div> tag is nothing more than a container unit that encapsulates other page elements and divides the HTML document into sections.

Read more at W3C W3schools Mozilla Developer

<dl> – The HTML <dl> Element (or HTML Description List Element) encloses a list of pairs of terms and descriptions.

Read more at W3C W3schools Mozilla Developer

<dt> – The HTML <dt> tag is used to define the start of a term in a definition list.

Read more at W3C W3schools Mozilla Developer

<em> – The HTML <em> tag is used for indicating emphasis. The em tag surrounds the word/term being emphasised.

Read more at W3C W3schools Mozilla Developer

<fieldset> – The HTML <fieldset> tag is used for grouping related form elements.

Read more at W3C W3schools Mozilla Developer

<form>  – The HTML <form> tag is used for declaring a form.

Read more at W3C W3schools Mozilla Developer

<h1> - <h6> – The HTML <h1>-<h6> tag are used for specifying level 1 to 6 of headings.

Read more at W3C W3schools 

<head> - The HTML <head> tag is used for indicating the head section of the HTML document.

Read more at W3C W3schools Mozilla Developer

<hr> – The HTML <hr> tag is used for specifying a paragraph-level thematic break in an HTML document.

Read more at W3C W3schools Mozilla Developer

<html> – The HTML <html> tag is the container that contains all other HTML elements (except for the <!doctype> tag which is located before the opening HTML tag). All other HTML elements are nested between the <html> and </html> tags.

Read more at W3C W3schools Mozilla Developer

<iframe> – The HTML iframe element inserts a frame inside a document.  

Read more at W3C W3schools Mozilla Developer

<i> – The HTML <i> tag is used for specifying text in an alternate voice or mood, or otherwise offset from the normal prose.

Read more at W3C W3schools Mozilla Developer

<img> – The HTML <img> tag is used to put an image in an HTML document.

Read more at W3C W3schools Mozilla Developer

<input> – The HTML <input> tag is used within a form to declare an input element – a control that allows the user to input data.

Read more at W3C W3schools Mozilla Developer

<ins> – The HTML <ins> Element (or HTML Inserted Text) HTML represents a range of text that has been added to a document.

Read more at W3C W3schools Mozilla Developer

<kbd> – The kbd element is used to identify keystrokes that the user needs to make on his or her keyboard.

Read more at W3C W3schools Mozilla Developer

<label> – The label element is invisible to users (unless it’s styled with CSS, or behavior is attached to it via JavaScript and the DOM).

Read more at W3C W3schools Mozilla Developer

<legend> The legend is used to provide the caption text for grouped form controls and text contained in a fieldset.

Read more at W3C W3schools Mozilla Developer

<li> – The HTML <li> tag is used for specifying a list item in ordered and unordered lists.

Read more at W3C W3schools Mozilla Developer

<link> – The HTML <link> tag is used for defining a link to an external document. It is placed in the <head> section of the document.

Read more at W3C W3schools Mozilla Developer

<map> – The HTML <map> tag is used for defining an image map along with <img> tag.

Read more at W3C W3schools Mozilla Developer

<mark> – A way to highlight text to indicate its relevance to the user.

Read more at W3C W3schools Mozilla Developer

<menu> – The HTML <menu> tag defines an unordered menu list in the HTML document. This tag is also commonly referred to as the <menu> element.

Read more at W3C W3schools Mozilla Developer

<meta> – The HTML <meta> tag contains information or metadata that is not directly visible on the web page, but is used by browsers and search engines. This tag is also commonly referred to as the <meta> element.

Read more at W3C W3schools Mozilla Developer

<noscript> – Defines alternate HTML to be inserted if a script type is not supported or if the browser has disabled scripting. This tag is also commonly referred to as the <noscript> element.

Read more at W3C W3schools Mozilla Developer

<object> – The HTML <object> tag is used to embed multimedia in an HTML document. The <param> tag is also used along with this tag to define various parameters.

Read more at W3C W3schools Mozilla Developer

<ol> – Defines an ordered list in the HTML document. This tag is also commonly referred to as the <ol> element.

Read more at W3C W3schools Mozilla Developer

<optgroup> – In a Web form, the HTML <optgroup> element  creates a grouping of options within a <select> element.

Read more at W3C W3schools Mozilla Developer

<option> – In a Web form, the HTML <option> element is used to create a control representing an item within a <select>, an <optgroup> or a <datalist> HTML5 element.

Read more at W3C W3schools Mozilla Developer

<param> – The HTML <param> tag is used for passing parameters to an embedded object using <object> tag.

Read more at W3C W3schools Mozilla Developer

<pre> – Defines preformatted text preserving both whitespace and line breaks in the HTML document. This tag is also commonly referred to as the <pre> element.

Read more at W3C W3schools Mozilla Developer

<q> – Defines a short inline quotation in the HTML document from another source. This tag is also commonly referred to as the <q> element.

Read more at W3C W3schools Mozilla Developer

<s> – The <s> tag specifies text that is no longer correct, accurate or relevant.

Read more at W3C W3schools Mozilla Developer

<samp> – It is an element intended to identify sample output from a computer program.

Read more at W3C W3schools Mozilla Developer

<script> – It is used to embed or reference a client-side script such as JavaScript. This tag is also commonly referred to as the <script> element.

Read more at W3C W3schools Mozilla Developer

<select> – It represents a control that presents a menu of options.

Read more at W3C W3schools Mozilla Developer

<small> – This element makes text one font size smaller in the HTML document.

Read more at W3C W3schools Mozilla Developer

<span> – It defines a generic inline container in an HTML document. This tag is also commonly referred to as the <span> element.

Read more at W3C W3schools Mozilla Developer

<strong> – It gives text a strong emphasis which traditionally means that the text is displayed as bold by the browser. This tag is also commonly referred to as the <strong> element.

Read more at W3C W3schools Mozilla Developer

<style> – It contains style information for a document, or part of a document.

Read more at W3C W3schools Mozilla Developer

<sub> – It defines subscript text.

Read more at W3C W3schools Mozilla Developer

<sup> – It defines superscript text.

Read more at W3C W3schools Mozilla Developer

<table> – It defines a table in the HTML document. This tag is also commonly referred to as the <table> element.

Read more at W3C W3schools Mozilla Developer

<tbody> – The HTML <tbody> tag is used in adding a body to a table.

Read more at W3C W3schools Mozilla Developer

<td> – The HTML <td> tag is used for specifying a cell (or table data) within a table.

Read more at W3C W3schools Mozilla Developer

<textarea> – The HTML <textarea> element represents a multi-line plain-text editing control.

Read more at W3C W3schools Mozilla Developer

<tfoot> – The HTML Table Foot Element (<tfoot>) defines a set of rows summarizing the columns of the table.

Read more at W3C W3schools Mozilla Developer

<th> – The HTML <th> tag defines a header cell that can appear in the first row of an HTML table. This tag is also commonly referred to as the <th> element.

Read more at W3C W3schools Mozilla Developer

<thead> – The <thead> element structures the headings in your table and this tells browsers what e.g. each column contains.

Read more at W3C W3schools Mozilla Developer

<title> – It contains the title of the document which displays at the top of the browser window or is used as the Bookmark name when adding a web page to your Favorites.

Read more at W3C W3schools Mozilla Developer

<tr> – The HTML <tr> tag defines a row in an HTML table. This tag is also commonly referred to as the <tr> element.

Read more at W3C W3schools Mozilla Developer

<u> – The <u> tag represents some text that should be stylistically different from normal text by underlining them.

Read more at W3C W3schools Mozilla Developer

<ul> – The HTML <ul> tag defines an unordered list in the HTML document. This tag is also commonly referred to as the <ul> element.

Read more at W3C W3schools Mozilla Developer

<var> – The var element is used to indicate that the text is a variable and shouldn’t be taken literally.

Read more at W3C W3schools Mozilla Developer

Elements available in previous versions of HTML, but are not supported in HTML5

<acronym> – The HTML acronym element defines its content as an acronym, and is commonly used together with the “title” attribute to expand/explain the acronym.

Read more 

<applet> – It specifies an applet. It is used for embedding a Java applet within an HTML document. It is not supported in HTML5.

Read more Mozilla Developer /

<basefont> – It establishes a default font size for a document

Read more Mozilla Developer

<big> – It makes text one font size bigger in the HTML document.

Read more techonthenet

<center> – It center-align text in an HTML page.

Read more w3schools

<font> – It specifies the font size, font face and color of text

Read more w3schools

<frame> – HTML frames are used to divide your browser window into multiple sections where each section can load a separate HTML document.

Read more tutorialspoint

<frameset> – It defines a frameset element to hold one or more <frame> elements.

Read more w3schools

<noframes> – It is used to handle the browsers which do not support <frame> tag. This tag is used to display alternate text message.

Read more tutorialspoint

<strike> – The HTML Strikethrough Element (<strike>) renders text with a strikethrough, or a line through it.

Read more Mozilla Deveoper

<tt> – It defines a teletype text.

Read more at w3schools

News elements available in HTML5 and have broad browser support

<article> – It is an HTML 5 element that defines a self-contained composition in the HTML document.

Read more at W3C W3schools Mozilla Developer

<aside> – It is an HTML 5 element that defines a section that is tangentially related to the content around it in the HTML document.

Read more at W3C W3schools Mozilla Developer

<audio> – It is used to embed sound content in documents.

Read more at W3C W3schools Mozilla Developer

<canvas> – It is element which can be used to draw graphics using scripting (usually JavaScript).

Read more at W3C W3schools Mozilla Developer

<embed> – The HTML <embed> Element represents an integration point for an external application or interactive content (in other words, a plug-in).

Read more at W3C W3schools Mozilla Developer

<figcaption> – The <figcaption> element represents a caption or legend for the contents of its parent <figure> element.

Read more at W3C W3schools Mozilla Developer w3.org

<figure> – The <figure> element represents some flow content, that is self-contained and typically referenced as a single unit.

Read more at W3C W3schools Mozilla Developer w3.org

<footer> – The HTML <footer> tag is used for defining the footer of an HTML document or section.

Read more at W3C W3schools Mozilla Developer

<header> – It represents a group of introductory or navigational aids.

Read more at W3C W3schools Mozilla Developer

<hgroup> – It represents the heading of a section.

Read more at W3C W3schools Mozilla Developer

<keygen> – The HTML <keygen> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form.

Read more at W3C W3schools Mozilla Developer

<nav> – It represents a section of a page that links to other pages or to parts within the page: a section with navigation links.

Read more at W3C W3schools Mozilla Developer

<rp> – The HTML <rp> is used in ruby annotations for the benefit of browsers that don’t support ruby annotations.

Read more at W3C W3schools Mozilla Developer

<rt> – The HTML <rt> tag marks the ruby text component of a ruby annotation.

Read more at W3C W3schools Mozilla Developer

<ruby> – A ruby annotation

Read more at W3C W3schools Mozilla Developer

<section> – The <section> tag defines sections in a document, such as chapters, headers, footers, or any other sections of the document.

Read more at W3C W3schools Mozilla Developer

<source> – It is used to specify multiple media resources for <picture>,<audio> and <video> elements

Read more at W3C W3schools Mozilla Developer

<video> – The HTML <video> element is used to embed video content.

Read more at W3C W3schools Mozilla Developer

News elements available in HTML5 but don’t yet have broad browser support

<command> – The HTML <command> tag is used for specifying a command that the user can invoke.

Read more at W3C W3schools Mozilla Developer

<datalist> – The <datalist> tag specifies a list of pre-defined options for an <input> element.

Read more at W3C W3schools Mozilla Developer

<details> – The <details> tag specifies additional details that the user can view or hide on demand.

Read more at W3C W3schools Mozilla Developer

<meter> – The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

Read more at W3C W3schools Mozilla Developer

<output> – The HTML <output> tag specifies the result of a calculation.

Read more at W3C W3schools Mozilla Developer

<progress> – The HTML <progress> Element is used to view the completion progress of a task.

Read more at W3C W3schools Mozilla Developer

<summary> – The <summary> tag defines a visible heading for the <details> element.

Read more at W3C W3schools Mozilla Developer

<time> – The <time> tag defines a human-readable date/time.

Read more at W3C W3schools Mozilla Developer

<track> – The HTML <track> element is used as a child of the media elements—<audio> and <video>. It lets you specify timed text tracks (or time-based data), for example to automaticaly handle subtitles.

Read more at W3C W3schools Mozilla Developer

<wbr>  – The HTML <wbr> tag defines a potential line break point if needed. This stands for Word Break Opportunity.

Read more at W3C W3schools Mozilla Developer

You Might Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *