Articles on: Website Creation

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.

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 tagsHTML elementsHTML attributes
Contains:Instructions on how to display a page elementThe content of the page to be displayedAdditional information on page elements
Appearance:It starts with <* and ends with >Inserted inside an HTML tagAppear 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 :

ÉtiquetteTypeCe que c’est
<abbr>Balises de texte HTMLAbréviation
<address>Balises de texte HTMLCoordonnées
<bdo>Balises de texte HTMLOutrepasser les directives actuelles du texte
<blockquote>Balises de texte HTMLContenu provenant d’une autre source
<cite>Balises de texte HTMLTitre de l’œuvre, du livre, ou du site web
<code>Balises de texte HTMLAfficher un élément de code de programmation
<ins>Balises de texte HTMLTexte inséré dans le contenu
<del>Balises de texte HTMLTexte supprimé du contenu
<dfn>Balises de texte HTMLTerme défini dans une phrase
<em>Balises de texte HTMLEmphase
<h1>Balises de texte HTMLTitre 1
<h2>Balises de texte HTMLSous-titre 2
<h3>Balises de texte HTMLSous-titre 3
<h4>Balises de texte HTMLSous-titre 4
<h5>Balises de texte HTMLSous-titre 5
<h6>Balises de texte HTMLSous-titre 6
<pre>Balises de texte HTMLTexte préformaté, outrepasse les autres directives
<q>Balises de texte HTMLCitation intégrée
<samp>Balises de texte HTMLExemple de résultats d’un programme informatique
<strong>Balises de texte HTMLFort
<var>Balises de texte HTMLNom de variable utilisé en contexte mathématique ou de programmation
<br>Balises de texte HTMLSaut de ligne unique
<div>Balises de texte HTMLDivision
<a>Balises de lien HTMLBalise d’ancrage pour un lien
<base>Balises de lien HTMLURL de base pour toutes les URL relatives dans le document
<area>Balises d'image et d'objet HTMLZone d’une carte en image
<img>Balises d'image et d'objet HTMLImage
<map>Balises d'image et d'objet HTMLCarte en image
<object>Balises d'image et d'objet HTMLIntégrer un objet
<param>Balises d'image et d'objet HTMLParamètre pour un élément <Object>
<dd>Balises de liste HTMLDéfinition/Description d’un terme dans la liste de description
<dl>Balises de liste HTMLDescription de la liste
<dt>Balises de liste HTMLListe des termes dans la description
<li>Balises de liste HTMLListe
<ol>Balises de liste HTMLListe ordonnée
<ul>Balises de liste HTMLListe 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 :

ÉtiquetteTypeCe que c’est
Balises de texte HTMLAbré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:

LabelTypeWhat it is
<abbr>HTML text tagsAbbreviation
<address>HTML Text TagsContact Information
<bdo>HTML text tagsOverride current text guidelines
<blockquote>HTML text tagsContent from another source
<cite>HTML text tagsTitle of work, book, or website
<code>HTML Text TagsShow Programming Code Item
<ins>HTML text tagsText inserted into content
<del>HTML text tagsText removed from content
<dfn>HTML Text TagsPhrase Defined Term
<em>HTML text tagsEmphase
<h1>HTML text tagsTitle 1
<h2>HTML text tagsSubtitle 2
<h3>HTML Text TagsSubtitle 3
<h4>HTML text tagsSubtitle 4
<h5>HTML text tagsSubtitle 5
<h6>HTML text tagsSubtitle 6
<pre>HTML text tagsPreformatted text, overrides other directives
<q>HTML Text TagsEmbedded Quote
<samp>HTML text tagsExample results of a computer program
<strong>HTML text tagsStrong
<var>HTML text tagsVariable name used in mathematical or programming context
<br>HTML Text TagsSingle Line Break
<div>HTML text tagsDivision
<a>HTML link tagsAnchor tag for link
<base>HTML link tagsBasic URL for all related URLs in the document
<area>Image and HTML object tagsImage map area
<img>Image and HTML object tagsImage
<map>Image and HTML object tagsImage map
<object>Image and HTML object tagsEmbed an object
<param>Image and HTML object tagsParameter for an <Object> element
<dd>HTML list tagsDefinition/Description of a term in the description list
<dl>HTML list tagsList description
<dt>HTML list tagsList of terms in description
<li>HTML list tagsList
<ol>HTML list tagsOrdered list
<ul>HTML list tagsUnordered list

Updated on: 11/05/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!