HTML tag

HTML Tag/Elements Reference List

In this article, we had added almost every HTML tag that you might use. You can use this as a reference list whenever you need it.

Basic Tags in HTML

TagDescription
<!DOCTYPE> Defines the type of document.
<html>Defines that the document is HTML type.
<head>Defines the head tag that contains the metadata and information of the document.
<title>Defines document title.
<body>Defines the body of the document.
<h1> to <h6>Define headings in HTML.
<p>Defines paragraph in HTML.
<br>Defines a single line break.
<hr>Defines a horizontal line that is used to change the theme of the content.
<!– … –>Defines comment in HTML.
<style>Defines the style information of tags for a document.
<script>Defines a client-side script for a document.
<noscript>Defines alternate content for users that do not support <script> tag.
<embed>Defines a section for an external application.
<object>Defines an embedded object in the document.
<param>Defines a parameter for an object in a document.

Link Tags in HTML

Tag Description
<a>Defines hyperlink in HTML.
<nav>Defines a navigation link in HTML.
<link>Defines the link between a document and an external resource (generally used to link style sheets).

Image Tags in HTML

TagDescription
<img>Defines an image in HTML.
<map>Defines client-side image map in HTML.
<area>Defines image map’s area in HTML.
<canvas>Used to draw graphics, via scripting (generally in JavaScript) in HTML.
<figure>Defines self-contained content in HTML.
<figcaption>Defines caption for <figure> tag in HTML.
<picture>Defines a container that stores multiple image resources in HTML.
<svg>Defines a container that stores SVG graphics in HTML.

Video and Audio Tags in HTML

Tag Description
<video>Defines video or movie in HTML.
<audio>Defines sound content in HTML.
<track>Defines a text track for media tags (<video> and <audio>) in HTML.
<source>Defines various media resources for media tags (<video>, <audio> and <picture>) in HTML.

Frame Tag in HTML

Tag Description
<iframe>Defines inline frame in HTML.

Form Tags in HTML

Tag Description
<form>Defines a form for user input in HTML.
<input>Defines an input(which uses attributes like text,email,submit etc) in HTML.
<label>Defines label for <input> tag in HTML.
<textarea>Defines multiline text input area in HTML.
<button>Defines clickable button in HTML.
<select>Defines drop-down list in HTML.
<optgroup>Defines a group of similar options in the drop-down list in HTML.
<option>Defines option in the drop-down list in HTML.
<fieldset>It groups similar elements in the form.
<legend>Defines a caption for <fieldset> tag in HTML.
<datalist>Defines a list of pre-defined options for input attributes in HTML.
<output>Defines the calculation’s result in HTML.

List Tags in HTML

TagDescription
<ul>Defines unordered list in HTML.
<ol>Defines ordered list in HTML.
<li>Defines a list item in HTML.
<dl>Defines description list in HTML.
<dt>Defines term/name in description list in HTML.
<dd>Defines description of a term/name in description list in HTML.

Table Tags in HTML

TagDescription
<table>Defines a table in HTML.
<caption>Defines the caption of the table.
<th>Defines table header.
<tr>Defines table row.
<td>Defines table cell/table data.
<thead>Defines the header section that contains all the header content in a table.
<tbody>Defines the body section that contains all the body content in a table.
<tfoot>Defines the footer section that contains all the footer content in a table.
<col>Specifies column properties for each column within a <colgroup> element
<colgroup>Specifies a group of one or more columns in a table for formatting

Semantic Tags in HTML

TagDescription
<header>Defines a header section for a document.
<footer>Defines a footer section for a document.
<main>Defines the main content of the document.
<section>Defines a section for a document.
<article>Defines an article for a document.
<aside>Defines a content section aside from the page content.
<details>Defines additional details for a document that the user can hide or view.
<dialog>Defines a dialog box or window for a document.
<summary>Defines a visible heading for <details> tag in a document.
<data>Adds a machine-readable language for the given content.

Formatting Tags in HTML

TagDescription
<div>Defines a block section in a document.
<span>Defines an inline section in a document.
<b>Defines that the text is bold.
<abbr>Defines an abbreviation in the document.
<address>Defines the information of the author/owner of a document/article in HTML.
<code>Defines that the given content is computer code.
<em>Defines that the text is emphasized.
<mark>Defines marked text in a document.
<pre>Defines preformatted text in a document.
<small>Defines that the text is smaller than the default.
<q>Defines a short quotation in a document.
<strong>Defines that the text is important.
<sub>Defines that the text is subscripted.
<sup>Defines that the text is superscripted.
<template>Defines a section for the content that will be hidden when the page loads.
<time>Defines a specific time or date-time in a document.
<u>Defines text that is styled differently from normal text.
<var>Defines a variable in a document.
<wbr>Defines that a line-break is possible.

Meta Tags in HTML

TagDescription
<head>Defines the information about the document.
<meta>Defines metadata of an HTML document.
<base>Defines the base URL for all relative URLs in a document.

Hope this article will guide you to recognize all the HTML tags you needed and still if you have any problems or queries regarding this, post them in the comments section and we will be glad to assist you.

This Post Has One Comment

Leave a Reply