HTML Tags – A to Z List

What are HTML tags ?

HTML tags are the building blocks of any website. They are keywords used to create web pages in various formats. These tags come in pairs, with opening and closing tags, although some tags don’t need to be closed. For example, the HTML document structure is defined using tags like <!DOCTYPE html>, <html>, <head>, and <body>. This guide provides an A to Z list of HTML tags, making it a valuable resource for both beginners and experienced web developers. Before starting the list of HTML Tags, Lets see an simple example using the HTML tags.

Example: Simple example demonstrating the HTML tags use:

html

<!DOCTYPE html>
<html>
<!-- head tag -->

<head>
    <title>Welcom to w3wiki</title>
</head>
<!-- Body tag -->

<body>
    <h2>w3wiki</h2>
    <p>
        A Computer Science Portal for Beginner
    </p>
    <p>
        Please change the code and click the
        Run the button to see the changes.
    </p>
</body>
</html>

A to Z HTML Tags:

Let us see the extensive list of HTML tags, from A to Z. Whether you are just starting out or need a quick reference, this list has you covered. Each tag in HTML has a specific purpose, from defining the document type with <!DOCTYPE html> to creating hyperlinks with <a>. Some tags, like <abbr> and <acronym>, provide useful information to browsers, translation systems, and search engines. Others, like <address>, indicate contact information. This list includes descriptions, syntax, and examples for each tag, helping you understand and utilize them effectively in your web development journey.

