<head> contains metadata like title, meta tags, scripts, CSS links.
<body> contains all visible content displayed in the browser.
Defines page title — visible in browser tab & search engine results. Important for SEO.
<link> loads external resources (CSS, icons, fonts).
<a> creates clickable links for navigation.
<link rel="stylesheet" href="style.css">
<a href="about.html">About Us</a>
<nav> — navigation links
<article> — self-contained content (blog, post)
<section> — thematic content grouping
<aside> — side content like ads, sidebars
<ol> — ordered (numbered) list
<ul> — unordered (bullets) list
<dl> — definition list with terms & descriptions
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
</dl>
<img> displays an image.
<figure> wraps an image with caption.
<figure>
<img src="photo.jpg" alt="Example">
<figcaption>Sample Image</figcaption>
</figure>
<iframe> embeds another HTML page.
<embed> embeds files like PDFs, media.
Used for structured tabular data with header, body & footer sections.
<form> — container for user input fields/sending data.
<input> — field to capture user data.
<label> — describes an input field & improves accessibility.
<legend> — title for a group of inputs inside <fieldset>.
⬅ Home