How to use HTML tags on the Wordpress back-end editor?
Many online text editors use HTML tags to format the various elements. This is especially the case with WordPress CMS.
HTML tags are metadata and are therefore not visible to visitors to your website. They are only visible in the content back end.
In the classic WordPress editor, you can easily see tags by changing the display mode. To do this, simply click on the Text tab in the top right corner of the window of your article or page.
By default, the Visual display is selected, so you see the formatted content as it should be displayed on the site.
By switching to the Text display, you will instead see the non-formate text and formatting HTML tags.
Here is some information to help you better understand and use these practical tools.
HTML tags are instructions for web browsers to format certain text elements. Tags can be used to format italics, line breaks, objects, bullets and more.
These tags are inserted into the HTML hypertext markup language of the back end of each Web page.
Servers read HTML code elements to understand how to present content. They read HTML from top to bottom and from left to right.
You can use as many tags as you want to format the content. However, there are some essential HTML rules and standards that you will need to follow.
An opening tag, starting with a < > symbol
The content of the tag, containing instructions on how to display the item on the page.
A close tag ends with a
However, some HTML tags may not have closure tags. This means that the HTML tag does not need to be closed with . You will generally use these tags for metadata or line breaks.
This tutorial is entirely dedicated to HTML tags. However, it is important to understand the difference between HTML tags, elements and attributes.
A HTML element refers to any element that is part of the web page content. A HTML tag affects how an HTML element appears. A HTML attribute describes the characteristics of that element.
Here is an explanation of how elements, tags and attributes work together:
HTML tags contain instructions on how to display a page element. They start with a < and end with a > and precede and follow the content of the element.
HTML elements are the content of the page inserted in the tags.
HTML attributes provide additional information about HTML elements and appear in the HTML tag.
In this example, <p> and </p> are the HTML tags for "paragraph", which is the basic text for pages.
This tag format text includes between the opening <p> tag and the closing </p> tag as standard paragraph or main body text.
Word, PDF, PowerPoint, ...
NEW
L'ukrainien est maintenant disponible sur Reverso !
Les balises HTML H1 à H6 sont sont associées au titres et sous-titres. Généralement, la balise H1 est réservée au titre principal d'un article ou d'une page.
<h2> et </h2> sont les balises avec le plus haut niveau d'autorité qui devraient être utilisé à travers le reste du contenu.
Le sous-titre H2 indique généralement le titre d'une section principale de la page L’utilisation de cette balise formatera tout texte entre la balise d’ouverture <h2> et la balise de fermeture </h2> sous forme de sous-titre H2.
Dans cet exemple. <b> et </b> sont les balises HTML et « Balise de caractère gras » représente l’élément HTML (le texte de la page).
Cette balise formatera tout texte entre la balise <b> d’ouverture et la balise </b> de fermeture en caractères gras.
Ici, les <i> et </i> sont les balises HTML et « Balise d'italique » est l’élément HTML (le texte sur la page).
Cette balise formatera en italique tout texte entre la balise <i> d’ouverture et la balise </i> de fermeture.
Ici <u> et </u> sont les balises HTML et « Balise de soulignement » est l’élément HTML.
Cette balise formatera tout texte entre la balise <u> d’ouverture et la balise de fermeture </u> comme souligné.
Il existe près de 100 différents types de balises HTML que vous pouvez utiliser pour vos pages Web. Voici une liste des balises HTML les plus courantes :
Les balises HTML H1 à H6 sont sont associées au titres et sous-titres. Généralement, la balise H1 est réservée au titre principal d'un article ou d'une page.
et
sont les balises avec le plus haut niveau d'autorité qui devraient être utilisé à travers le reste du contenu.
Le sous-titre H2 indique généralement le titre d'une section principale de la page L’utilisation de cette balise formatera tout texte entre la balise d’ouverture
et la balise de fermeture
sous forme de sous-titre H2.
Dans cet exemple. et sont les balises HTML et « Balise de caractère gras » représente l’élément HTML (le texte de la page).
Cette balise formatera tout texte entre la balise d’ouverture et la balise de fermeture en caractères gras.
Ici, les et sont les balises HTML et « Balise d'italique » est l’élément HTML (le texte sur la page).
Cette balise formatera en italique tout texte entre la balise d’ouverture et la balise de fermeture.
Ici et sont les balises HTML et « Balise de soulignement » est l’élément HTML.
Cette balise formatera tout texte entre la balise d’ouverture et la balise de fermeture comme souligné.
Il existe près de 100 différents types de balises HTML que vous pouvez utiliser pour vos pages Web. Voici une liste des balises HTML les plus courantes :
| Balises de texte HTML | Coordonnées |
| Balises de texte HTML | Outrepasser les directives actuelles du texte |
| Balises de texte HTML | Contenu provenant d’une autre source |
| Balises de texte HTML | Titre de l’œuvre, du livre, ou du site web |
| Balises de texte HTML | Afficher un élément
3944 / 2000
à
â
ç
é
è
ê
ë
î
ï
ô
ù
ü
û
The HTML tags H1 to H6 are associated with the titles and subtitles. Generally, the H1 tag is reserved for the main title of an article or page.
<h2> and </h2> are the highest authority tags that should be used across the rest of the content.
The H2 subtitle usually indicates the title of a main section of the Using this tag will format any text between the open tag <h2> and the close tag </h2> as an H2 subtitle.
In this example. <b> and </b> are the HTML tags and “Bold Character Tag” is the HTML element (the page text).
This tag will format any text between the opening <b> tag and the closing </b> tag in bold.
Here, the <i> and </i> are the HTML tags and the “Italics Tag” is the HTML element (the text on the page).
This tag will italicize any text between the open and close <i> tag.
Here <u> and </u> are the HTML tags and “Underline Tag” is the HTML element.
This tag will format any text between the opening <u> tag and the closing </u> tag as underlined.
There are nearly 100 different types of HTML tags that you can use for your web pages. Here is a list of the most common HTML tags:
HTML tags are metadata and are therefore not visible to visitors to your website. They are only visible in the content back end.
In the classic WordPress editor, you can easily see tags by changing the display mode. To do this, simply click on the Text tab in the top right corner of the window of your article or page.
By default, the Visual display is selected, so you see the formatted content as it should be displayed on the site.
By switching to the Text display, you will instead see the non-formate text and formatting HTML tags.
Here is some information to help you better understand and use these practical tools.
What are HTML tags?
HTML tags are instructions for web browsers to format certain text elements. Tags can be used to format italics, line breaks, objects, bullets and more.
These tags are inserted into the HTML hypertext markup language of the back end of each Web page.
How do web pages read HTML tags?
Servers read HTML code elements to understand how to present content. They read HTML from top to bottom and from left to right.
You can use as many tags as you want to format the content. However, there are some essential HTML rules and standards that you will need to follow.
An HTML tag must contain three parts:
An opening tag, starting with a < > symbol
The content of the tag, containing instructions on how to display the item on the page.
A close tag ends with a
However, some HTML tags may not have closure tags. This means that the HTML tag does not need to be closed with . You will generally use these tags for metadata or line breaks.
What is the difference between attributes and HTML tags?
This tutorial is entirely dedicated to HTML tags. However, it is important to understand the difference between HTML tags, elements and attributes.
A HTML element refers to any element that is part of the web page content. A HTML tag affects how an HTML element appears. A HTML attribute describes the characteristics of that element.
Here is an explanation of how elements, tags and attributes work together:
HTML tags contain instructions on how to display a page element. They start with a < and end with a > and precede and follow the content of the element.
HTML elements are the content of the page inserted in the tags.
HTML attributes provide additional information about HTML elements and appear in the HTML tag.
Type: | HTML tags | HTML elements | HTML attributes |
---|---|---|---|
Contains: | Instructions on how to display a page element | The content of the page to be displayed | Additional information on page elements |
Appearance: | It starts with <* and ends with > | Inserted inside an HTML tag | Appear in the starting tag before any element |
Examples of HTML tags
<p> Paragraph Tag </p>
In this example, <p> and </p> are the HTML tags for "paragraph", which is the basic text for pages.
This tag format text includes between the opening <p> tag and the closing </p> tag as standard paragraph or main body text.
Word, PDF, PowerPoint, ...
NEW
L'ukrainien est maintenant disponible sur Reverso !
<h2> Balise de titre </h2>
Les balises HTML H1 à H6 sont sont associées au titres et sous-titres. Généralement, la balise H1 est réservée au titre principal d'un article ou d'une page.
<h2> et </h2> sont les balises avec le plus haut niveau d'autorité qui devraient être utilisé à travers le reste du contenu.
Le sous-titre H2 indique généralement le titre d'une section principale de la page L’utilisation de cette balise formatera tout texte entre la balise d’ouverture <h2> et la balise de fermeture </h2> sous forme de sous-titre H2.
<b> Balise de caractère gras </b>
Dans cet exemple. <b> et </b> sont les balises HTML et « Balise de caractère gras » représente l’élément HTML (le texte de la page).
Cette balise formatera tout texte entre la balise <b> d’ouverture et la balise </b> de fermeture en caractères gras.
<i> Balise d'italique </i>
Ici, les <i> et </i> sont les balises HTML et « Balise d'italique » est l’élément HTML (le texte sur la page).
Cette balise formatera en italique tout texte entre la balise <i> d’ouverture et la balise </i> de fermeture.
<u> Balise de soulignement</u>
Ici <u> et </u> sont les balises HTML et « Balise de soulignement » est l’élément HTML.
Cette balise formatera tout texte entre la balise <u> d’ouverture et la balise de fermeture </u> comme souligné.
Les balises HTML les plus courantes
Il existe près de 100 différents types de balises HTML que vous pouvez utiliser pour vos pages Web. Voici une liste des balises HTML les plus courantes :
Étiquette | Type | Ce que c’est |
---|---|---|
<abbr> | Balises de texte HTML | Abréviation |
<address> | Balises de texte HTML | Coordonnées |
<bdo> | Balises de texte HTML | Outrepasser les directives actuelles du texte |
<blockquote> | Balises de texte HTML | Contenu provenant d’une autre source |
<cite> | Balises de texte HTML | Titre de l’œuvre, du livre, ou du site web |
<code> | Balises de texte HTML | Afficher un élément de code de programmation |
<ins> | Balises de texte HTML | Texte inséré dans le contenu |
<del> | Balises de texte HTML | Texte supprimé du contenu |
<dfn> | Balises de texte HTML | Terme défini dans une phrase |
<em> | Balises de texte HTML | Emphase |
<h1> | Balises de texte HTML | Titre 1 |
<h2> | Balises de texte HTML | Sous-titre 2 |
<h3> | Balises de texte HTML | Sous-titre 3 |
<h4> | Balises de texte HTML | Sous-titre 4 |
<h5> | Balises de texte HTML | Sous-titre 5 |
<h6> | Balises de texte HTML | Sous-titre 6 |
<pre> | Balises de texte HTML | Texte préformaté, outrepasse les autres directives |
<q> | Balises de texte HTML | Citation intégrée |
<samp> | Balises de texte HTML | Exemple de résultats d’un programme informatique |
<strong> | Balises de texte HTML | Fort |
<var> | Balises de texte HTML | Nom de variable utilisé en contexte mathématique ou de programmation |
<br> | Balises de texte HTML | Saut de ligne unique |
<div> | Balises de texte HTML | Division |
<a> | Balises de lien HTML | Balise d’ancrage pour un lien |
<base> | Balises de lien HTML | URL de base pour toutes les URL relatives dans le document |
<area> | Balises d'image et d'objet HTML | Zone d’une carte en image |
<img> | Balises d'image et d'objet HTML | Image |
<map> | Balises d'image et d'objet HTML | Carte en image |
<object> | Balises d'image et d'objet HTML | Intégrer un objet |
<param> | Balises d'image et d'objet HTML | Paramètre pour un élément <Object> |
<dd> | Balises de liste HTML | Définition/Description d’un terme dans la liste de description |
<dl> | Balises de liste HTML | Description de la liste |
<dt> | Balises de liste HTML | Liste des termes dans la description |
<li> | Balises de liste HTML | Liste |
<ol> | Balises de liste HTML | Liste ordonnée |
<ul> | Balises de liste HTML | Liste non ordonnée |
Balise de titre
Les balises HTML H1 à H6 sont sont associées au titres et sous-titres. Généralement, la balise H1 est réservée au titre principal d'un article ou d'une page.
et
sont les balises avec le plus haut niveau d'autorité qui devraient être utilisé à travers le reste du contenu.
Le sous-titre H2 indique généralement le titre d'une section principale de la page L’utilisation de cette balise formatera tout texte entre la balise d’ouverture
et la balise de fermeture
sous forme de sous-titre H2.
Balise de caractère gras
Dans cet exemple. et sont les balises HTML et « Balise de caractère gras » représente l’élément HTML (le texte de la page).
Cette balise formatera tout texte entre la balise d’ouverture et la balise de fermeture en caractères gras.
Balise d'italique
Ici, les et sont les balises HTML et « Balise d'italique » est l’élément HTML (le texte sur la page).
Cette balise formatera en italique tout texte entre la balise d’ouverture et la balise de fermeture.
Balise de soulignement
Ici et sont les balises HTML et « Balise de soulignement » est l’élément HTML.
Cette balise formatera tout texte entre la balise d’ouverture et la balise de fermeture comme souligné.
Les balises HTML les plus courantes
Il existe près de 100 différents types de balises HTML que vous pouvez utiliser pour vos pages Web. Voici une liste des balises HTML les plus courantes :
Étiquette | Type | Ce que c’est |
---|---|---|
Balises de texte HTML | Abréviation |
| Balises de texte HTML | Coordonnées |
| Balises de texte HTML | Outrepasser les directives actuelles du texte |
| Balises de texte HTML | Contenu provenant d’une autre source |
| Balises de texte HTML | Titre de l’œuvre, du livre, ou du site web |
| Balises de texte HTML | Afficher un élément
3944 / 2000
à
â
ç
é
è
ê
ë
î
ï
ô
ù
ü
û
<h2> Title tag </h2>
The HTML tags H1 to H6 are associated with the titles and subtitles. Generally, the H1 tag is reserved for the main title of an article or page.
<h2> and </h2> are the highest authority tags that should be used across the rest of the content.
The H2 subtitle usually indicates the title of a main section of the Using this tag will format any text between the open tag <h2> and the close tag </h2> as an H2 subtitle.
<b> Bold Character Tag </b>
In this example. <b> and </b> are the HTML tags and “Bold Character Tag” is the HTML element (the page text).
This tag will format any text between the opening <b> tag and the closing </b> tag in bold.
<i> Italics Tag </i>
Here, the <i> and </i> are the HTML tags and the “Italics Tag” is the HTML element (the text on the page).
This tag will italicize any text between the open and close <i> tag.
<u> Underline Tag</u>
Here <u> and </u> are the HTML tags and “Underline Tag” is the HTML element.
This tag will format any text between the opening <u> tag and the closing </u> tag as underlined.
The most common HTML tags
There are nearly 100 different types of HTML tags that you can use for your web pages. Here is a list of the most common HTML tags:
Label | Type | What it is |
---|---|---|
<abbr> | HTML text tags | Abbreviation |
<address> | HTML Text Tags | Contact Information |
<bdo> | HTML text tags | Override current text guidelines |
<blockquote> | HTML text tags | Content from another source |
<cite> | HTML text tags | Title of work, book, or website |
<code> | HTML Text Tags | Show Programming Code Item |
<ins> | HTML text tags | Text inserted into content |
<del> | HTML text tags | Text removed from content |
<dfn> | HTML Text Tags | Phrase Defined Term |
<em> | HTML text tags | Emphase |
<h1> | HTML text tags | Title 1 |
<h2> | HTML text tags | Subtitle 2 |
<h3> | HTML Text Tags | Subtitle 3 |
<h4> | HTML text tags | Subtitle 4 |
<h5> | HTML text tags | Subtitle 5 |
<h6> | HTML text tags | Subtitle 6 |
<pre> | HTML text tags | Preformatted text, overrides other directives |
<q> | HTML Text Tags | Embedded Quote |
<samp> | HTML text tags | Example results of a computer program |
<strong> | HTML text tags | Strong |
<var> | HTML text tags | Variable name used in mathematical or programming context |
<br> | HTML Text Tags | Single Line Break |
<div> | HTML text tags | Division |
<a> | HTML link tags | Anchor tag for link |
<base> | HTML link tags | Basic URL for all related URLs in the document |
<area> | Image and HTML object tags | Image map area |
<img> | Image and HTML object tags | Image |
<map> | Image and HTML object tags | Image map |
<object> | Image and HTML object tags | Embed an object |
<param> | Image and HTML object tags | Parameter for an <Object> element |
<dd> | HTML list tags | Definition/Description of a term in the description list |
<dl> | HTML list tags | List description |
<dt> | HTML list tags | List of terms in description |
<li> | HTML list tags | List |
<ol> | HTML list tags | Ordered list |
<ul> | HTML list tags | Unordered list |
Updated on: 11/05/2023
Thank you!