Le langage HTML

Présentation générale du HTML

Définition

HTML signifie HyperText Markup Language. Il s'agit d'un langage de balisage utilisé pour structurer le contenu des pages web.

Contrairement à un langage de programmation, le HTML ne permet pas d'effectuer des calculs ou des traitements logiques. Son rôle principal est de décrire la structure d'un document afin que le navigateur puisse l'afficher correctement.

Le HTML est présent dans toutes les pages web accessibles sur Internet. Il constitue la base sur laquelle reposent les autres technologies du développement web.

Définition du HTML — Figure 1 : Le HTML permet de structurer le contenu d'une page web

Rôle du HTML dans le Web

Lorsqu'un navigateur reçoit une réponse d'un serveur web, il commence par analyser le document HTML afin d'en comprendre l'organisation et la hiérarchie.

Le navigateur interprète ensuite les balises HTML pour afficher le texte, les images, les liens et les autres éléments de la page. Sans HTML, aucune page web ne pourrait être affichée.

Le HTML joue donc un rôle central dans la communication entre le client (navigateur) et le serveur.

Structure d'un document HTML

Organisation générale

Un document HTML respecte une structure précise permettant au navigateur de reconnaître le type de document et d'interpréter correctement son contenu.

Cette structure facilite également la lecture du code par les développeurs et contribue à une meilleure maintenance du site web.

<!DOCTYPE html> : indique le type de document
<html> : élément racine
<head> : métadonnées et informations générales
<body> : contenu affiché dans le navigateur

Structure d'un document HTML — Figure 2 : Structure générale d'un document HTML

Le rôle des métadonnées

La partie <head> contient des informations importantes comme le titre de la page, l'encodage des caractères ou encore les paramètres d'affichage.

Ces informations ne sont pas visibles directement par l'utilisateur, mais elles influencent le comportement du navigateur.

Balises HTML sémantiques

Pourquoi utiliser des balises sémantiques ?

Les balises sémantiques permettent de donner du sens au contenu d'une page web. Elles décrivent clairement le rôle de chaque partie du document.

Leur utilisation améliore la lisibilité du code, l'accessibilité des pages et la compréhension du contenu par les moteurs de recherche.

Exemples de balises courantes

Tableau 1 : Balises HTML principales
Balise	Fonction
<header>	En-tête de la page ou d'une section
<nav>	Menu de navigation
<main>	Contenu principal du document
<section>	Regroupe un ensemble de contenus liés
<article>	Contenu autonome et indépendant
<footer>	Pied de page

Exemple de code HTML

Structure minimale

L'exemple suivant montre une page HTML simple, mais complète, respectant la structure standard.

                <!DOCTYPE html>
                    <html lang="fr">
                    <head>
                        <meta charset="UTF-8">
                        <title>Ma page</title>
                    </head>
                    <body>
                        <h1>Bonjour</h1>
                        <p>Ceci est une page HTML.</p>
                    </body>
                    </html>

Conclusion sur le langage HTML

A retenir:

Le HTML constitue la base du développement web. Il permet de structurer les pages et de présenter le contenu de manière claire et compréhensible.

La maîtrise du HTML est indispensable pour comprendre le fonctionnement des sites web et pour développer des applications web bien organisées.

Une bonne structuration HTML facilite également l'utilisation des autres technologies du web, notamment le CSS pour la mise en forme.