Close Menu

HTML Elements

Learn the basics of HTML elements

What are HTML Elements?

HTML elements are the basic building blocks of HTML documents.

They define the structure and content of a web page by marking up different parts of the document with specific tags.

Each HTML element consists of an opening tag, content, and a closing tag, though some elements are self-closing and do not require a closing tag.

Before diving into more complex HTML structures, let’s look at the most commonly used HTML elements:

Watch & Learn

Learn about HTML on your favourite social media platforms

TikTok Logo

List of Main HTML Elements

Structural Elements

<div>: Division or container

<span>: Inline container

<section>: Represents a section in a document

<article>: Represents an independent piece of content

<header>: Header section of a document or a section

<footer>: Footer section of a document or a section

<nav>: Navigation links

<main>: Main content of the document

<aside>: Sidebar or content related to the main content

Text Elements

<p>: Paragraph

<h1>:, <h2>:, <h3>:, <h4>:, <h5>:, <h6>: Headings (from largest to smallest)

<strong>: Strong importance, typically bold

<em>: Emphasised text, typically italic

<a>: Anchor, hyperlink

<blockquote>: Block of text from another source

<q>: Inline quotation

List Elements

<ul>: Unordered list

<ol>: Ordered list

<li>: List item

<dl>: Description list

<dt>: Term in a description list

<dd>: Description in a description list

Form Elements

<form>: Form container

<input>: Input field

<textarea>: Multi-line text input

<button>: Clickable button

<select>: Dropdown list

<option>: Option within a select

<label>: Label for an input field

Media Elements

<img>: Image

<audio>: Audio player

<video>: Video player

Table Elements

<table>: Table container

<tr>: Table row

<th>: Table header cell

<td>: Table data cell

<thead>: Table header group

<tbody>: Table body group

<tfoot>: Table footer group

<caption>: Table caption

Formatting Elements

<br>: Line break

<hr>: Horizontal rule

Interactive Elements

<details>: Disclosure widget

<summary>: Summary for a <details> element

Ready to start building your web pages? Explore more tutorials on HTML, CSS, and JavaScript on HowCodingWorks and take your web development skills to the next level.

Recent Guides

HowCodingWorks Logo