HTML5 – Tags

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 the 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.

HTML coding for a website !!!

Click to Learn More about – HTML Tutorial for beginners

HTML5 New tags :

HTML5 have introduced lots of new features, elements and more functionalities to create attractive webpages.

This helps the developer to code easily and quickly.

Here is the list of newly added HTML5 elements,

1.HTML5 Structural/Semantic Tags

2.HTML5 Form Tags

3.HTML5 Graphics Tags

4.HTML5 Media Tags

1.HTML5 Structural/Semantic Tags

SNo . HTML5 Structural TagsDescription
1<article>Defines the independent content of a webpage
2<aside>Defines the content which provide information about the main content.
3<bdi>Used to isolate/seperate the part of text which might be formatted in another direction.
4<details>Defines additional information which only visible as per user demand.
5<dialog>Represents a dialog box or other interactive components.
6<figcaption>Defines caption for the <figure> element.
7<figure>Defines a self-contained content, and referenced as a single unit.
8<footer>Represents the footer section of the webpage.
9<header>Defines the introductory or navigational content of the webpage.
10<main>Specifies the main content of the HTML document.
11<mark>Represents the text which is highlighted or marked for reference or notation purposes.
12<meter>Represents a scalar value within a known range.
13<nav>Represents the section which contains navigation links.
14<progress>Defines a progress bar which shows completions progress of a task.
15<rp>Defines alternative content for the browser which do not support ruby annotations.
16<rt>Defines explanations and pronunciations of characters in ruby annotations.
17<ruby>Defines ruby annotations (Specifically for Asian language).
18<section>Defines a generic section within an HTML document.
19<summary>Defines summary or caption for a <details> element which can be clicked to change the state of <details> element.
20<time>Defines data/time within an HTML document.
21<wbr>Specifies a line break opportunity.

2.HTML5 Form Tags

Form Tags
1<datalist>Represents predefined list for input <option> element.
2<output>Used a container element to represent the output of a calculation or outcome of user action.

3.HTML5 Graphics Tags

SnoHTML5 Graphics TagsDescription
1<canvas>Allows drawing graphics and animations via scripting.
2<svg>Used to draw scalable vector graphics.

4.HTML5 Media Tags

SnoHTML5 Media TagsDescription
1<audio>Defines sound content.
2<embed>Defines a container for external files/application/media.
3<source>Defines multiple media resources for the media elements.
4<track>Defines text tracks for <audio> and <video> files
5<video>Defines video content within HTML document.