HTML Complete List Small steps.
Big results
Small steps. Big results
HTML
Complete list
A simple and clear list of the most important HTML tags you need to
build any website.
Perfect for beginners, students, and web developers.
Madhav Gediya
HTML Complete List
Basic Structure Tags
<!DOCTYPE html> – Declares the document type as
HTML5. It must be the very first line and tells the
browser how to render the page.
<html> – Defines the entire HTML document.
Everything is written inside this tag.
<head> – Contains meta information, title, links, and
scripts.
<title> – Shows the title on the browser tab.
<body> – Everything visible on the webpage is inside
this tag.
Madhav Gediya
HTML Complete List
Sectioning Tags
<header> – Intro content like logos, site names, or nav
menus.
<nav> – Contains main navigation links for the site.
<main> – Core content unique to the current page.
<section> – Groups related content under a common
theme.
<article> – Standalone, reusable content (e.g. blog post).
<aside> – Content related to the main content (e.g.
sidebar).
<footer> – Bottom section for links, copyrights, or
contacts.
Madhav Gediya
HTML Complete List
Text Content Tags
<h1> - <h6> – Headings, from most to least important
<p> – Paragraph of text.
<blockquote> – Long quotation from another source.
<q> – Short inline quotation.
<abbr> – Abbreviation or acronym with optional
expansion.
<cite> – Title of a referenced creative work.
<dfn> – Term being defined in the context.
Madhav Gediya
HTML Complete List
Text Content Tags
<time> – Specific date/time or duration.
<address> – Contact or location details.
<pre> – Preserves whitespace and formatting.
<code> – Inline snippet of computer code
<kbd> – User keyboard input.
<samp> – Output from a program or system.
<var> – Represents a variable in text or formulas.
Madhav Gediya
HTML Complete List
Content Grouping Tags
<div> – Generic block-level container (nonsemantic).
<span> – Generic inline container (nonsemantic).
<hr> – Thematic break or shift in topic.
<br> – Line break, used in text formatting.
<section> – Section of page (Chapters, parts, section).
<article> – Standalone content.(Blogs, cards, news)
<header> – Top area. (Logo, nav).
<footer> – Bottom area. (Copyright, info).
Madhav Gediya
HTML Complete List
List Tags
<ul> – Unordered list (bulleted).
<ol> – Ordered list (numbered).
<li> – List item in ul or ol.
<dl> – Description list for key-value pairs.
<dt> – Term or name in a description list.
<dd> – Definition or description of the term.
Madhav Gediya
HTML Complete List
Table Tags
<table> – Defines a data table.
<caption> – Title or explanation for the table.
<thead> – Header group of the table
<tbody> – Main content group of the table.
<tfoot> – Footer group of the table.
<tr> – A single row of cells.
<th> – Header cell for a column or row.
<td> – Standard data cell in a table.
Madhav Gediya
HTML Complete List
Media Embedding Tags
<figure> – Self-contained media with optional caption.
<picture> – Container for multiple image sources.
<img> – Embeds an image
<audio> – Embeds sound content
<video> – Embeds video content.
<source> – Media source for <video> or <audio> .
<track> – Text tracks for media (subtitles, captions).
<figcaption> – Caption for the content in.
Madhav Gediya
HTML Complete List Thank you for reading
Thank
You
+91-94292-17721 @madhavgediya
Madhav Gediya