Download as pdf or txt
Download as pdf or txt
You are on page 1of 13

HTML Tags – A to Z List

What are HTML tags ?


HTML tags are the keywords that are used to produce web pages in
various formats. Opening tags and closing tags are found in the
majority of tags. The concluding tags contain a forward slash (/),
while the language of the beginning tags is the same. Certain tags
don’t need to be closed.

Example:

html

<!DOCTYPE html>

<html>

<head>

<title>Welcom to Geeksforgeeks</title>

</head>

<body>

<h2>Geeksforgeeks</h2>

<p>

A Computer Science Portal for Geeks

</p>

<p>

Please change the code and click the

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 1 of 13
:
Run the button to see the changes.

</p>

</body>

</html>

A to Z HTML Tags: The complete list of HTML tags is given below.

Tags Description Syntax Example


According to the HTML
!DOCTYPE specification or standards,
< !DOCTYPE html >
html every HTML document requires
a document type declaration.
The abbreviation tag in HTML is
abbreviation used to define the abbreviation <abbr title=” “> … </abbr>
or short form of an element.
The acronym tag in HTML is
used to define the acronym that
<acronym title=” “> …
acronym gives useful information to
</acronym>
browsers, translation systems,
and search engines.
The address tag in HTML
indicates the contact
address <address> … </address>
information of a person or an
organization.
The anchor tag in HTML is used
anchor to create a hyperlink on the <a herf=” “> …</a>
webpage.
The applet tag in HTML was
used to embed Java applets
applet into any HTML document, <applet>….</applet>
discontinued starting from
HTML 5.
This area tag is used in an
HTML document to map a
area <area>
portion of an image to make it
clickable by the end-user.
The <article> tag is one of the
new sectioning element in
article <article>..</article>
HTML5. The tag is used to
represent an article.
The <aside> tag is used to
describe the main object of the
aside <aside>..</aside>
web page in a shorter way like a

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 2 of 13
:
highlighter.
It is a useful tag if you want to
add audio such as songs,
audio <audio>..</audio>
interviews, etc. on your
webpage.
The HTML base tag is used to
specify a base URI, or URL, for
base relative links. This URL will be <base href = ” “>
the base URL for every link on
the page.
This tag is used to set the
default text-color, font-size, &
basefont font-family of all the text in the <basefont>
browser. Not supported in
HTML5.
The bdi tag refers to Bi-
Directional Isolation. It
bdi differentiates a text from other <bdi> … </bdi>
text that may be formatted in a
different direction.
The bdo stands for Bi-
Directional Override. This tag is
bdo used to specify the text <bdo dir> Contents… </bdo>
direction or used to change the
current direction.
The bgsound tag is used to
bgsound play the soundtrack in the <bgsound src=””>
background.
The big tag in HTML is used to
increase the selected text size
big <big> Contents… </big>
by one larger than the
surrounding text. In HTML 5.
The blockquote tag in HTML is
used to display the long <blockquote> Contents…
blockquote
quotations (a section that is </blockquote>
quoted from another source).
The body tag in HTML is used
body to define the main content <body> Contents… </body>
present inside an HTML page.
The bold tag in HTML is used to
bold specify the bold text without <b>… </b>
any extra importance.
The break tag inserts a single
carriage return or breaks in the
break <br>
document. This element has no
end tag.

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 3 of 13
:
The button tag in HTML is used
button to define the clickable button. <button type = “button”>
<button> tag is used to submit
the content.
The caption tag is used to
specify the caption of a table. <caption align = “value”>
caption
Only one caption can be </caption>
specified for one table.
It can be used to draw paths,
<canvas id = “script”>
canvas boxes, texts, gradients, and
Contents</canvas>
add images.
The center tag in HTML is used
to set the alignment of text in
center <center> Contents.</center>
the center. Not supported in
HTML5.
The cite tag in HTML is used to
cite define the title of a work. It <cite>Content</cite>
displays the text in italic format.
The code tag in HTML is used
code to define the piece of computer <code>Contents</code>
code.
It is useful for applying styles to
entire columns, instead of <colgroup> Column lists
colgroup
repeating the styles for each </colgroup>
column, and for each row
The col tag in HTML is used to
set the column properties for
column <col attribute = “value”>
each column within a colgroup
tag.
The comment tag is used to
comment insert comments in the HTML <!–…–>
code.
The data element gives an
<data value=””> Contents
data address to a given content with
</data>
a machine-readable translator.
The datalist tag is used to
provide autocomplete feature &
datalist used with an input tag so that <datalist>Contents</datalist>
users can easily fill the data in
the forms using select the data.
The dd tag is used to denote
dd the description or definition of <dd>Contents</dd>
an item in a description list.
The define tag in HTML
represents the definition
define element and is used to <dfn>Contents</dfn>

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 4 of 13
:
represent a defining instance in
HTML.
Delete tag is used to mark a
delete portion of text which has been <del>Contents</del>
deleted from the document.
This tag is used to create an
details interactive widget that the user <details>Contents</details>
can open or close.
This tag is used to create a
popup dialog and models on a <dialog open> Contents…
dialog
web page. This tag is new in </dialog>
HTML5.
The dir tag is used to make a
list of directory titles. It is not
dir supported in HTML 5 <ul> or <dir> Lists… </dir>
CSS are used instead of <dir>
tag.
The div tag is used in HTML to
make divisions of content in the
div web page (text, images, <div>Content</div>
header, footer, navigation bar,
etc).
The dl tag in HTML is used to
represent the description list. In
dl HTML4.1, it defines definition <dl> Contents… </dl>
list and in HTML5, it defines
description list.
The dt tag in HTML is used to
specify the description list. It is
dt used inside the <dl> element. It <dt> Content… </dt>
is usually followed by a <dd>
tag.
It is used as a container for
embed embedding plug-ins such as <embed attributes>
flash animations.
The fieldset tag in HTML5 is
used to make a group of related
fieldset elements in the form, and it <fieldset>Contents</fieldset>
creates the box over the
elements.
The figurecaption tag in HTML
is used to set a caption to the <figcaption> Figure caption
figcaption
figure element in a document. </figcaption>
This tag is new in HTML5.
The figure tag in HTML is used
to add self-contained content <figure> Image content…

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 5 of 13
:
figure like illustrations, diagrams, </figure>
photos, or codes listed in a
document.
The font tag in HTML plays an
important role in the web page <font attribute = “value”>
font
to create an attractive and Content </font>
readable web page.
The footer tag in HTML is used
to define a footer of HTML
footer <footer> … </footer>
document. This section
contains the footer information.
This form is used basically for
the registration process,
form logging into your profile on a <form> Form Content… </form>
website or creating your profile
on a website, etc …
HTML Frames are used to
divide the web browser window
frame <frame/>
into multiple sections. Not
supported in HTML5.
The frameset element contains
one or more frame elements. It
is used to specify the number
frameset <frameset cols = “pixels|%|*”>
of rows and columns in a
frameset with their pixel of
spaces.
The head tag in HTML is used
to define the head portion of
head the document which contains <head>…</head>
information related to the
document.
The header tag is used to
contain the information related
header <header> …</header>
to the title and heading of the
related content.
An HTML heading tag is used
to define the headings of a
page. These 6 heading
<h1>Heading1</h1>
heading elements are h1, h2, h3, h4, h5,
<h2>Heading2</h2>
and h6; with h1 being the
highest level and h6 being the
least.
The hgroup tag in HTML is
used to wrap one or more
hgroup heading elements from <h1> to <hgroup> … </hgroup>
<h6>, such as the headings
and sub-headings.

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 6 of 13
:
The hr tag in HTML stands for
hr <hr>
horizontal rule and is used to
insert a horizontal rule.
The html tag in HTML is used to
html define the root of HTML and <html> Contents </html>
XHTML documents.
The iframe tag defines a
rectangular region within the
<iframe src=”URL” title=”
Iframes document in which the browser
description”></iframe>
can display a separate
document.
HTML Image, how to add the
image in HTML. In earlier times,
the web pages only contains <img src=”url” alt=”some_text”
image
textual content, which made width=”” height=””>
them appear quite boring and
uninteresting.
The input tag is used within <
form> element to declare input
input <input type = “value” …. />
controls that allow users to
input data.
The ins tag is typically used to
ins mark a range of text that has <ins> Contents… </ins>
been added to the document.
The index tag is used to query
isindex any document through a text <isindex prompt=”search”>
field.
This tag is generally used to
display a technical term,
italic <i> Contents</i>
phrase, the important word in a
different language.
The text enclosed within kbd
tag is typically displayed in the
kbd <kbd> text content … </kbd>
browser’s default monospace
font.
The keygen tag in HTML is
used to specify a key-pair
generator field in a form. When
keygen <keygen name = “name”>
a form is submitted then two
keys are generated, the private
key and a public key.
The label tag in HTML is used
label to provide a usability <label> form content… </label>
improvement for mouse users.
The legend tag is used to
define the title for the child
legend <legend> Text </legend>

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 7 of 13
:
contents. The legend elements
are the parent element.
The list tag in HTML is used to
define the list item in an HTML
list document. It is used within an <li> List Items </li>
Ordered List <ol> or Unordered
List <ul>.
The main tag is used to give the
main information of a
main document. The content inside <main>Coontents</main>
the <main> element should be
unique for the document.
The mark tag in HTML is used
to define the marked text. It is
mark <mark> Contents… </mark>
used to highlight the part of the
text in a paragraph.
The marquee tag in HTML is
used to create scrolling text or
marquee <marquee>Contents</marquee>
images on a webpage. It scrolls
either horizontally or vertically.
The menuitem tag is used to
define a command or menu that
<menuitem label=”” icon=””
menuitem the user can utilize from the
type> </menuitem>
popup item. Not supported in
HTML5.
The meta tag is regularly used
to give watchwords, portrayals,
author data, and other
metadata that might be utilized
meta by the program to deliver the <meta attribute-name=”value”>
document accurately or in
simple words, it provides
important information about a
document.
It is used to define the scale for
measurement in a well-defined
meter <meter attributes…> </meter>
range and also supports a
fractional value.
The nav tag is used for
declaring the navigational
section in HTML documents.
Websites typically have
nav <nav> Links… </nav>
sections dedicated to
navigational links, which
enables users to navigate the
site.
The no break tag is used to

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 8 of 13
:
create a single line text, that
nobreak <nobr> Statement </nobr>
does not matter how long the
statement is, this tag is used
with <wbr> tag.
The noembed tag is used to
<noembed> Element
noembed show that the browser is not
</noembed>
supported by <embed> tag.
The noscript tag in HTML is
used to display the text for
those browsers which does not <noscript> Contents…
noscript
support the script tag or the </noscript>
browsers disable the script by
the user.
The object tag is an HTML tag
used to display multimedia like
object <object>…</object>
audio, videos, images, PDFs,
and Flash on web pages.
This tag is used to create a
optgroup group of the same category <optgroup>…</optgroup>
options in a drop-down list.
The option tag in HTML is used
option to choose an option from a <option> Contents… </option>
Drop-Down menu.
The output tag in HTML is used
to represent the result of a
output calculation performed by the <output> Results… </output>
client-side script such as
JavaScript.
The <p> tag in HTML defines a
paragraphs paragraph. These have both <p> Content </p>
opening and closing tags.
The param tag in HTML is used
to define a parameter for plug-
param <param name=”” value=””>
ins which is associated with
<object> element.
In HTML, phrase tag is used to
phrase indicate the structural meaning <em> Text Content </em>
of a block of text.
The pre tag in HTML is used to
define the block of
pre <pre> Contents… </pre>
preformatted text which
preserves the text spaces.
It is used to represent the
progress of a task. It is also
defined how much work is done <progress attributes…>
progress
and how much is left to </progress>

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 9 of 13
:
download a thing.
The q tag is a standard
q quotation tag and is used for <q> Contents… </q>
short quotations.
The rp tag in HTML is used to
provide parentheses around a <rp>[</rp> Explaination… <rp>]
rp
ruby main text which defines </rp>
the information.
The rt tag in HTML is used to
define the explanation of the
rt ruby annotation which is a <rt> Explanation… </rt>
small text, attached to the main
text.
The ruby tag in HTML is used
to specify the ruby annotation
<ruby attributes> Contents…
ruby which is a small text, attached
</ruby>
with the main text to specify
the meaning of the main text.
This tag is used to specify that
the text content is no longer
s correct or accurate. This tag is <s> Contents… </s>
similar but slightly different
from <del> tag.
It is a phrase tag used to define
samp the sample output text from a <samp> Contents… </samp>
computer program.
The script tag in HTML is used <script> Script Contents…
script
to define the client-side script. </script>
Section tag defines the section
of documents such as <section> Section Contents
section
chapters, headers, footers, or </section>
any other sections.
The small tag in HTML is used
to set small font sizes. It
small decreases the font size by one <small> Contents… </small>
size (from medium to small,
from x-large to large).
The source tag in HTML is used
<source src=”” type=””
source to attach multimedia files like
> </source>
audio, video, and pictures.
The spacer tag is used to
spacer create some white space. Not- <spacer type=”” size=””>
supporte in HTML5 .
The HTML span element is a
span generic inline container for <span class=””>Some
inline elements and content. Text</span>

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 10 of 13
:
HTML strike tag, along with
understanding its
implementation through the
strike <strike> Contents </strike>
example. The <strike> tag
defines a strike or line through
Text.
The strong tag in HTML is the
parsed tag and is used to show
strong <strong> Contents… </strong>
the importance of the text.
Make that text bold.
The style tag in HTML helps us <tagname style=”
style
to design the web page. property:value;”>
The sub-tag is used to
add a subscript text to
the HTML document.
sub and sup <sub>subscript text</sub>
The <sup> tag is used to
Tags <sup>superscript text</sup>
add superscript text to
the HTML document.

