All HTML Tags and Their Function

Let AI summarise and analyse this post for you:
All HTML Tags and Their Function

Every time you visit the internet, you interact with HTML codes and related tags. HTML is primarily used to develop web pages as well as web applications that run on different web browsers like Google Chrome, Firefox, or Microsoft Edge. So, let’s understand the concept of HTML and different HTML tag use. 

What is HTML?

HTML stands for Hypertext Markup Language. It is the language used to describe structured documents and for creating web pages online. You can use a variety of text editors to write the HTML codes. Alternatively, you can also leverage free tools such as HTML Editor or Word to HTML Converter to write or edit your codes.

Define Tag in HTML 

HTML tags are like keywords that are used to produce web pages in different formats. With the aid of HTML code tags, a web browser can distinguish between HTML content and simple content. There are three parts of an HTML tag- the opening tag, the content, and the closing tag. You can also find some HTML tags with unclosed tags. 

A web browser reads an HTML tag from top to bottom, and from left to right. You can use these tags to create HTML documents and render their properties. For example, is the opening tag, whereas is the closing tag. Note that the closing tag has the same text as the opening tag, but has an additional forward slash (/) character. 

Each HTML tag has different properties which you can use for different purposes. An HTML file needs to consist of some essential tags. This helps the web browsers understand the differences between HTML and simple content. You can use as many tags according to your code requirements.

A to Z list of HTML Tags

Here is the complete list of different types of tags in HTML:

elements.
Tag NameFunction
 This tag is used to apply comments in an HTML document.
 Used for specifying the version of HTML being used.
Termed as the anchor tag, an important tag in HTML, it is used to create a hyperlink or link.
This tag defines an abbreviation for a phrase or longer word.
It defines the acronym for a word that gives useful information to browsers, search engines, and translation systems. (Not supported in HTML5)
It indicates the contact information of a person or an organization.
Used for embedding Java applets into any HTML document. (Not supported in HTML5)
 Used in an HTML document to map a portion of an image so that it becomes clickable for the end-user.
Represents an article and is a new sectioning element in HTML5.
Used for embedding sound in content in HTML documents.
It defines content aside from the main content and is represented as a sidebar.
B
 This tag makes the text bold.
Defines the base URL for all relative URLs in a document.
Used for setting a default font, size, as well as color for all elements of a document.(Not supported in HTML5)
 Stands for Bi-directional isolation and differentiates a text from other text that may be formatted in different directions from its surrounding text.
Stands for Bi-directional override and is used to specify the text directions used to change the current direction of the text.
Used for playing the soundtrack in the background.
Used for increasing the size of the selected text by one size larger than the surrounding text.(Not supported in HTML5)
Used for displaying a quotation/content taken from another source. 
Used for defining the body section of an HTML document.

Used for applying a single link break.
Used for representing a clickable button.
C
 Used for providing a graphics space within a web document and can be used for drawing paths, boxes, texts, gradients, and adding images. 
Used for defining a caption for a table.
Used for aligning the content in the center.(Not supported in HTML5)
Used for defining the title of a work, book, or website, among others. It displays the text in italic format.
Used for displaying a part of the programming code in an HTML document.
Defines a column within a table which represents common properties of columns and used with
Useful for applying styles to entire columns, instead of repeating the styles for each column and row separately.
D
This tag links the content within machine-readable translation.
Used for providing a predefined list for input options. It has an autocomplete feature and is used with an input tag so that users can easily fill relevant data into forms using the given data.
Used for denoting definition/description of a term in the description list.
Defines the text which has been deleted from a document.
Can be used to create an interactive widget that defines the additional details which a user can either view or hide.
Used for indicating a term which is defined with a sentence or phrase. 
It defines a dialog box or other interactive components.
Used as a container for a directory list of files.(Not supported in HTML5)
Used for making divisions of content in a web page. It can be used for dividing text, images, headers, footers, navigation bar, among others. 
Used for defining a description list.
Used for defining a term in the description list. It is usually used inside the
element and followed by a
tag.
E
Used for emphasizing the content applied within this element.
Used as an embedded container for external files, or applications or media, etc.
F
Used for grouping related elements/labels within a web form. 
Used for adding a caption or explanation for the
element.
Used for defining the self-contained content like diagrams, illustrations, photos, or codes in a document and is mostly referred to as a single unit.
It defines the font, size, color, and face for the content and helps in creating a readable web page.(Not supported in HTML5)
Defines the footer section of a webpage. 
Used for defining an HTML form used for the registration process and logging into a profile among others.
Defines a particular area of a web page which can contain another HTML file.(Not supported in HTML5)
 Defines a group of frames and is used to specify the number of rows and columns used in a frameset with their pixel of spaces.(Not supported in HTML5)
H

to

 
This tag defines headings for an HTML document from level 1 (the highest level) to 6 (the lowest level).
 Defines the head section of an HTML document.
Defines the header of a section or web page. 
Used for wrapping one or more heading elements from

to

, such as the headings and subheadings. 

Used for applying thematic breaks between paraphrase-level elements.
Represents the root of HTML and XHTML documents. 
I
 This tag is used to represent a text in a different language.