logo EDITOR

All html tags list

Because of frequent updates on html, many tags have been removed and many have been added. So far i have found total 123 html5 tags currently supported by the browser. Here are 123 All html tags list below.

Basic html tags:5

<!DOCTYPE html> <html></html> <head></head> <body></body> <!--comment-->

Page information tags:6

<meta/> <base/> <title></title> <link/> <style></style> <script></script>

List tags:6

<ul></ul> <li></li> <ol></ol> <dl></dl> <dt></dt> <dd></dd>

Table tags:10

<table></table> <caption></caption> <th></th> <tr></tr> <td></td> <thead></thead> <tbody></tbody> <tfoot></tfoot> <colgroup></colgroup> <col/>

Audio/video tag:4

<audio></audio> <video></video> <source/> <track/>

Heading tags:6

<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>

Formatting tags:35

<abbr></abbr> <address></address> <b></b> <bdi></bdi> <bdo></bdo> <blockquote></blockquote> <em></em> <meter></meter> <dfn></dfn> <del></del> <cite></cite> <code></code> <i></i> <ins></ins> <kbd></kbd> <mark></mark> <p></p> <q></q> <samp></samp> <small></small> <strong></strong> <sub></sub> <sup></sup> <template></template> <time></time> <u></u> <var></var> <pre></pre> <progress></progress> <rp></rp> <rt></rt> <ruby></ruby> <s></s> <summary></summary>

Image tags:8

<img/> <map></map> <area/> <canvas></canvas> <figcaption></figcaption> <figure></figure> <picture></picture> <svg></svg>

Style and Semantics tags:15

<div></div> <span></span> <header></header> <footer></footer> <section></section> <main></main> <nav></nav> <select></select> <area/> <article></article> <aside></aside> <details></details> <dialog></dialog> <summary></summary> <data></data>

Programming tag:5

<script></script> <nonscript></nonscript> <embed/> <object></object> <param/>

Forms and Input tags:12

<form></form> <input/> <textarea></textarea> <button></button> <select></select> <optgroup></optgroup> <option></option> <label></label> <fieldset></fieldset> <legend></legend> <datalist></datalist> <output></output>

Other tags:6

<a></a> <hr/> <br/> <wbr/> <iframe></iframe> <xmp> tag

Basic HTML Tags:

There are mainely five basic html tags in html these tags are used for creating the html document. These are the must include tags for creating html document except comment tag.

<!DOCTYPE html> tag:

It tells browser what kind of document is it ? so browser could read it easily. eg DOCTYPE html5, DOCTYPE xml etc.

<html></html> tag:

It is the main tag of the whole document which contain body tag as well as head tag.

<head></head> tag:

It contains the page information tags which are not shown in the document eg: meta tag, title tag, base tag etc.

<body></body> tag:

Body tag is responsible for the document shown in the browser. It contains all the tags other than page information tags.

<!-- comment--> tag:

Used for writing comment inside a html document. This comment is not shown in the browser.

Basic HTML tags example:

Page information tags:

There are total six page information tags. These tags are mainely placed inside the head tag and used for storing the page informations. With the help of these tags browsers knows what kind of document is it.

<meta/> tag:

Used to store meta informations such as description, keyword, author name etc.

<base/> tag:

Base tag is used for specifing the base URL with href and/or target attribute

title tag:

Title tag is used for writing the title of the document.

<link/> tag:

Link tag is placed inside head tag to link html document to the external documents such as css files.

<style></style> tag:

Style tag is used to write onpage CSS. This tag is placed inside head tag.

<script></script> tag:

Script tag is used to write onpage javascript code. It can be placed inside head tag or at the bottom inside the body tag.

Page information tags example:

List tags:

List tags are used for making the lists in a webpage.There are mainely three kind of lists unordered list, ordered list and description list.

<ul></ul> tag:

Used for Unordered list

<li></li> tag:

Used for List items

<ol></ol> tag:

Used for unordered lists

<dl></dl>tag:

Used for description list

<dt></dt> tag:

Defines term in dl tag.

<dd></dd> tag:

Defines description of term in dl tag.

Example for list tags:

Table tags:

There are total 10 table tags, which are used for creating table structure in a webpage.

<table></table> tag:

Used to define a table. All table tags are written inside table tag.

<caption></caption> tag:

Defines table caption

<th></th> tag:

th tag defines the header part of the table. All table heads are written inside th tag.

<tr></tr> tag:

tr tag defines row in a table.

<td></td> tag:

Defines a cell in a table. All data of the table are written inside td tag. td tag is written inside tr tag.

<thead></thead> tag:

Groups the header content in the table

<tbody></tbody> tag:

Groups the body content in a table.

<tfoot></tfoot> tag:

Groups the footer content.

<colgroup></colgroup> tag:

Specifies a group of one or more columns in a table for formatting.

<col/> tag:

Column properties for each column within the colgroup element.

Example for table tags:

Audio/Video tags:

<audio></audio> tag:

Used for inserting the audio elements in webpage.with attributes controls, autoplay, loop, muted, src, preload.

<video></video> tag:

Used for inserting the video elements in a webpage.

<source/> tag:

source tag is used inside a audio or video tag to specify the source of audio or video with attributes src and type.

<track/>tag:

track tag is used to specifying text track for audio video elements. With attributes src, label, kind, default, srclang.

Example for audio/video tags:

Heading tags:

Heading tags are the most commonly used tags in webpage. There are total 6 heading tags. These tags are used according to importance of the text from h1 to h6.

