HTML signifie Hypertext Markup Language. C'est le langage de balisage standard pour les documents destinés à être affichés dans un navigateur web. HTML peut être assisté par des technologies telles que les feuilles de style en cascade ( CSS ) et des langages de script comme JavaScript.
Internet est essentiellement un vaste réseau d'ordinateurs connectés à l'échelle mondiale. Notre principal moyen d'interaction avec ce réseau est le World Wide Web ( WWW ), un système de documents hypertextes interconnectés accessibles via Internet. Au cœur du WWW se trouvent les pages web, des documents écrits en HTML . HTML fournit la structure de base des sites, qui est ensuite enrichie et modifiée par d'autres technologies comme CSS et JavaScript.
Un document HTML est structuré selon un ensemble de balises imbriquées, qui sont des éléments entourés de chevrons. Ces balises indiquent au navigateur web comment afficher le contenu. Voici un exemple de structure HTML simple :
<!DOCTYPE html>
<html>
<tête>
<title>Titre de la page</title>
</head>
<corps>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>
Ce code définit une page Web de base avec un titre, un en-tête et un paragraphe de texte.
Les documents HTML sont constitués d'éléments HTML. Chaque élément est représenté par une balise de début, du contenu et une balise de fin. Les balises de début et de fin d'un élément sont identiques, à la différence que la balise de fin inclut une barre oblique avant le nom de l'élément.
Par exemple, la balise <code><p></code> englobe un paragraphe de texte et est structurée comme suit :
<p>Ceci est un exemple de paragraphe.</p>
Différents éléments servent à différentes fins. Par exemple :
Les éléments HTML peuvent avoir des attributs fournissant des informations supplémentaires. Ces attributs sont placés dans la balise de début d'un élément et sont souvent exprimés sous forme de paires nom/valeur, comme <code>name="value"</code>.
Par exemple, pour intégrer une image, nous utilisons la balise <code><img></code> avec l'attribut <code>src</code> (source) pour spécifier l'URL de l'image :
<img src="url to image.jpg" alt="Description de l'image">
L'attribut <code>alt</code> fournit un texte alternatif pour l'image si elle ne peut pas être affichée.
L'utilisation de la balise <code><a></code> crée des hyperliens, essentiels à l'interconnexion du Web. Un hyperlien peut renvoyer vers une autre page web, une autre section de la même page, ou même un fichier téléchargeable. Par exemple :
<a href="https://example.com">Visitez Example.com</a>
Cela crée un lien vers <code>https://example.com</code>.
HTML fournit des éléments pour créer des listes. Il existe deux principaux types de listes :
Chaque élément de la liste est inclus dans la balise <code><li></code> (élément de liste).
HTML5 est la dernière évolution de la norme. Elle introduit de nombreuses nouvelles fonctionnalités qui répondent aux besoins actuels en matière de documents multimédias et interactifs. Parmi celles-ci figurent de nouveaux éléments structurels (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>), des éléments graphiques (<code><canvas></code> pour le dessin, <code><svg></code> pour les graphiques vectoriels évolutifs) et des éléments multimédias (<code><audio></code> et <code><video></code>).
HTML sémantique fait référence à l'utilisation du balisage HTML pour renforcer la sémantique, ou le sens, des informations contenues dans les pages web. Plutôt que de simplement définir l'apparence ou le comportement des éléments (c'est une tâche réservée CSS et JavaScript), HTML sémantique décrit précisément la structure et le type de contenu. Par exemple, une balise <code><article></code> indique que le contenu est un article, tandis qu'une balise <code><nav></code> indique un menu de navigation.
L’utilisation HTML sémantique améliore l’accessibilité et la capacité de recherche du contenu Web, le rendant plus utilisable et plus facile à découvrir.
HTML est une technologie fondamentale du World Wide Web, fournissant la structure de base des pages web. Grâce à l'utilisation de balises, d'attributs et d'éléments, HTML permet la création de documents structurés. Comprendre et utiliser HTML permet de créer une large gamme de contenus accessibles sur le web, du simple document texte aux expériences multimédias interactives complexes. Fondement du développement web, la maîtrise du HTML est essentielle pour quiconque souhaite concevoir ou développer pour le web.