Qu’est-ce que le HTML ?
HTML est l’acronyme de « HyperText Markup Language », que l’on pourrait traduire par langage signalétique hypertexte. C’est un langage informatique simple de balisage permettant de décrire et structurer le contenu du web pour le rendre visible via un navigateur web. Ce langage descriptif, sans fonction, est formé de balises qui encadrent le texte pour lui donner une certaine signification. Accompagné de CSS qui donne à une page web son aspect visuel, le HTML forme la base de toute page web. Le HTML d’une page est aussi lu par les robots des moteurs de recherche pour en comprendre le contenu et l’indexer.
À quoi sert le HTML ?
Le HTML permet de formater le contenu d’une page web, c’est-à-dire qu’il en définit la fonction. Il indique aux navigateurs web quoi afficher. Avec du HTML, on peut par exemple indiquer que du contenu est :
- un titre ;
- un paragraphe ;
- un lien ;
- une liste ;
- un tableau ;
- un formulaire ;
- du code JavaScript ou PHP ;
- une citation ;
- une date ;
- une vidéo ;
- de l’audio ;
- etc.
C’est aussi avec du HTML que l’on indique si un texte est en gras, en italique ou souligné. Il existe en tout une centaine de balises HTML différentes. Avec le temps, HTML s’est développé pour s’adapter au web d’aujourd’hui. La version la plus récente est HTML5, elle date de 2011.
La structure du HTML
Le HTML fonctionne avec des balises d’ouverture et de fermeture encadrant du texte contenues dans une page .htm ou .html. Ces balises se suivent les unes après les autres ou s’imbriquent les unes dans les autres, dans une structure en arbre. Exemple : -p-Ceci est un paragraphe.-/p- Quelques-unes des balises les plus courantes sont :
- -p-texte-/p- pour indiquer un paragraphe ;
- -h1-Titre-/h1- pour indiquer un titre ;
- -a href=”adresse du lien” title=”titre du lien”-Mon lien-/a- pour attribuer un lien à un texte ;
- -img src=”adresse de l’image” alt=”texte alt” /- pour insérer une image.
Pour indiquer qu’une page est une page HTML, on la structure de cette manière : -!DOCTYPE html–head-Informations, métadonnées et codes-/head–body-Contenu du site-/body–/html-Elle doit ensuite être sauvée en .html. En plus de ces balises, le HTML contient près de 200 attributs, comme les gestionnaires d’évènements, les attributs génériques destinés à ajouter du CSS ou du JavaScript, les attributs d’internationalisation et bien d’autres. Ces attributs sont ajoutés dans les balises ouvrantes. Exemple : -p style= »color:red; font-size:12px; »-Mon paragraphe.-/p- Ici, l’attribut style permet d’ajouter du CSS à la balise paragraphe. La simplicité du HTML en fait le fondement d’une page web à laquelle on applique ensuite du CSS pour en donner un style, du JavaScript pour créer des effets et de petites applications et du PHP, notamment pour les échanges serveur-client.
Est-ce utile de connaître le HTML pour faire un site web ?
Aujourd’hui, grâce aux nombreux CMS tel que WordPress et aux plateformes proposant la création de sites internet de manière simplifiée, il n’est pas nécessaire de connaître le HTML pour créer un site web de qualité. Toutefois, le HTML est un langage simple qui s’apprend très rapidement et qui offre une certaine liberté. En apprenant les bases du HTML, il est plus facile d’ajouter, de modifier ou de supprimer une balise ou un morceau de code et ainsi de maîtriser le contenu de son site. Il permet aussi de lire le code source d’un site concurrent et de comprendre comment le web fonctionne. Comme le HTML est lu par les robots d’indexation, être capable de vérifier et d’améliorer la structure d’une page web est un avantage dans toute bonne stratégie SEO.