Le code HTML est appelé un langage de balisage (et non un langage de programmation). En effet, le but de ce code informatique est de structurer les éléments visuels qui composent une page web : textes, images, paragraphes, etc. Dans la construction d’une page internet, le code HTML permet de poser des balises qui seront ensuite mises en forme via d’autres outils de programmation. Structurellement, une page web est composée d’éléments textuels bruts dont la mise en page se base sur les balises HTML. Par exemple, l’éditeur de texte va considérer les indications du code HTML pour savoir comment présenter les titres, les sous-titres ou encore les listes à puces d’une page. Les développeurs doivent donc intégrer à leur code HTML des indications précises, comme des balises d’ouverture afin de signifier le début d’un élément. En pratique, pour créer un bloc de texte comme un paragraphe, le code HTML doit incorporer une balise d’ouverture spécifique à la forme du texte voulue. Pour indiquer le commencement d’un paragraphe, on code donc. Le code HTML a évolué : au début, il comprenait un grand nombre d’indications techniques pour mettre en forme les éléments textuels et leur apparence : mise en gras, en italique, etc. Désormais, ces composants sont pris en charge par des éditeurs de texte ou dans des feuilles de style. Toutefois, le langage HTML a gagné en technique sémantique.

Pourquoi utiliser le code HTML ?

Les éléments codés par le balisage HTML donnent des indications essentielles quant au sens à donner aux composants une page. Ce sens est crucial pour les robots d’indexation et d’analyse en ligne. Ces algorithmes passent en effet au scan le balisage HTML pour catégoriser le contenu d’un site, en extraire les mots-clés et indexer favorablement la plateforme dans les résultats de recherche. C’est pour cette raison qu’il est crucial de maîtriser les bases du code HTML afin de proposer des plateformes web efficaces, bien indexées, esthétiques et fonctionnelles. Les professionnels du marketing et de la communication digitale le savent et prêtent une attention particulière au balisage structurel de leurs sites web. Le langage HTML est essentiel pour proposer aux algorithmes une structure lisible, riche, originale et qui obtiendra un bon résultat d’indexation. Pour les internautes, c’est aussi un langage qui favorise une navigation en ligne fluide et agréable, qui contribue à fidéliser une clientèle sur le web.

Qu’est-ce que HTML, réellement ?

HyperText Markup Language (HTML) est le code utilisé pour structurer une page web et son contenu. Par exemple, le contenu de votre page pourra être structuré en un ensemble de paragraphes, une liste à puces ou avec des images et des tableaux de données. Comme le suggère le titre, cet article vous fournit les bases de compréhension du HTML et de ses fonctions.

Anatomie d’un élément HTML

Regardons de plus près cet élément paragraphe : Les composants principaux de notre élément sont :

1. La balise ouvrante : celle-ci se compose du nom de l’élément (ici « p »), entre deux chevrons. Cela indique le début de l’élément, soit l’endroit à partir duquel celui-ci prend effet. Pour notre exemple, cela indique le début du paragraphe.
2. La balise fermante : ici on a également des chevrons et le nom de l’élément, auxquels on ajoute une barre oblique avant le nom de l’élément. Cela indique la fin de l’élément. Pour notre exemple, cela indique la fin du paragraphe. Oublier la balise fermante est une erreur courante de débutant et peut conduire à de curieux résultats.
3. Le contenu : C’est le contenu de l’élément. Ici, c’est simplement du texte.
4. L’élément : Il est composé de la balise ouvrante, de la balise fermante et du contenu.

Les éléments peuvent aussi avoir des « attributs », ce qui ressemble à : Les attributs contiennent des informations supplémentaires qui portent sur l’élément et qu’on ne souhaite pas afficher avec le contenu. Dans cet exemple, l’attribut class permet d’utiliser un nom pour identifier l’élément et ce nom pourra être utilisé plus tard pour la mise en forme ou autre chose. Un attribut doit toujours avoir :

1. Un espace entre l’attribut et le nom de l’élément ou l’attribut précédent (s’il y a plusieurs attributs) ;
2. Un nom (le nom de l’attribut), suivi d’un signe égal « = » ;
3. Des guillemets anglais (“) pour encadrer la valeur de l’attribut.