HTML Intro

HTML Intro Quiz

HTML Intro Exercise

HTML Basics

HTML Basic Quiz

HTML Basic Exercise

HTML Advance

HTML Advance Quiz

HTML Advance Exercise

HTML Tags List

HTML Global Attributes

HTML Attributes


HTML Advance

List of HTML Advance

HTML5 is the advance version of HTML. It introduces many new and popular tags which we are using nowadays.
HTML5 Content Model
In HTML, elements typically belonged in either the block level or inline content model. HTML5 introduces seven main content models.- Metadata - Embedded - Interactive - Heading - Phrasing - Flow - Sectioning
The header Tag
header tag is used for heading purposes. This tag was introduced in HTML5.
The footer Tag
Footer tag is used in bottom of a webpage and it contains crucial information regarding the website.
The nav Tag
The nav tag represents a section of a page that links to other pages or to certain sections within the page. This would be a section with navigation links.
The article Tag
Article tag is a self-contained, independent piece of content that can be used and distributed separately from the rest of the page or site. This could be a forum post, a magazine or newspaper article, a blog entry, a comment, an interactive widget or gadget, or any other independent piece of content.
The section Tag
section tag is a logical container of the page or article. Sections can be used to divide up content within an article.
The aside Tag
aside Tag is secondary or tangential content which could be considered separate from but indirectly related to the main content. This type of content is often represented in sidebars.
The audio Tag
The audio tag in HTML5 is used to embed audio into the webpage.
The video Tag
The video tag in HTML5 is used to embed video into the webpage.
The Progress Bar
The progress Tag provides the ability to create progress bars on the web. The progress element can be used within headings, paragraphs, or anywhere else in the body.
Web Storage
With HTML5 web storage, websites can store data on a user's local computer. Before HTML5, we had to use JavaScript cookies to achieve this functionality.
Geolocation API
In HTML5, the Geolocation API is used to obtain the user's geographical location. Geolocation is much more accurate for devices with GPS, like smartphones and the like.
Drag and Drop
The drag and drop feature lets you grab an object and drag it to a different location. To make an element draggable, just set the draggable attribute to true:
SVG stands for Scalable Vector Graphics, and is used to draw shapes with HTML-style markup. It offers several methods for drawing paths, boxes, circles, text, and graphic images.
The Canvas Tag
The HTML canvas is used to draw graphics that include everything from simple lines to complex graphic objects.
HTML5 Forms
HTML5 brings many features and improvements to web form creation. There are new attributes and input types that were introduced to help create better experiences for web users.