<h1></h1> tag:

Used for the title of the document. It is better to use only one h1 tag in a document from SEO point of view. We can use h2, h3, h4, h5, h6 tags to write title according to importance.

<h2></h2> tag: <h3></h3> tag: <h4></h4> tag: <h5></h5> tag: <h6></h6> tag:

Example for heading tag:

Formatting tags:

There are total 35 formatting tags in HTML. These tags are used to format the texts in a webpage so texts will look better and feel better. eg: bold text, make italic, subscript, superscript etc.

<abbr></abbr> tag:

abbr tag is used to show abbreviation while hovering on it. eg: WHO hover on WHO

<address></address> tag:

Used to show the contact information. It makes texts in italic font.

<b></b> tag:

Used to make text bold

<bdi></bdi>tag:

Isolate a part of text that is formatted in different direction.

<bdo></bdo> tag:

Overrrides the current text direction eg: with bdo tag

<blockquote></blockquote> tag:

Section which is quoted from another source.

<em></em> tag

Emphasized text

<meter></meter> tag

For Scalar measurement

<dfn></dfn> tag

dfn tag is used to represent the defining instance of the term.

<del></del> tag

To show the text as a deleted text.eg:deleted text

<cite></cite> tag

cite tag is used to define title of the work.

<code></code> tag

code tag is used to show the piece of code.

<i></i> tag

i tag is used to make text in italic format. That means part of text in alternate voice.

<ins></ins> tag:

To show the text as inserted text.

<kbd></kbd> tag

Keybord input

<mark></mark> tag:

Marked text.

<p></p> tag:

Most commonly use tag for writing paragraph.

<q></q> tag:

Quotation.

<samp></samp> tag:

Sample output

<small></small> tag:

For smaller text. eg: small text

<strong></strong> tag:

Used to show text as a important text. eg: strong text

<sub></sub> tag:

Subscripted text. eg: H2O

<sup></sup> tag:

SuperScripted tex.eg: 22

<template></template> tag:

Defines a template.

<time></time> tag:

To write date and time

<u></u> tag:

To underline the text. eg underlined text

<var></var> tag:

To define variable inside it.

<pre></pre>

To write the text in pre formated way.

<summary></summary> tag:

To write the summary

<progress></progress> tag:

Progress of the task.

<rt></rt> tag:

explanation/pronunciation of character for east asian typography.

<ruby></ruby> tag:

ruby annotation for east asian typo-graphy

<rp></rp> tag:

Defines what to show if browser dont support ruby annotations.

<s></s> tag:

Text that was correct but no longer correct

Example for formatting tag:

Styles and Semantics tag:

There are total 15 styles and semantic tags in html. These tags are mainly used for introducing meaning to the web page rather than just presenting like formatting tags.

<div></div> tag

Defines a section in a document to write something along with width and height attributes

<span></span> tag:

Section for the text

<header></header> tag

Section for the header in the document.

<footer></footer> tag

Section for the footer in the document

<section></section> tag

Section to write something. Generally we use section tag for bigger section in a document and div tag for smaller sections in document.

<main></main> tag

To write main content in a document.

<nav></nav> tag

For navigation part. It will make easy to make navigation.

<select></select> tag

Select tag is mainly used to create a drop-down list and also used in form.

<area/> tag

area tag is used to define area inside image map

<article></article> tag

Used to write articles

<aside></aside> tag

Defines a seperate content aside from page content.

<details></details> tag

Used to write additional details.

<dialog></dialog> tag

Used for dialog box

<summary></summary> tag

summary tag is used with details tag to provide a visibal summary to the user.

<data></data> tag

used for machine readable translation of a given content.

Examples for styles and semantic tags:

Programming tags:

There are mainly 5 programming tags in html. these tags are used to insert or write the programming logic to html.

<script></script> tag

Script tag is mainly used to insert javascript file to html or to write onpage javascript code in html document.

<noscript></noscript> tag

noscript tag is used to define alternative content to be displayed to user when scripts doesn't support.

<embed/> tag

embed tag is used to embed external content to specified point in the document.

<object></object> tag

Defines container for an external resource, resource may be webpage, picture, media etc.

<param/> tag

param tag is used to define parameters for object element.

Example for programming tags:

Forms and input tags:

There are total 12 forms and input tags. These tags are mainly used for creating form interface.

<form></form> tag

Defines HTML form.

<input/> tag

Defines input control for a form.Used to take input data from user.

<textarea></textarea> tag

Defines multiple input. Mainely used for getting message from user.

<button></button> tag

Defines clickable button in HTML page with the help of button we can handle events.

<select></select> tag

Defines a drop down list to select.

<optgroup></optgroup> tag

Group of related options in a dropdown list.

<option></option> tag

used to place options in a dropdown list.

<label></label> tag

Used to place a label to any element.

<fieldset></fieldset> tag

Used to Group related elements in a form.

<legend></legend> tag

Used to place caption for a fieldset element.

<datalist></datalist> tag

List of predefined options for input controls.

Other tags:

<a></a> tag

anchor tag is a most commonly used tag with href attribute. this tag is used to place link in a web page.

<hr/> tag

hr tag is used to draw a horizontal tag in a web page.

<br/> tag

br tag is used to break line.

<wbr/>

Used for possible line break.

<iframe></iframe> tag

iframe tag is used to define a frame for external webpage or something.

xmp tag

xmp tag is used to display html tags in a webpage. without compiling by the browser.