Guide HTML : introduction au langage
Avant de commencer ce guide HTML, je veux vous donner tout de suite la définition du HTML afin que tout ce qui suivra soit plus facile à comprendre pour vous.
Alors voyons maintenant…
Cos’è l’HTML?
HTML signifie Hyper Text Markup Language et est un langage de balisage, c’est-à-dire un langage utilisé pour traiter le formatage et la mise en page d’une page.
En même temps, il permet l’utilisation d’hyperliens (liens).
Avez-vous déjà utilisé Word ou un autre éditeur de texte similaire ?
Vous savez certainement que vous pouvez sélectionner des parties de texte pour mettre en forme la police, insérer des titres, des listes, donner une couleur à la police ou rendre le texte italique.
Le HTML vous permet d’appliquer ces mêmes mises en forme en utilisant des éléments appelés balises. .
De même, le langage HTML est utilisé pour indiquer quand emballer le texte ou, par exemple, pour insérer des liens cliquables dans les mots.
Comme vous pouvez le constater, il est très utile et sert à configurer les éléments que l’on trouve sur 99% des pages web !
Dans les paragraphes suivants de ce guide HTML, nous verrons comment utiliser les principales balises HTML en pratique, en mettant en œuvre tout ce que j’ai mentionné jusqu’à présent.
Pourquoi suivre un guide HTML alors que vous savez déjà comment utiliser WordPress ?
Vous vous êtes peut-être demandé : « Mais si WordPress me permet de mettre en forme du texte de manière simple et visuelle, quel est l’intérêt de connaître un guide HTML pour WordPress ? ?
En fait, vous ne devez pas nécessairement apprendre le langage HTML.
En fait, vous pouvez avoir un site qui fonctionne à 100% sans toucher une ligne de code.
C’est l’une des choses qui rendent WordPress si accessible et fonctionnel !
Toutefois, si vous avez une certaine expérience de l’utilisation de WordPress, vous vous êtes peut-être rendu compte que, parfois, l’éditeur visuel n’est pas suffisant ou ne se comporte pas exactement comme vous le souhaiteriez.
Vous est-il déjà arrivé d’ajouter un titre, puis de le supprimer pour mettre un simple paragraphe, mais il reste toujours le formatage du titre ?
Dans ce cas, vous vous retrouvez avec une « instruction » qui dit « A partir de maintenant, le texte est un titre », et il sera très difficile de la supprimer en utilisant uniquement l’éditeur visuel.
Dans des cas comme celui-ci, l’utilisation de HTML pour WordPress sera un grand allié pour vous.
En effet, travailler directement sur les codes vous donne un contrôle total.
Comme nous allons le voir ci-dessous, vous placerez les balises autour des mots sur lesquels vous souhaitez que les codes soient efficaces.
De cette façon, vous serez sûr que les balises ne prennent effet que sur le contenu sélectionné.
Le fonctionnement de base du HTML
Le HTML fonctionne grâce à l’utilisation de balises.
Les balises sont entourées des symboles « <" et "> » et, dans la plupart des cas, sont ouvertes et fermées.
Les balises de fermeture sont caractérisées par le symbole /.
Voici quelques exemples :
balises d’ouverture , balises de fermeture balises d’ouverture , balises de fermeture balises d’ouverture
, balises de fermeture
.
Le contenu auquel les balises doivent être appliquées doit être inséré entre les balises d’ouverture et de fermeture, comme suit :
Texte justificatifici vous insérez du texte
votre paragraphe
.
Codes HTML et éditeurs de texte
Le HTML peut être utilisé dans WordPress avec l’éditeur classique, l’éditeur de blocs et même les meilleurs constructeurs visuels de pages.
Si vous utilisez l’éditeur WordPress classique, vous pouvez utiliser des codes HTML dans l’éditeur de texte.
L’éditeur de texte est situé dans l’écran de création des pages et des messages.
Vous utilisez probablement l’éditeur visuel, qui fonctionne de manière similaire à Word.
Pour utiliser des codes HTML, vous devrez plutôt sélectionner l’onglet Texte. .
Pour tester et avoir une idée de ce à quoi ressemble une page contenant des codes HTML, ouvrez la page d’édition d’un article que vous avez déjà rédigé.
Cliquez ensuite sur Texte.
Vous pourrez y reconnaître les balises HTML dont nous avons parlé précédemment.
Si vous utilisez plutôt l’éditeur de blocs (Gutenberg), vous devrez ouvrir les options du bloc et sélectionner Edit as HTML. .
Ainsi, seul le bloc dans lequel vous travaillez sera affiché en HTML, tandis que tous les autres resteront en mode visuel.
Ici, vous pouvez apporter des modifications à votre code manuellement.
Pour voir à quoi ressemblera votre bloc avec les modifications que vous avez apportées, vous pouvez revenir au mode visuel en cliquant sur Modifier visuellement dans les options du bloc.
Apprenons maintenant à connaître les balises HTML en découvrant les éléments que vous pouvez ajouter avec les boutons de l’éditeur classique.
Comment apprendre à utiliser les codes HTML ?
Comme nous l’avons vu dans ce guide HTML, l’utilisation du HTML sur WordPress n’est pas particulièrement compliquée.
Il s’agit plutôt de se familiariser avec les balises disponibles et d’apprendre à les reconnaître dans le texte.
Je vous conseille également de commencer à travailler sur l’éditeur de texte, afin d’apprendre à reconnaître les codes HTML et d’apporter éventuellement quelques modifications.
Ensuite, vous pouvez essayer d’intégrer les balises présentées dans ce guide.
Si vous voulez aller plus loin, une ressource phénoménale est le site W3School (en anglais) où vous pouvez trouver de nombreux tutoriels et exemples sur le HTML et d’autres langages de programmation.
Conclusion ?
Nous sommes arrivés à la fin de ce guide d’introduction au HTML pour WordPress.
Je parie que le terme HTML et les codes de l’éditeur de texte vous font déjà moins peur, il ne vous reste plus qu’à commencer à vous exercer.
Connaissez-vous déjà les balises dont nous avons parlé dans ce guide HTML ?
Avez-vous déjà eu besoin d’utiliser le langage HTML pour résoudre des problèmes de formatage dans vos articles ?
Comme toujours, si vous avez des questions, veuillez laisser un commentaire ci-dessous. Nous vous répondrons dans les plus brefs délais.
Commentaires récents