Comprehensive HTML Tags Guide
Translated by
ScribdTranslationsComprehensive HTML Tags Guide
Translated by
ScribdTranslationsList of HTML tags
Published on July 31, 2020 by Víctor Sánchez/29 Comments
If you are new to the world of web development and want to have the list of tags
Most common HTML, you will like this post. Save this page to favorites because a
Next, you will have the definitive list of HTML tags. Let's get started!
Table of contents
What is an HTML tag?
2List of HTML tags
o2.1Initial or root labels
o2.2 Document metadata
o2.3Section or HTML structuring tags
o2.4Labels for content grouping
o2.5Semantic labels for text
o2.6 Tags to embed content
o2.7 Labels for table creation
o2.8Labels for form creation
Conclusion 3
WHAT IS an HTML TAG?
Before getting into the subject, it is worth explaining what we are going to talk about. HTML tags are
small blocks of code that tell the browser how to interpret the content
collected between said labels. For example, if we want to "paint" a paragraph of text, there is a
specific tag for the browser to interpret that text as a paragraph. These tags
they also have attributes that we can add and that can indeed determine how it will be
specific behavior that the label will have. Here is a list of attributes for you.
HTML to complement this entry.
HTML tags always start with the symbol "<" and end with the symbol ">".
Between these two symbols will be the name of the label we want the browser
interpret.
All HTML tags consist of an opening tag and a closing tag.
close. Although there are exceptions, such as the tag to load an image which is
called orphan tags, as they only have an opening tag.
Closing tags are constructed with a '/' right before the tag itself and the
symbols "<" and ">". In summary, if we want to "paint" a paragraph on the web page, we will open
with the opening paragraph tag «<p>», and we would close with the closing tag «</p>».
This is a paragraph
Once we know what tags are and how to implement them in our web code,
let's go over a list of the most common HTML tags
HTML 5 Tags
HTML TAG LIST
Next, I will indicate which are the most commonly used HTML tags and I will also indicate
its purpose. I will focus on the main tags and especially those that are supported
in HTML 5. Here they go:
INITIAL OR ROOT LABELS
Indicates to the browser that the document is based on the standard
HTML5
Represents the root of an HTML document. All other elements
The HTML structure must be gathered within these tags.
DOCUMENT METADATA
Represents a collection of metadata about the document,
including links to, or definitions of, scripts and style sheets. The rest of the tags of
Metadatas will be collected within the opening and closing tags of the head.
It is important to explain that these document metadata is information for the browser.
and no content that will be visible on the webpage. Except for the <title> tag that
we will see next.
<title> </title> Tag used to define the title of the web page.
<link> It is used to link external resources to the HTML document. The most common example
Common are the CSS stylesheets.
<meta> Tag used to define other metadata that cannot be defined with a
specific HTML tag. For example, to define the author of the site, or the description of
same.
Tags used to introduce CSS code inline, that is, in the
own HTML document.
SECTION LABELS OR FOR STRUCTURING HTML
Unlike the metadata tag <head>, everything you want
to be shown on the webpage, it must be enclosed within the opening and closing tags of
This content will be displayed on the web.
Used to define the content that will be the navigation section of the
web.
It is used to define the main content of the document. Only
there can be one per document.
Define a section of the document
Define independent web content.
Inside these tags, additional content is usually housed.
web. It is usually content related to the web but of little importance
HTML tags such as <h1>, <h2>, <h3>, <h4>, <h5>, <h6> are very important, as they are
used to hierarchize the content of the web. The tags are used to explain
briefly the content that will follow.
They are used to define the header of the web page. It usually contains the
logo, navigation menu, etc.
Used to define the footer.
TAGS FOR CONTENT GROUPING
Tag used to write paragraphs of text.
<hr> Tag used to 'break' between two sections of a website. Used
commonly as a separator.
Used to grab text while maintaining the original pre-formatting of the text.
They are used to indicate that the content is quoted text.
Tags to create an ordered list
Tags to create an unordered list
Tags that collect the content of a list item, whether ordered or
no.
Used to create a list of definitions.
Represent a term defined by the following label
It is used to define the terms listed before it.
Indicates an illustrated figure as part of the HTML5 document.
Used to define the caption of a figure.
Common tag used to create a generic container.
Complete this list of tags with our list
of all the HTML attributes that exist.
SEMANTIC LABELS FOR TEXT
<a> </a> Tag used to create hyperlinks in the HTML document
<strong> </strong>Tag to define a word or set of them as
It has a strong importance in the SEO of the page.
Used to leave a separate comment, something like a note of
copyright, or other texts that are not essential for understanding the
document.
To indicate the title of a work
Subscripts used to represent a subscript or
superscript.
Used to highlight text
HTML tag without any specific meaning. It is used together
with the attributes "class" or "id" to assign certain characteristics.
Tag used to create a line break
TAGS FOR EMBEDDING CONTENT
<img> Tag to "paint" an image on the webpage.
It is a tag that is used to nest another HTML document inside.
from the main document.
Used to integrate an external application or interactive content that is not usually
to be HTML.
Used to call an external web resource. This resource will be
treated as an image, or an external resource to be processed by a plugin.
It is used to play video on the webpage along with its files.
audio and associated captions.
Used to load an audio file or audio stream on a website.
Allows authors to specify alternative multimedia resources for the tags
of <video> or <audio>
It is used to call a vectorized image.
LABELS FOR CREATING TABLES
Opening and closing tags of a table. The rest of the tags of the
tables must always be enclosed between these two tags.
Used to indicate the title of the table.
Tag used to group two or more columns of a
table.
Used to describe the specific data of a table.
Indicate the block of rows that describe the column headers.
de la tabla.
Indicates the row blocks that describe the summaries or total data.
from a column of a table.
It is used to indicate a row of cells in a table.
Used to define a table cell.
<th> </th> Tag used to define the header of a cell
LABELS FOR FORM CREATION
Opening and closing tag of a web page form.
the rest of the form tags must always be enclosed within these tags
opening and closing of the form.
Tag that represents a set or grouping of elements
a form. "Draw" a box around the labels that are contained within
delete <fieldset>
Label linked to <fieldset>. Indicates the title of the <fieldset>
<label> </label>Se usa para definir el nombre o título de un control del formulario.
Draw an input field for the user. It is one of the main ones.
form labels.
<button> </button> Tag used to represent a button in the form.
<select> </select> Input that allows a selection among a set of options.
<option> </option>Tag linked to <select>. Allows the addition of different options to
<select>
Add a field for the user to enter text in
maximum lines of text that the developer can define.
CONCLUSION
In addition to the HTML tags that I have shown you here, there are many more. But honestly,
I believe that with this list you will be able to make 99% of websites. And if you have doubts with
any label, or have you found one that I haven't mentioned here and you want to know
more, check the following link. You will go to the World Wide Web Consortium or W3C page,
How do I tell my web design course students that they are the reference to consult?
first any questions about HTML and CSS.