HTML Elements

Bella Borg

Modern illustration of HTML elements in web development.
<html>
The root element that wraps the entire webpage.
<head>
Contains metadata (not visible on the page), like title and links.
<title>
Sets the title of the webpage (shown in the browser tab).
<body>
Contains all the visible content on the page.
<h1>
Headings (h1 is largest, h6 is smallest).
<p>
Defines a paragraph of text.
<br>
Inserts a line break.
<hr>
Creates a horizontal line (section divider).
<strong>
Makes text bold with importance (semantic).
<em>
Italicizes text with emphasis (semantic).
<span>
Inline container for styling small portions of text.
<div>
Block-level container for grouping content.
<a>
Creates hyperlinks to other pages or websites.
<img>
Displays an image.
<video>
Embeds a video.
<audio>
Embeds sound/audio content.
<ul>
Unordered (bulleted) list.
<ol>
Ordered (numbered) list.
<li>
List item (used inside ul or ol).
<table>
Creates a table.
<tr>
Table row.
<td>
Table data cell.
<th>
Table header cell.
<header>
Top section of a page (logo, title, nav).
<nav>
Navigation links/menu.
<main>
Main content of the page.
<section>
Groups related content.
<article>
Independent content (like blog posts).
<footer>
Bottom section (copyright, contact info).
<form>
Container for user input fields.