HTML signifie Hypertext Markup Language. Il s'agit du langage de balisage standard pour les documents conçus pour ê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 tels que JavaScript.
À la base, Internet est un vaste réseau d’ordinateurs connectés à l’échelle mondiale. La principale façon dont nous interagissons 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, qui sont des documents écrits en HTML. HTML fournit la structure de base des sites, qui est ensuite améliorée 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 crochets angulaires. Ces balises indiquent au navigateur Web comment afficher le contenu. Un exemple de structure de document HTML simple est :
<!DOCTYPEhtml>
<html>
<tête>
<title>Titre de la page</title>
</tête>
<corps>
<h1>Ceci est un titre</h1>
<p>Ceci est un paragraphe.</p>
</corps>
</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, sauf que la balise de fin inclut une barre oblique avant le nom de l'élément.
Par exemple, la balise <code><p></code> entoure un paragraphe de texte et est structurée comme suit :
<p>Ceci est un exemple de paragraphe.</p>
Différents éléments répondent à des objectifs différents. Par exemple:
Les éléments HTML peuvent avoir des attributs qui fournissent des informations supplémentaires sur les éléments. Les attributs sont placés dans la balise de début d'un élément et sont souvent donnés dans des 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 vers 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, qui sont fondamentaux pour l'interconnectivité du Web. Un lien hypertexte peut renvoyer vers une autre page Web, une section différente de la même page ou même un fichier téléchargeable. Par exemple:
<a href="https://example.com">Visitez Exemple.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 entouré de la balise <code><li></code> (élément de liste).
HTML5 est la dernière évolution de la norme, introduisant de nombreuses nouvelles fonctionnalités qui reflètent les besoins modernes en matière de documents multimédias et interactifs. Ceux-ci incluent de nouveaux éléments structurels (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , éléments graphiques (<code><canvas></code> pour le dessin, <code><svg></code> pour les graphiques vectoriels évolutifs) et éléments multimédias (<code><audio></code> et <code ><vidéo></code>).
Le HTML sémantique fait référence à l'utilisation du balisage HTML pour renforcer la sémantique, ou la signification, des informations contenues dans les pages Web. Plutôt que de simplement définir l'apparence ou le comportement des éléments (c'est un travail pour CSS et JavaScript), le HTML sémantique décrit avec précision la structure et le type de contenu. Par exemple, une balise <code><article></code> indique que le contenu à l'intérieur est un article, tandis qu'une balise <code><nav></code> signifie un menu de navigation.
L'utilisation du HTML sémantique améliore l'accessibilité et la possibilité de recherche du contenu Web, le rendant plus utilisable et découvrable.
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. En comprenant et en utilisant le HTML, on peut créer une large gamme de contenus accessibles sur le Web, depuis de simples documents texte jusqu'à des expériences multimédias interactives complexes. En tant que base du développement Web, la maîtrise du HTML est essentielle pour toute personne souhaitant concevoir ou développer pour le Web.