References

Beginner-friendly references for web development, with live, editable examples.

HTML Elements

118 in total

Every HTML element — commonly called a tag — in one place. All 118 elements below link to a full reference with syntax, attributes, accessibility notes and live, editable examples. Deprecated elements are intentionally excluded so you only learn the modern web.

Name Description
<!--> An HTML comment lets you add notes in the source that are not rendered.
<!DOCTYPE> The <!DOCTYPE> declaration tells the browser which version of HTML the document uses.
<a> The HTML <a> (anchor) element is used for creating hyperlinks to websites, files, or locations on a document.
<abbr> The HTML <abbr> element marks up an abbreviation or acronym.
<address> The HTML <address> element provides contact information for its nearest article or the document.
<area> The HTML <area> element defines a clickable region inside an image map.
<article> The HTML <article> element represents a self-contained, independently distributable piece of content.
<aside> The HTML <aside> element represents content tangentially related to the surrounding content.
<audio> The HTML <audio> element embeds sound content in the document.
<b> The HTML <b> element draws attention to text without conveying extra importance.
<base> The HTML <base> element sets the base URL and default target for relative links.
<bdi> The HTML <bdi> element isolates text that may have a different directionality.
<bdo> The HTML <bdo> element overrides the text directionality of its contents.
<blockquote> The HTML <blockquote> element represents a section quoted from another source.
<body> The HTML <body> element contains all the visible content of the document.
<br> The HTML <br> element produces a line break in text.
<button> The HTML <button> element represents a clickable button.
<canvas> The HTML <canvas> element provides a drawable region for graphics via JavaScript.
<caption> The HTML <caption> element provides a title or caption for a table.
<cite> The HTML <cite> element represents the title of a creative work.
<code> The HTML <code> element displays a fragment of computer code.
<col> The HTML <col> element defines a column within a colgroup for shared styling.
<colgroup> The HTML <colgroup> element groups one or more columns in a table for styling.
<data> The HTML <data> element links content with a machine-readable value.
<datalist> The HTML <datalist> element provides a list of suggested options for an input.
<dd> The HTML <dd> element provides the description for a term in a description list.
<del> The HTML <del> element marks text that has been deleted from the document.
<details> The HTML <details> element creates a disclosure widget that can be opened and closed.
<dfn> The HTML <dfn> element marks the defining instance of a term.
<dialog> The HTML <dialog> element represents a modal or non-modal dialog box.
<div> The HTML <div> element is a generic block-level container for grouping content, with no semantic meaning of its own.
<dl> The HTML <dl> element represents a description list of terms and their descriptions.
<dt> The HTML <dt> element specifies a term in a description list.
<em> The HTML <em> element marks text with stress emphasis.
<embed> The HTML <embed> element embeds external content at a specified point.
<fieldset> The HTML <fieldset> element groups related controls within a form.
<figcaption> The HTML <figcaption> element provides a caption for a figure.
<figure> The HTML <figure> element represents self-contained content, optionally with a caption.
<footer> The HTML <footer> element represents a footer for its nearest section or the page.
<form> The HTML <form> element groups interactive controls for submitting information.
<h1> The HTML <h1> element represents a level-1 section heading.
<h2> The HTML <h2> element represents a level-2 section heading.
<h3> The HTML <h3> element represents a level-3 section heading.
<h4> The HTML <h4> element represents a level-4 section heading.
<h5> The HTML <h5> element represents a level-5 section heading.
<h6> The HTML <h6> element represents a level-6 section heading.
<head> The HTML <head> element contains machine-readable metadata about the document.
<header> The HTML <header> element represents introductory content for its nearest section or the page.
<hgroup> The HTML <hgroup> element groups a heading with related secondary content such as a subtitle.
<hr> The HTML <hr> element represents a thematic break between paragraph-level content.
<html> The HTML <html> element is the root of an HTML document.
<i> The HTML <i> element marks text in an alternate voice or mood.
<iframe> The HTML <iframe> element embeds another HTML page within the current one.
<img> The HTML <img> element embeds an image into the document.
<input> The HTML <input> element creates an interactive form control for the user to enter data.
<ins> The HTML <ins> element marks text that has been inserted into the document.
<kbd> The HTML <kbd> element represents user keyboard input.
<label> The HTML <label> element provides a caption for a form control.
<legend> The HTML <legend> element provides a caption for a fieldset.
<li> The HTML <li> element represents an item in a list.
<link> The HTML <link> element links the document to external resources such as stylesheets and icons.
<main> The HTML <main> element represents the dominant, main content of the document.
<map> The HTML <map> element defines a client-side image map.
<mark> The HTML <mark> element marks text as highlighted for reference or relevance.
<math> The HTML <math> element is the root for MathML mathematical notation.
<menu> The HTML <menu> element represents a semantic list of commands or interactive items.
<meta> The HTML <meta> element represents document-level metadata that other elements cannot express.
<meter> The HTML <meter> element represents a scalar measurement within a known range.
<nav> The HTML <nav> element represents a section of major navigation links.
<noscript> The HTML <noscript> element provides fallback content when scripts are unavailable.
<object> The HTML <object> element embeds an external resource such as a PDF or media.
<ol> The HTML <ol> element represents an ordered list of items.
<optgroup> The HTML <optgroup> element groups related options within a select.
<option> The HTML <option> element defines an item in a select, optgroup or datalist.
<output> The HTML <output> element represents the result of a calculation or user action.
<p> The HTML <p> element represents a paragraph of text.
<param> The HTML <param> element defined parameters for an <object> (obsolete).
<picture> The HTML <picture> element provides multiple image sources for art direction and formats.
<pre> The HTML <pre> element displays preformatted text, preserving whitespace and line breaks.
<progress> The HTML <progress> element shows the completion progress of a task.
<q> The HTML <q> element represents a short inline quotation.
<rp> The HTML <rp> element provides fallback parentheses for browsers without ruby support.
<rt> The HTML <rt> element provides the annotation text for a ruby annotation.
<rtc> The HTML <rtc> element groups ruby text annotations for complex ruby.
<ruby> The HTML <ruby> element represents text annotated with pronunciation or meaning (ruby annotations).
<s> The HTML <s> element marks text that is no longer accurate or relevant.
<samp> The HTML <samp> element represents sample output from a program.
<script> The HTML <script> element embeds or references executable JavaScript.
<search> The HTML <search> element represents a section containing search or filtering controls.
<section> The HTML <section> element represents a standalone thematic section of content.
<select> The HTML <select> element creates a drop-down list of options.
<slot> The HTML <slot> element is a placeholder inside a web component for projected content.
<small> The HTML <small> element represents side comments and small print.
<source> The HTML <source> element specifies one media resource for picture, audio or video.
<span> The HTML <span> element is a generic inline container for phrasing content, with no semantic meaning of its own.
<strong> The HTML <strong> element marks text with strong importance, seriousness or urgency.
<style> The HTML <style> element embeds CSS styles directly in the document.
<sub> The HTML <sub> element renders text as subscript.
<summary> The HTML <summary> element provides the visible label for a details disclosure widget.
<sup> The HTML <sup> element renders text as superscript.
<svg> The HTML <svg> element embeds Scalable Vector Graphics inline in the document.
<table> The HTML <table> element displays data in rows and columns.
<tbody> The HTML <tbody> element groups the body (data) rows of a table.
<td> The HTML <td> element defines a data cell in a table.
<template> The HTML <template> element holds inert HTML fragments for cloning with JavaScript.
<textarea> The HTML <textarea> element creates a multi-line plain-text input control.
<tfoot> The HTML <tfoot> element groups the footer rows of a table.
<th> The HTML <th> element defines a header cell in a table.
<thead> The HTML <thead> element groups the header rows of a table.
<time> The HTML <time> element represents a date or time in a machine-readable format.
<title> The HTML <title> element sets the document title shown in the browser tab and search results.
<tr> The HTML <tr> element defines a row of cells in a table.
<track> The HTML <track> element adds text tracks (captions, subtitles) to media.
<u> The HTML <u> element marks text with an unarticulated, non-textual annotation.
<ul> The HTML <ul> element represents an unordered list of items.
<var> The HTML <var> element represents a variable in a mathematical or programming context.
<video> The HTML <video> element embeds a video player in the document.
<wbr> The HTML <wbr> element indicates an optional word-break opportunity.