Comment utiliser les balises HTML sur l'éditeur back end Wordpress?
Plusieurs éditeurs de texte en ligne utilisent des balises HTML pour formater les divers éléments. C'est notamment le cas du CMS WordPress.
Les balises HTML sont des métadonnées et de sont donc pas visibles pour les visiteurs de votre site web. Elles sont seulement visibles dans le back end du contenu.
Dans l'éditeur classique de WordPress, vous pouvez facilement voir les balises en changeant de mode d'affichage. Pour ce faire, il vous suffit de cliquer sur l'onglet Texte dans le coin supérieur droit de la fenêtre de votre article ou page.
Par défaut, l'affichage Visuel est sélectionné. Vous voyez donc le contenu formaté tel qu'il doit s'affiché sur le site.
En passant à l'affichage Texte, vous verrez plutôt le texte non-formaté et les balise HTML de formatage.
Voici donc quelques informations pour vous aider à mieux comprendre et utiliser ces outils pratiques.
Les balises HTML sont des instructions indiquant aux navigateurs Web comment formater certains éléments de texte. Les balises peuvent servir pour formater les italiques, les sauts de ligne, les objets, les puces et plus encore.
Ces balises sont insérés dans le langage de balisage hypertexte HTML du back end de chaque page Web.
Les serveurs lisent les éléments de code HTML pour comprendre comment présenter le contenu. Ils lisent le code HTML de haut en bas et de la gauche vers la droite.
Vous pouvez utiliser autant de balises que vous le souhaitez pour formater le contenu. Cependant, il y a quelques normes et règles HTML essentielles que vous devrez suivre.
Une balise d’ouverture, qui commence par un symbole < >
Le contenu de la balise, contenant les instructions sur la façon d’afficher l’élément sur la page.
Une balise de fermeture se termine par un symbole </ >
Cependant, certaines balises HTML peuvent être dépourvues de balises de fermeture. Cela signifie que la balise HTML n’a pas besoin d’être fermée avec </ >. Vous utiliserez généralement ces balises pour les métadonnées ou les sauts de ligne.
Ce tutoriel est entièrement consacré aux balises HTML. Toutefois, il est important de comprendre la différence entre les balises HTML, les éléments et les attributs.
Un élément HTML réfère à tout élément qui fait partie du contenu de la page Web. Une balise HTML affecte la façon dont un élément HTML apparaît. Un attribut HTML décrit les caractéristiques de cet élément.
Voici une explication de la façon dont les éléments, les balises et les attributs fonctionnent ensemble :
Les balises HTML contiennent des instructions sur la façon d’afficher un élément page. Ils commencent par un < et se terminent par un > et précèdent et suivent le contenu de l’élément. ex.: <b> Balise caractère gras </b>
Les éléments HTML sont le contenu de la page inséré dans les balises. ex: <b> Balise caractère gras </b>
Les attributs HTML fournissent des informations supplémentaires sur les éléments HTML et apparaissent dans la balise HTML. Par exemple <html lang="fr-FR">.
Dans cet exemple, <p> et </p> sont les balises HTML de "paragraphe", c'est-à-dire le texte de base des pages.
Cette balise formate le texte inclut entre la balise <p> d’ouverture et la balise </p> de fermeture en tant que paragraphe standard ou corps de texte principal.
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 sont des métadonnées et de sont donc pas visibles pour les visiteurs de votre site web. Elles sont seulement visibles dans le back end du contenu.
Dans l'éditeur classique de WordPress, vous pouvez facilement voir les balises en changeant de mode d'affichage. Pour ce faire, il vous suffit de cliquer sur l'onglet Texte dans le coin supérieur droit de la fenêtre de votre article ou page.
Par défaut, l'affichage Visuel est sélectionné. Vous voyez donc le contenu formaté tel qu'il doit s'affiché sur le site.
En passant à l'affichage Texte, vous verrez plutôt le texte non-formaté et les balise HTML de formatage.
Voici donc quelques informations pour vous aider à mieux comprendre et utiliser ces outils pratiques.
Que sont les balises HTML?
Les balises HTML sont des instructions indiquant aux navigateurs Web comment formater certains éléments de texte. Les balises peuvent servir pour formater les italiques, les sauts de ligne, les objets, les puces et plus encore.
Ces balises sont insérés dans le langage de balisage hypertexte HTML du back end de chaque page Web.
Comment les pages Web lisent-elles les balises HTML?
Les serveurs lisent les éléments de code HTML pour comprendre comment présenter le contenu. Ils lisent le code HTML de haut en bas et de la gauche vers la droite.
Vous pouvez utiliser autant de balises que vous le souhaitez pour formater le contenu. Cependant, il y a quelques normes et règles HTML essentielles que vous devrez suivre.
Une balise HTML doit contenir trois parties :
Une balise d’ouverture, qui commence par un symbole < >
Le contenu de la balise, contenant les instructions sur la façon d’afficher l’élément sur la page.
Une balise de fermeture se termine par un symbole </ >
Cependant, certaines balises HTML peuvent être dépourvues de balises de fermeture. Cela signifie que la balise HTML n’a pas besoin d’être fermée avec </ >. Vous utiliserez généralement ces balises pour les métadonnées ou les sauts de ligne.
Quelle est la différence entre les attributs et les balises HTML?
Ce tutoriel est entièrement consacré aux balises HTML. Toutefois, il est important de comprendre la différence entre les balises HTML, les éléments et les attributs.
Un élément HTML réfère à tout élément qui fait partie du contenu de la page Web. Une balise HTML affecte la façon dont un élément HTML apparaît. Un attribut HTML décrit les caractéristiques de cet élément.
Voici une explication de la façon dont les éléments, les balises et les attributs fonctionnent ensemble :
Les balises HTML contiennent des instructions sur la façon d’afficher un élément page. Ils commencent par un < et se terminent par un > et précèdent et suivent le contenu de l’élément. ex.: <b> Balise caractère gras </b>
Les éléments HTML sont le contenu de la page inséré dans les balises. ex: <b> Balise caractère gras </b>
Les attributs HTML fournissent des informations supplémentaires sur les éléments HTML et apparaissent dans la balise HTML. Par exemple <html lang="fr-FR">.
| Type: | Balises HTML | Éléments HTML | Attributs HTML |
|---|---|---|---|
| Contient: | Instructions sur la façon d’afficher un élément page | Le contenu de la page à afficher | Renseignements supplémentaires sur les éléments de la page |
| Apparence: | Il commence par < et se termine par > | Inséré à l'intérieur d'une balise HTML | Apparaissent dans la balise de départ avant tout élément |
Exemples de balises HTML
<p> Balise de paragraphe </p>
Dans cet exemple, <p> et </p> sont les balises HTML de "paragraphe", c'est-à-dire le texte de base des pages.
Cette balise formate le texte inclut entre la balise <p> d’ouverture et la balise </p> de fermeture en tant que paragraphe standard ou corps de texte principal.
<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 |
Mis à jour le : 11/05/2023
Merci !