HTML Tags

Complete guide to HTML elements and attributes

All
Inline
Block
Self-closing
Meta

<a>

inline

Defines a hyperlink, which is used to link from one page to another.

<abbr>

inline

Defines an abbreviation or an acronym.

<address>

block

Defines contact information for the author/owner of a document.

<article>

block

Defines an article in a document.

<aside>

block

Defines content aside from the page content.

<audio>

block

Defines embedded sound content.

<b>

inline

Defines bold text.

<base>

self-closing

Specifies the base URL for all relative URLs in a document.

<bdi>

inline

Isolates a part of text that might be formatted in a different direction.

<bdo>

inline

Overrides the current text direction.

<blockquote>

block

Defines a section that is quoted from another source.

<body>

block

Defines the document's body.

<br>

self-closing

Defines a single line break.

<button>

inline

Defines a clickable button.

<canvas>

block

Used to draw graphics, on the fly, via scripting.

<caption>

block

Defines a table caption.

<cite>

inline

Defines the title of a work.

<code>

inline

Defines a piece of computer code.

<col>

self-closing

Specifies column properties for each column within a <colgroup> element.

<colgroup>

block

Specifies a group of one or more columns in a table for formatting.

<data>

inline

Links the given content with a machine-readable translation.

<datalist>

block

Specifies a list of pre-defined options for input controls.

<dd>

block

Defines a description/value of a term in a description list.

<del>

inline

Defines text that has been deleted from a document.

<details>

block

Defines additional details that the user can view or hide.

<dfn>

inline

Specifies a term that is going to be defined within the content.

<dialog>

block

Defines a dialog box or window.

<div>

block

Defines a division or a section in an HTML document.

<dl>

block

Defines a description list.

<dt>

block

Defines a term/name in a description list.

<em>

inline

Defines emphasized text.

<embed>

self-closing

Defines a container for an external application.

<fieldset>

block

Groups related elements in a form.

<figcaption>

block

Defines a caption for a <figure> element.

<figure>

block

Specifies self-contained content.

<footer>

block

Defines a footer for a document or section.

<form>

block

Defines an HTML form for user input.

<h1> to <h6>

block

Defines HTML headings.

<head>

meta

Contains metadata/information for the document.

<header>

block

Defines a header for a document or section.

<hr>

self-closing

Defines a thematic change in the content.

<html>

block

Defines the root of an HTML document.

<i>

inline

Defines a part of text in an alternate voice or mood.

<iframe>

block

Defines an inline frame.

<img>

self-closing

Defines an image.

<input>

self-closing

Defines an input control.

<ins>

inline

Defines a text that has been inserted into a document.

<kbd>

inline

Defines keyboard input.

<label>

inline

Defines a label for an <input> element.

<legend>

block

Defines a caption for a <fieldset> element.

<li>

block

Defines a list item.

<link>

self-closing

Defines the relationship between a document and an external resource.

<main>

block

Specifies the main content of a document.

<map>

block

Defines an image map.

<mark>

inline

Defines marked/highlighted text.

<meta>

self-closing

Defines metadata about an HTML document.

<meter>

inline

Defines a scalar measurement within a known range.

<nav>

block

Defines navigation links.

<noscript>

block

Defines an alternate content for users that do not support client-side scripts.

<object>

block

Defines a container for an external resource.

<ol>

block

Defines an ordered list.

<optgroup>

block

Defines a group of related options in a drop-down list.

<option>

block

Defines an option in a drop-down list.

<output>

inline

Defines the result of a calculation.

<p>

block

Defines a paragraph.

<param>

self-closing

Defines a parameter for an object.

<picture>

block

Defines a container for multiple image resources.

<pre>

block

Defines preformatted text.

<progress>

inline

Represents the progress of a task.

<q>

inline

Defines a short quotation.

<rp>

inline

Defines what to show in browsers that do not support ruby annotations.

<rt>

inline

Defines an explanation/pronunciation of characters.

<ruby>

inline

Defines a ruby annotation.

<s>

inline

Defines text that is no longer correct.

<samp>

inline

Defines sample output from a computer program.

<script>

meta

Defines a client-side script.

<section>

block

Defines a section in a document.

<select>

block

Defines a drop-down list.

<small>

inline

Defines smaller text.

<source>

self-closing

Defines multiple media resources for media elements.

<span>

inline

Defines a section in a document.

<strong>

inline

Defines important text.

<style>

meta

Defines style information for a document.

<sub>

inline

Defines subscripted text.

<summary>

block

Defines a visible heading for a <details> element.

<sup>

inline

Defines superscripted text.

<svg>

block

Defines a container for SVG graphics.

<table>

block

Defines a table.

<tbody>

block

Groups the body content in a table.

<td>

block

Defines a cell in a table.

<template>

block

Defines a container for content that should be hidden when the page loads.

<textarea>

inline

Defines a multiline input control.

<tfoot>

block

Groups the footer content in a table.

<th>

block

Defines a header cell in a table.

<thead>

block

Groups the header content in a table.

<time>

inline

Defines a specific time.

<title>

meta

Defines a title for the document.

<tr>

block

Defines a row in a table.

<track>

self-closing

Defines text tracks for media elements.

<u>

inline

Defines some text that is unarticulated.

<ul>

block

Defines an unordered list.

<var>

inline

Defines a variable.

<video>

block

Defines embedded video content.

<wbr>

self-closing

Defines a possible line-break.