HTML5 Reference – Tag List

What is a HTML Tag ?

HTML tag is the root of the html document which is used to specify that the document is html.

What are parts of HTML Tags?

HTML tags contain three main parts,

1. Opening tag.

2. HTML content.

3. Closing tag

All HTML tags must enclosed within < > these brackets.

Every tag in HTML perform different tasks as per the users requirement.

If we open a tag <tag>, then we must close that tag </tag>

But some HTML tags are unclosed tags.

How HTML tags work ?

HTML tags defines that how web browser will format and display the content.

HTML tags are used to create HTML documents and render their properties.

With the help of HTML tags, a web browser can distinguish between an HTML content and a simple content.

We can use as many tags we want as per our code requirement.

When a web browser loads the HTML document, the browser reads the code from top to bottom and left to right.

There are some of the basic tags present in HTML, some of them are categorised and listed below.

Tutorial on html !!!

Click to Learn More about – HTML Tutorial for beginners

1. Basic HTML tags :

1<!DOCTYPE>Defines the document type of the HTML document.
2<html></html>Defines an HTML document.
3<head></head>Defines information about the document
4<title></title>Defines a title for the document
5<body></body>Defines the document’s body
6<h1> to <h6>Defines HTML headings
7<p></p>Defines a paragraph
8<br/>Tag inserts a single line break
9<hr>In HTML-4 Tag is horizontal rule.
In HTML-5 Tag defines a thematic change in the content.
10<!– Comments –>Defines a comment inside the HTML document.

2. Basic Meta Tags :

1<meta></meta>Defines metadata about an HTML document.
2<base>Tag specifies the base URL/target for all relative URLs in a document.
3<basefont>Tag is not supported in HTML5, it specifies a default color, size, and font for all text in a document

3. Programming Tags :

1<script></script>Defines a client-side script
2<noscript></noscript>Defines an alternate content for users that do not support client-side script
3<applet></applet>Defines an embedded applet, which is not supported in HTM5.
4<embed></embed>Defines a container for an external (non-HTML) application
5<object></object>Defines an embedded object
6<param></param>Defines a parameter for an object

4. Link Tags :

1<a></a>Defines a hyperlink
2<link>Defines the relationship between a document and an external resource.
3<nav></nav>Defines navigation links

5. Image Tags :

1<img>Defines an image
2<map></map>Defines a client-side image-map
3<area>Defines an area inside an image-map
4<canvas></canvas>Tag is used to draw graphics
5<figcaption></figcaption>Defines a caption for a <figure> element
6<figure></figure>Tag specifies self-contained content
7<picture></picture>Defines a container for multiple image resources
8<svg></svg>Defines a container for SVG graphics

6. List Tags :

1<ul></ul>Defines an unordered list
2<ol></ol>Defines an ordered list
3<li></li>Defines a list item
4<dir></dir>Defines the directory list but it is not supported in HTML5.
5<dl></dl>Defines a description list
6<dt></dt>Defines a term/name in a description list
7<dd></dd>Defines a description in a description list

7. Table Tags :

1<table></table>Defines a table
2<caption></caption>Defines a table caption
3<th></th>Defines a header cell in a table
4<tr></tr>Defines a row in a table
5<td></td>Defines a cell in a table
6<thead></thead>Defines the header content grouped in a table.
7<tbody></tbody>Defines the body content grouped in a table
8<tfoot></tfoot>Defines the footer content grouped in a table
9<col>Defines column properties for each column within a <colgroup> element
10<colgroup></colgroup>Defines a group of one or more columns in a table for formatting

8. Audio / Video Tags :

1<audio></audio>Defines the sound content
2<source>Defines multiple media resources for media elements (<video>, <audio> and <picture>)
3<video></video>Defines a video or movie
4<track>Defines text tracks for media elements (<video> and <audio>)

9. Form and Input Tags :

1<form></form>Defines an HTML form for user input
2<input>Defines an input control
3<textarea></textarea>Defines a multiline input control (text area)
4<button></button>Defines a clickable button
5<select></select>Defines a drop-down list
6<optgroup></optgroup>Defines a group of related options in a drop-down list
7<option></option>Defines an option in a drop-down list
8<label></label>Defines a label for an <input> element
9<fieldset></fieldset>Defines the Groups related elements in a form
10<legend></legend>Defines a caption for a <fieldset> element
11<datalist></datalist>Tag specifies a list of pre-defined options for input controls
12<output></output>Defines the result of a calculation

Tutorial on html !!!

Click to Learn More about – HTML Tutorial for beginners

10. Frames Tags :

1<frame></frame>Tag is not supported in HTML5 which actually defines a window (a frame) in a frameset.
2<frameset></frameset>Tag is not supported in HTML5 which defines a set of frames.
3<noframes></noframes>Tag is not supported in HTML5 which defines an alternate content for users that do not support frames
4<iframe></iframe>Defines an inline frame inside HTML document.

Detailed explanation for the above tags will e discussed in future chapters.