The <summary> tag in HTML is


<summary> Content
summary used to define a summary for
</summary>
the <details> element.
HTML SVG Basics, & their
implementation through the
svg <svg height=”” width=””>
examples. SVG stands for
Scalable Vector Graphics.
HTML Table, various ways to
implement it, & will also
understand its usage through
table the examples. HTML Table is an <table>… </table>
arrangement of data in rows
and columns, or possibly in a
more complex structure.
The tbody tag in HTML is used
to make a group of the same <tbody> // Table contents
tbody
type of content of the body </tbody>
element.
The table data tag is used to
td define a standard cell in an <td>……..</td>
HTML table.
The template tag in HTML is
used to store the HTML code
<template> Contents
template fragments, which can be
</template>
cloned and inserted in an HTML
document.
This tag is used in HTML table
<tfoot> // Table footer
tfoot with header and body which is

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 11 of 13
:
known as “thead” and “tbody”. contents… </tfoot>

The table header tag in HTML


is used to set the header cell of
th a table. Two types of cells in <th> Contents… </th>
the HTML table Header &
Standard.
This tag is used in HTML tables
<thead>Table head Contents…
thead as head and body which are
</thead>
known as thead and tbody.
The time tag is used to display
the human-readable date/time.
time It can also be used to encode <time attribute> Time… </time>
dates and times in a machine-
readable form.
The title tag in HTML is used to
define the title of HTML
title <title> Title name </title>
document. It sets the title in the
browser toolbar.
The table row tag is used to
define a row in an HTML table.
tr <tr>…..</tr>
The <tr> element contains
multiple <th> or <td> elements.
The tracking tag specifies text
track tracks for media components <track attribute>
audio and video.
The tt tag is the abbreviation of
teletype text. This tag is
tt depreciated from HTML 5. It <tt> Contents… </tt>
was used for marking Keyboard
input.
The underline tag in HTML
stands for underline, and it’s
underline <u> Contents… </u>
used to underline the text
enclosed within the <u> tag.
It is a phrase tag used to
specify the variable in a
var <var> Contents… </var>
mathematical equation or in a
computer program.
HTML5 Video, along with
knowing the different ways to <video src=”” controls>
video
add the videos to the HTML </video>
page.
The wbr tag is used to define
wbr the position within the text <wbr>
which is treated as a line break
by the browser.

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 12 of 13
:
The XMP tag is used to create
xmp <xmp> statement </xmp>
any content in letter format.

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.

Learn to code easily with our course Coding for Everyone. This
course is accessible and designed for everyone, even if you're new
to coding. Start today and join millions on a journey to improve your
skills!

Whether you're preparing for your first job interview or aiming to


upskill in this ever-evolving tech landscape, GeeksforGeeks
Courses are your key to success. We provide top-quality content at
affordable prices, all geared towards accelerating your growth in a
time-bound manner. Join the millions we've already empowered,
and we're here to do the same for you. Don't miss out - check it out
now!

Commit to GfG's Three-90 Challenge! Purchase a course, complete


90% in 90 days, and save 90% cost click here to explore.

Last Updated : 21 Nov, 2023

Share your thoughts in the comments

https://www.geeksforgeeks.org/html-tags-a-to-z-list/?ref=lbp 25/01/24, 7 08 AM
Page 13 of 13
:

You might also like