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:
<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
<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
<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>: 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
<img>: Image
<audio>: Audio player
<video>: Video player
<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
<br>: Line break
<hr>: Horizontal rule
<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.