Tags	Description	Syntax	Example
!DOCTYPE html	According to the HTML specification or standards, every HTML document requires a document type declaration.	< !DOCTYPE html >	Try
abbreviation	The abbreviation tag in HTML is used to define the abbreviation or short form of an element.	<abbr title=” “> … </abbr>	Try
acronym	The acronym tag in HTML is used to define the acronym that gives useful information to browsers, translation systems, and search engines.	<acronym title=” “> … </acronym>	Try
address	The address tag in HTML indicates the contact information of a person or an organization.	<address> … </address>	Try
anchor	The anchor tag in HTML is used to create a hyperlink on the webpage.	<a herf=” “> …</a>	Try
applet	The applet tag in HTML was used to embed Java applets into any HTML document, discontinued starting from HTML 5.	<applet>….</applet>	Try
area	This area tag is used in an HTML document to map a portion of an image to make it clickable by the end-user.	<area>	Try
article	The <article> tag is one of the new sectioning element in HTML5. The tag is used to represent an article.	<article>..</article>	Try
aside	The <aside> tag is used to describe the main object of the web page in a shorter way like a highlighter.	<aside>..</aside>	Try
audio	It is a useful tag if you want to add audio such as songs, interviews, etc. on your webpage.	<audio>..</audio>	Try
base	The HTML base tag is used to specify a base URI, or URL, for relative links. This URL will be the base URL for every link on the page.	<base href = ” “>	Try
basefont	This tag is used to set the default text-color, font-size, & font-family of all the text in the browser. Not supported in HTML5.	<basefont>	Try
bdi	The bdi tag refers to Bi-Directional Isolation. It differentiates a text from other text that may be formatted in a different direction.	<bdi> … </bdi>	Try
bdo	The bdo stands for Bi-Directional Override. This tag is used to specify the text direction or used to change the current direction.	<bdo dir> Contents… </bdo>	Try
bgsound	The bgsound tag is used to play the soundtrack in the background.	<bgsound src=””>	Try
big	The big tag in HTML is used to increase the selected text size by one larger than the surrounding text. In HTML 5.	<big> Contents… </big>	Try
blockquote	The blockquote tag in HTML is used to display the long quotations (a section that is quoted from another source).	<blockquote> Contents… </blockquote>	Try
body	The body tag in HTML is used to define the main content present inside an HTML page.	<body> Contents… </body>	Try
bold	The bold tag in HTML is used to specify the bold text without any extra importance.	<b>… </b>	Try
break	The break tag inserts a single carriage return or breaks in the document. This element has no end tag.	<br>	Try
button	The button tag in HTML is used to define the clickable button. <button> tag is used to submit the content.	<button type = “button”>	Try
caption	The caption tag is used to specify the caption of a table. Only one caption can be specified for one table.	<caption align = “value”></caption>	Try
canvas	It can be used to draw paths, boxes, texts, gradients, and add images.	<canvas id = “script”> Contents</canvas>	Try
center	The center tag in HTML is used to set the alignment of text in the center. Not supported in HTML5.	<center> Contents.</center>	Try
cite	The cite tag in HTML is used to define the title of a work. It displays the text in italic format.	<cite>Content</cite>	Try
code	The code tag in HTML is used to define the piece of computer code.	<code>Contents</code>	Try
colgroup	It is useful for applying styles to entire columns, instead of repeating the styles for each column, and for each row	<colgroup> Column lists </colgroup>	Try
column	The col tag in HTML is used to set the column properties for each column within a colgroup tag.	<col attribute = “value”>	Try
comment	The comment tag is used to insert comments in the HTML code.	<!–…–>	Try
data	The data element gives an address to a given content with a machine-readable translator.	<data value=””> Contents </data>	Try
datalist	The datalist tag is used to provide autocomplete feature & used with an input tag so that users can easily fill the data in the forms using select the data.	<datalist>Contents</datalist>	Try
dd	The dd tag is used to denote the description or definition of an item in a description list.	<dd>Contents</dd>	Try
define	The define tag in HTML represents the definition element and is used to represent a defining instance in HTML.	<dfn>Contents</dfn>	Try
delete	Delete tag is used to mark a portion of text which has been deleted from the document.	<del>Contents</del>	Try
details	This tag is used to create an interactive widget that the user can open or close.	<details>Contents</details>	Try
dialog	This tag is used to create a popup dialog and models on a web page. This tag is new in HTML5.	<dialog open> Contents… </dialog>	Try
dir	The dir tag is used to make a list of directory titles. It is not supported in HTML 5 <ul> or CSS are used instead of <dir> tag.	<dir> Lists… </dir>	Try
div	The div tag is used in HTML to make divisions of content in the web page (text, images, header, footer, navigation bar, etc).	<div>Content</div>	Try
dl	The dl tag in HTML is used to represent the description list. In HTML4.1, it defines definition list and in HTML5, it defines description list.	<dl> Contents… </dl>	Try
dt	The dt tag in HTML is used to specify the description list. It is used inside the <dl> element. It is usually followed by a <dd> tag.	<dt> Content… </dt>	Try
embed	It is used as a container for embedding plug-ins such as flash animations.	<embed attributes>	Try
fieldset	The fieldset tag in HTML5 is used to make a group of related elements in the form, and it creates the box over the elements.	<fieldset>Contents</fieldset>	Try
figcaption	The figurecaption tag in HTML is used to set a caption to the figure element in a document. This tag is new in HTML5.	<figcaption> Figure caption </figcaption>	Try
figure	The figure tag in HTML is used to add self-contained content like illustrations, diagrams, photos, or codes listed in a document.	<figure> Image content… </figure>	Try
font	The font tag in HTML plays an important role in the web page to create an attractive and readable web page.	<font attribute = “value”> Content </font>	Try
footer	The footer tag in HTML is used to define a footer of HTML document. This section contains the footer information.	<footer> … </footer>	Try
form	This form is used basically for the registration process, logging into your profile on a website or creating your profile on a website, etc …	<form> Form Content… </form>	Try
frame	HTML Frames are used to divide the web browser window into multiple sections. Not supported in HTML5.	<frame/>	Try
frameset	The frameset element contains one or more frame elements. It is used to specify the number of rows and columns in a frameset with their pixel of spaces.	<frameset cols = “pixels\|%\|*”>	Try
head	The head tag in HTML is used to define the head portion of the document which contains information related to the document.	<head>…</head>	Try
header	The header tag is used to contain the information related to the title and heading of the related content.	<header> …</header>	Try
heading	An HTML heading tag is used to define the headings of a page. These 6 heading elements are h1, h2, h3, h4, h5, and h6; with h1 being the highest level and h6 being the least.	<h1>Heading1</h1><h2>Heading2</h2>	Try
hgroup	The hgroup tag in HTML is used to wrap one or more heading elements from <h1> to <h6>, such as the headings and sub-headings.	<hgroup> … </hgroup>	Try
hr	The hr tag in HTML stands for horizontal rule and is used to insert a horizontal rule.	<hr>	Try
html	The html tag in HTML is used to define the root of HTML and XHTML documents.	<html> Contents </html>	Try
Iframes	The iframe tag defines a rectangular region within the document in which the browser can display a separate document.	<iframe src=”URL” title=”description”></iframe>	Try
image	HTML Image, how to add the image in HTML. In earlier times, the web pages only contains textual content, which made them appear quite boring and uninteresting.	<img src=”url” alt=”some_text” width=”” height=””>	Try
input	The input tag is used within < form> element to declare input controls that allow users to input data.	<input type = “value” …. />	Try
ins	The ins tag is typically used to mark a range of text that has been added to the document.	<ins> Contents… </ins>	Try
isindex	The index tag is used to query any document through a text field.	<isindex prompt=”search”>	Try
italic	This tag is generally used to display a technical term, phrase, the important word in a different language.	<i> Contents</i>	Try
kbd	The text enclosed within kbd tag is typically displayed in the browser’s default monospace font.	<kbd> text content … </kbd>	Try
keygen	The keygen tag in HTML is used to specify a key-pair generator field in a form. When a form is submitted then two keys are generated, the private key and a public key.	<keygen name = “name”>	Try
label	The label tag in HTML is used to provide a usability improvement for mouse users.	<label> form content… </label>	Try
legend	The legend tag is used to define the title for the child contents. The legend elements are the parent element.	<legend> Text </legend>	Try
list	The list tag in HTML is used to define the list item in an HTML document. It is used within an Ordered List <ol> or Unordered List <ul>.	<li> List Items </li>	Try
main	The main tag is used to give the main information of a document. The content inside the <main> element should be unique for the document.	<main>Coontents</main>	Try
mark	The mark tag in HTML is used to define the marked text. It is used to highlight the part of the text in a paragraph.	<mark> Contents… </mark>	Try
marquee	The marquee tag in HTML is used to create scrolling text or images on a webpage. It scrolls either horizontally or vertically.	<marquee>Contents</marquee>	Try
menuitem	The menuitem tag is used to define a command or menu that the user can utilize from the popup item. Not supported in HTML5.	<menuitem label=”” icon=”” type> </menuitem>	Try
meta	The meta tag is regularly used to give watchwords, portrayals, author data, and other metadata that might be utilized by the program to deliver the document accurately or in simple words, it provides important information about a document.	<meta attribute-name=”value”>	Try
meter	It is used to define the scale for measurement in a well-defined range and also supports a fractional value.	<meter attributes…> </meter>	Try
nav	The nav tag is used for declaring the navigational section in HTML documents. Websites typically have sections dedicated to navigational links, which enables users to navigate the site.	<nav> Links… </nav>	Try
nobreak	The no break tag is used to create a single line text, that does not matter how long the statement is, this tag is used with <wbr> tag.	<nobr> Statement </nobr>	Try
noembed	The noembed tag is used to show that the browser is not supported by <embed> tag.	<noembed> Element </noembed>	Try
noscript	The noscript tag in HTML is used to display the text for those browsers which does not support the script tag or the browsers disable the script by the user.	<noscript> Contents… </noscript>	Try
object	The object tag is an HTML tag used to display multimedia like audio, videos, images, PDFs, and Flash on web pages.	<object>…</object>	Try
optgroup	This tag is used to create a group of the same category options in a drop-down list.	<optgroup>…</optgroup>	Try
option	The option tag in HTML is used to choose an option from a Drop-Down menu.	<option> Contents… </option>	Try
output	The output tag in HTML is used to represent the result of a calculation performed by the client-side script such as JavaScript.	<output> Results… </output>	Try
paragraphs	The <p> tag in HTML defines a paragraph. These have both opening and closing tags.	<p> Content </p>	Try
param	The param tag in HTML is used to define a parameter for plug-ins which is associated with <object> element.	<param name=”” value=””>	Try
phrase	In HTML, phrase tag is used to indicate the structural meaning of a block of text.	<em> Text Content </em>	Try
pre	The pre tag in HTML is used to define the block of preformatted text which preserves the text spaces.	<pre> Contents… </pre>	Try
progress	It is used to represent the progress of a task. It is also defined how much work is done and how much is left to download a thing.	<progress attributes…> </progress>	Try
q	The q tag is a standard quotation tag and is used for short quotations.	<q> Contents… </q>	Try
rp	The rp tag in HTML is used to provide parentheses around a ruby main text which defines the information.	<rp>[</rp> Explaination… <rp>]</rp>	Try
rt	The rt tag in HTML is used to define the explanation of the ruby annotation which is a small text, attached to the main text.	<rt> Explanation… </rt>	Try
ruby	The ruby tag in HTML is used to specify the ruby annotation which is a small text, attached with the main text to specify the meaning of the main text.	<ruby attributes> Contents… </ruby>	Try
s	This tag is used to specify that the text content is no longer correct or accurate. This tag is similar but slightly different from <del> tag.	<s> Contents… </s>	Try
samp	It is a phrase tag used to define the sample output text from a computer program.	<samp> Contents… </samp>	Try
script	The script tag in HTML is used to define the client-side script.	<script> Script Contents… </script>	Try
section	Section tag defines the section of documents such as chapters, headers, footers, or any other sections.	<section> Section Contents </section>	Try
small	The small tag in HTML is used to set small font sizes. It decreases the font size by one size (from medium to small, from x-large to large).	<small> Contents… </small>	Try
source	The source tag in HTML is used to attach multimedia files like audio, video, and pictures.	<source src=”” type=””> </source>	Try
spacer	The spacer tag is used to create some white space. Not-supporte in HTML5 .	<spacer type=”” size=””>	Try
span	The HTML span element is a generic inline container for inline elements and content.	<span class=””>Some Text</span>	Try
strike	HTML strike tag, along with understanding its implementation through the example. The <strike> tag defines a strike or line through Text.	<strike> Contents </strike>	Try
strong	The strong tag in HTML is the parsed tag and is used to show the importance of the text. Make that text bold.	<strong> Contents… </strong>	Try
style	The style tag in HTML helps us to design the web page.	<tagname style=”property:value;”>	Try
sub and sup Tags	The sub-tag is used to add a subscript text to the HTML document. The <sup> tag is used to add superscript text to the HTML document.	<sub>subscript text</sub><sup>superscript text</sup>	Try
summary	The <summary> tag in HTML is used to define a summary for the <details> element.	<summary> Content </summary>	Try
svg	HTML SVG Basics, & their implementation through the examples. SVG stands for Scalable Vector Graphics.	<svg height=”” width=””>	Try
table	HTML Table, various ways to implement it, & will also understand its usage through the examples. HTML Table is an arrangement of data in rows and columns, or possibly in a more complex structure.	<table>… </table>	Try
tbody	The tbody tag in HTML is used to make a group of the same type of content of the body element.	<tbody> // Table contents </tbody>	Try
td	The table data tag is used to define a standard cell in an HTML table.	<td>……..</td>	Try
template	The template tag in HTML is used to store the HTML code fragments, which can be cloned and inserted in an HTML document.	<template> Contents </template>	Try
tfoot	This tag is used in HTML table with header and body which is known as “thead” and “tbody”.	<tfoot> // Table footer contents… </tfoot>	Try
th	The table header tag in HTML is used to set the header cell of a table. Two types of cells in the HTML table Header & Standard.	<th> Contents… </th>	Try
thead	This tag is used in HTML tables as head and body which are known as thead and tbody.	<thead>Table head Contents…</thead>	Try
time	The time tag is used to display the human-readable date/time. It can also be used to encode dates and times in a machine-readable form.	<time attribute> Time… </time>	Try
title	The title tag in HTML is used to define the title of HTML document. It sets the title in the browser toolbar.	<title> Title name </title>	Try
tr	The table row tag is used to define a row in an HTML table. The <tr> element contains multiple <th> or <td> elements.	<tr>…..</tr>	Try
track	The tracking tag specifies text tracks for media components audio and video.	<track attribute>	Try
tt	The tt tag is the abbreviation of teletype text. This tag is depreciated from HTML 5. It was used for marking Keyboard input.	<tt> Contents… </tt>	Try
underline	The underline tag in HTML stands for underline, and it’s used to underline the text enclosed within the <u> tag.	<u> Contents… </u>	Try
var	It is a phrase tag used to specify the variable in a mathematical equation or in a computer program.	<var> Contents… </var>	Try
video	HTML5 Video, along with knowing the different ways to add the videos to the HTML page.	<video src=”” controls> </video>	Try
wbr	The wbr tag is used to define the position within the text which is treated as a line break by the browser.	<wbr>	Try
xmp	The XMP tag is used to create any content in letter format.	<xmp> statement </xmp>	Try

In conclusion, understanding and effectively using HTML tags is a fundamental skill for any web developer. This A to Z guide of HTML tags serves as a comprehensive resource, whether you’re a beginner just starting your web development journey or an experienced developer looking for a quick reference. Remember, the power of HTML lies in its simplicity and versatility. By mastering these tags, you can create engaging, accessible, and SEO-friendly websites that not only look good but also function seamlessly.

Web developers starting sometimes need a simple, quick reference list of basic HTML tags. We have an article on the Most used HTML tags- Most commonly used tags in HTML.

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.

Tags:

#HTML-Tags #HTML #Web Technologies

SVG Tutorial

HTML Attributes Complete Reference

HTML Tags – A to Z List

What are HTML tags ?

A to Z HTML Tags:

Contact Us