HTML est l’abréviation de « HyperText Markup Language » (langage de balisage hypertexte). Il s’agit du code utilisé pour définir toutes les pages du World Wide Web. Il indique aux navigateurs comment afficher le contenu des pages web.
Bien qu’il soit pratique d’avoir des notions de HTML, ce n’est pas nécessaire pour créer un site WordPress.
Cependant, savoir modifier le langage HTML peut s’avérer utile pour une personnalisation avancée et pour dépanner les problèmes.
Qu’est-ce que le langage de balisage hypertexte (HTML) ?
Chaque page web est créée à l’aide de code HTML, et généralement aussi de code CSS et JavaScript. C’est pourquoi le langage HTML est très important pour tous les sites.
Nous avons dit précédemment que HTML était l’abréviation de « HyperText Markup Language » (langage de balisage hypertexte). Décomposons cela :
- L’hypertexte signifie que vous pouvez ajouter des liens à vos pages web. Ces liens peuvent vous amener à des pages liées à votre site ou à d’autres sites. Ils permettent également de passer d’une partie de la page actuelle à une autre.
- Lebalisage fait référence à des codes spéciaux ou à des identifiants que vous pouvez utiliser pour décrire ou définir différentes parties de votre document. Ils donnent des instructions sur la manière dont le texte doit être affiché ou sur le type de contenu qu’il contient.
En bref, HTML est un langage utilisé pour créer la structure de base d’une page web.
Exemples de code HTML
La balise HTML utilise un système de balises qui sont placées entre crochets. Ces identifications définissent divers éléments, tels que les paragraphes, les titres, les liens, les images, etc.
Voici quelques exemples.
Chaque paragraphe d’une page web est entouré d’identifiants de paragraphe comme celui-ci :
<p>This is a paragraph of text in HTML.</p>
Vous pouvez également utiliser des identifiants HTML pour créer jusqu’à 6 niveaux de titres sur votre site :
<h1>This Is a Main Heading</h1>
<h2>This Is a Subheading</h2>
Vous pouvez créer des liens en HTML en utilisant des identifiants comme celui-ci :
<a href="https://www.example.com">click on this anchor text</a>
Vous pouvez également ajouter des images à une page web en utilisant le langage HTML en spécifiant l’URL de l’image et une description comme celle-ci :
<img src="image.jpg" alt="A description of the image">
Le balisage HTML peut sembler difficile pour un débutant. Vous vous demandez peut-être s’il est nécessaire de comprendre le langage HTML avant de pouvoir créer un site.
Faut-il comprendre le HTML pour créer un site WordPress ?
Dans les premiers temps de l’internet, il était courant de créer des sites statiques à l’aide du code HTML. Mais ce n’est plus le cas aujourd’hui.
Aujourd’hui, la plupart des sites web sont construits à l’aide d’un constructeur de sites web, sans qu’il soit nécessaire de comprendre le code HTML. WordPress est le constructeur de sites web le plus populaire et alimente 43% de tous les sites web.
Au lieu de vous obliger à utiliser des balises HTML complexes pour créer des paragraphes, des titres, etc., WordPress propose un éditeur/éditrices de blocs facile à utiliser.
Cela vous permet de construire une page web en faisant glisser des blocs dans la zone de contenu. Par exemple, il existe des blocs pour les paragraphes, les titres, les listes, les images et bien plus encore.
Une autre façon de créer des pages web dans WordPress est d’utiliser une extension de constructeur de page par glisser-déposer. Ces outils vous permettent de créer des designs personnalisés de sites WordPress sans avoir à écrire le moindre code.
SeedProd est le meilleur plugin de constructeur de page sur le marché, et il vous permet de créer facilement des pages personnalisées comme des pages d’atterrissage, des pages coming soon, et même des thèmes WordPress personnalisés complets.
Que vous utilisiez l’éditeur de blocs de WordPress ou un plugin de construction de pages, le code HTML nécessaire à votre site est créé pour vous automatiquement en coulisses.
Vous pouvez en savoir plus sur les constructeurs de sites web par rapport au codage d’un site web à partir de zéro dans notre guide sur le codage d’un site web (guide complet pour les débutants).
Ajouté ou modifié du code HTML dans WordPress
Bien qu’il ne soit pas nécessaire de comprendre le langage HTML pour créer un site web, une certaine connaissance du langage HTML peut s’avérer utile pour dépanner les problèmes sur votre site ou pour effectuer des personnalisations avancées.
Lorsque vous utilisez l’éditeur de blocs de WordPress, vous pouvez voir et modifier le code HTML d’un bloc particulier en sélectionnant « Editer en HTML » dans le menu à trois points.
Il est également facile d’ajouter un nouvel HTML à une publication ou à une page.
Il suffit de faire glisser un bloc HTML personnalisé dans la zone de contenu, puis d’ajouter votre code HTML.
Vous pouvez en savoir plus dans notre guide sur la façon de modifier le HTML dans l’éditeur de code de WordPress.
Une autre façon d’utiliser le code HTML sur votre site est d’ajouter des caractères spéciaux tels que le symbole du copyright ou de la marque déposée.
Il suffit de modifier le code HTML du bloc, puis de taper © ; pour ajouter un symbole de copyright © ou &trade ; pour ajouter le symbole de marque ™.
Consultez notre guide sur l ‘ajout de caractères spéciaux dans les publications WordPress pour en savoir plus.
Vous pourriez également être curieux de connaître le code HTML utilisé sur d’autres sites. Les navigateurs modernes tels que Google Chrome et Mozilla Firefox disposent d’outils intégrés qui vous permettent d’inspecter le code HTML et CSS d’une page web.
Cela peut s’avérer utile lorsque vous cherchez de l’inspiration pour votre propre site. Vous pouvez également expérimenter en toute sécurité en modifiant le code, car cela affectera uniquement la façon dont le site apparaît dans votre propre navigateur.
Pour plus de détails, voir notre guide sur les bases de l’élément Inspect.
Quelle est la différence entre HTML et CSS ?
Nous avons mentionné que les navigateurs web modernes vous permettent d’inspecter le code HTML et CSS qui se cache derrière n’importe quelle page web. Vous vous demandez peut-être quelle est la différence entre ces deux types de code.
Le langage HTML définit la structure et le contenu d’une page web, mais pas l’apparence de ces éléments. C’est le rôle de CSS, qui signifie « Cascading Style Sheets » (feuilles de style en cascade).
LeCSS est un langage qui vous aide à styliser votre site. Par exemple, il permet au navigateur de l’utilisateur de connaître la couleur d’arrière-plan de la page, la couleur et la taille d’affichage des titres et du texte des paragraphes, la manière d’aligner le texte, et bien d’autres choses encore.
Le thème WordPress que vous choisissez définira le CSS utilisé pour votre site. Cependant, vous pouvez modifier l’apparence de votre site en personnalisant le code CSS.
Vous pouvez en savoir plus dans notre guide sur la façon d’ajouter facilement des CSS personnalisés à votre site WordPress.
Nous espérons que cet article vous a aidé à en savoir plus sur le HTML dans WordPress. Vous pouvez également consulter notre liste de lectures complémentaires ci-dessous pour des articles liés à des astuces, des trucs et des idées utiles sur WordPress.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
Lectures complémentaires
- Comment ajouter facilement du code personnalisé dans WordPress (sans casser votre site)
- Les bases de l’élément Inspect : Outil de personnalisation de WordPress pour les utilisateurs/utilisatrices/utilisateurs/utilisatrices.
- Comment choisir le meilleur constructeur de sites web en 2024 (Comparé)
- CSS
- WordPress vs HTML statique – Qu’est-ce qui convient le mieux à votre site d’entreprise ?
- Comment modifier le HTML dans l’éditeur de code de WordPress (Guide du débutant)
- Comment ajouter facilement des CSS personnalisés à votre site WordPress
- Comment ajouter des caractères spéciaux dans les publications WordPress
- Comment coder un site (Guide complet du débutant)
