HTML Elements

Anthony Olivares

<HTML>
The root element that wraps all content on the page.
<head>
Contains meta-information about the HTML document (e.g., character set, title, links to CSS/JS).
<title>
Defines the title that appears in the browser tab or window.
<body>
Contains all the visible content of the web page.
<h1> to <h6>
Defines HTML headings, with <h1> being the most important and <h6> the least.
<p>
Defines a paragraph of text.
<a>
Defines a hyperlink, used to link to other pages or resources.
<img>
Used to embed an image into the document.
<ul>
Defines an unordered (bulleted) list.
<ol>
Defines an ordered (numbered) list.
<li>
Defines an item within an ordered or unordered list.
<div>
A generic container for flow content, often used for styling with CSS.
<span>
An inline container for a small bit of content or text, often used for styling a part of a line.
<br>
Inserts a single line break.
<hr>
Draws a horizontal line to visually separate content.
<strong>
Indicates that the enclosed content has strong importance (usually renders as bold).
<em>
Indicates that the enclosed content has emphasis (usually renders as italic).
<header>
Defines a container for introductory content or a set of navigational links (often at the top of a page).
<nav>
Defines a set of navigation links.
<main>
Defines the dominant content of the document.
<section>
Defines a section of the document, such as chapters, parts of a thesis, or themed groupings of content.
<article>
Specifies independent, self-contained content, like a blog post or news story.
<footer>
Defines a container for authorship information, copyright, or contact details (often at the bottom of a page).
<form>
Used to collect user input via input elements.
<input>
Defines an input control, such as text fields, checkboxes, or buttons, within a form.
<button>
Defines a clickable button.
<label>
Defines a label for an <input> element.
<textarea>
Defines a multi-line text input control.
<meta>
Provides metadata (e.g., character set, viewport settings) about the HTML document within the <head>.
<link>
Defines the relationship between the document and an external resource, most commonly used to link to CSS files.