HTML Elements

Maison Bell

An image of a town marked with the many HTML elements as business signs

Basic Structure and Text

<!DOCTYPE html>: Declares the document type and version of HTML being used. It's the first thing in an HTML document.
<html>: The root element that all other elements are nested within.
<head>: Contains meta-information about the document, like its title, character set, and links to stylesheets.
<body>: Contains all the visible content of the web page.
<h1> to <h6>: Used for headings, with <h1> being the most important and <h6> the least.
<p>: Defines a paragraph of text.
<a>: Creates a hyperlink to another page or a section within the same page.
<img>: Used to embed an image into the document.
<ul>: Defines an unordered list, which typically uses bullet points.
<ol>: Defines an ordered list, which typically uses numbers.
<li>: Represents a list item within <ul> or <ol>.
<span>: An inline container used to group and style a small portion of text.
<div>: A block-level container used to group and style larger sections of content.

<header>: Represents the introductory content or a group of navigational aids.
<nav>: Defines a set of navigation links.
<main>: Specifies the main content of a document. There should only be one per page.
<article>: Represents a self-contained composition, like a blog post or news story.
<section>: Defines a standalone section of content that's thematically grouped.
<footer>: Contains footer content for its nearest ancestor sectioning content or the entire page.
<aside>: Represents content that's tangentially related to the content around it, often a sidebar.

<form>: Defines an HTML form for user input.
<input>: A versatile element used to create various input fields, like text boxes, checkboxes, and buttons.
<button>: Creates a clickable button.
<label>: Defines a label for an <input> element.
<textarea>: A multi-line text input control.
<select>: Creates a drop-down list.
<option>: Defines an option in a <select> list.