HTML TAGS: CATEGORIES AND
PURPOSES
TAG
HTML
head
CATEGORY
Structural
Structural
Title
Metadata
Meta
Metadata
Link
Style
Metadata
Styling
Body
Header
Structural
Structural
Nav
Main
Section
Structural
Structural
Structural
Article
Structural
Footer
Structural
H1 to h6
Text
P
a
Text
Interactive
img
ul
ol
li
Media
List
List
List
PURPOSE
Defines the root of an HTML document
It contains metadata, links to stylesheets,
and other head elements.
Sets the title of the document shown in
browser tabs.
Provides metadata like character set,
author, or viewport settings.
Links external resources like stylesheets.
Embeds CSS styles directly in the HTML
document.
Contains all visible content of the web page.
Represents introductory content or
navigation links.
Defines navigation menus or links.
Specifies the main content of the document.
Groups related content into thematic
sections.
Represents self-contained content like blog
posts or news articles.
Contains footer information like contact links
or copyright.
Define headings, with h1 being the most
important.
Represents a paragraph of text.
Creates hyperlinks to other pages or
resources.
Embeds images into the page.
Creates an unordered (bulleted) list.
Creates an ordered (numbered) list.
Defines a list item within ul or ol.