HTML Elements

Ralph Phillips

Return to CIS195 Home/Portfolio
decorative
<!DOCTYPE html>
The required first line that declares the document is an HTML5 page.
<html>
The root element that encloses all the content on the entire page.
<head>
A container for metadata, including the title, character set, and links to external files.
<title>
Sets the title of the webpage, which appears in the browser's title bar or tab.
<body>
Contains all the visible content of the webpage, such as text, images, and links.
<meta>
Provides machine-readable information about the page, like the character set or viewport settings.
<link>
Connects the HTML document to external resources, most commonly a CSS stylesheet.
<script>
Used to embed or reference an executable script, usually JavaScript.
<header>
Defines the top section of a page, typically containing a logo, heading, and navigation.
<footer>
Defines the footer for a page, usually containing copyright or contact information.
<nav>
Specifies a dedicated container for a set of navigation links.
<main>
Represents the primary, dominant content of the <body>.
<section>
Groups related content together into a distinct, thematically-related section.
<article>
Represents a self-contained piece of content that could be distributed independently, like a blog post.
<aside>
Defines content that is tangentially related to the main content, like a sidebar or a callout box.
<div>
A generic block-level container used to group elements for styling when no other semantic element is appropriate.
<span>
A generic inline container used to group small parts of text for styling.
<h1> to <h6>
Define hierarchical headings, with <h1> being the most important.
<p>
Defines a paragraph of text.
<a>
Creates a hyperlink to other web pages, files, or locations within the same page.
<strong>
Indicates text that has strong importance, which browsers typically render as bold.
<em>
Marks text with stress emphasis, which browsers typically render as italic.
<blockquote>
Defines a section that is quoted from another source.
<br>
Inserts a single line break within a block of text.
<hr>
Represents a thematic break between paragraphs, often displayed as a horizontal line.
<ul>
Defines an unordered (bulleted) list.
<ol>
Defines an ordered (numbered) list.
<li>
Represents a single item within an ordered (<ol>) or unordered (<ul>) list.
<img>
Embeds an image into the document.
<figure>
A self-contained element, typically an image, that is referenced in the main flow of the document.