Cours HTML / Qu’est-ce que le HTML et quel est son rôle dans une page web ?

HTML (HyperText Markup Language, ou langage de balisage hypertexte) donne au contenu d'une page web sa structure et sa signification. Il identifie les titres, paragraphes, listes, liens et autres parties d'un document afin qu'un navigateur puisse les présenter. Le CSS contrôle principalement l'apparence et la mise en page, tandis que JavaScript peut ajouter du comportement en réponse aux actions de l'utilisateur.

Qu’est-ce que le HTML ?

HTML est un langage de balisage qui décrit ce que chaque partie d'un document est. Les mêmes mots peuvent être un titre, un paragraphe ordinaire ou un lien vers une autre page ; les éléments HTML distinguent ces rôles. Les liens permettent également aux documents HTML de se connecter les uns aux autres sur le web.

HTML n'est pas principalement un langage pour les calculs ou la logique conditionnelle. Son rôle central est de donner une structure et un sens au contenu. L'introduction du standard HTML du WHATWG explique le langage et comment ses éléments fonctionnent.

Que fait HTML sur une page web ?

Une page web peut contenir des titres, du texte principal, des liens de navigation, des images et des formulaires. HTML utilise des éléments appropriés à chaque type de contenu et exprime comment les parties sont liées entre elles. Pour un fichier complet montrant où les balises doivent être placées, utilisez Structure de base d'un document HTML.

• Identifie le contenu : h1–h6 marquent les titres, p marque les paragraphes, et ul ou ol marque les listes.
• Organise le document : Les éléments peuvent distinguer un en-tête, une zone de navigation et le contenu principal.
• Relie les pages et accepte les entrées : a crée des liens ; form et les éléments de saisie permettent aux utilisateurs de soumettre des informations.

Cette structure aide les navigateurs et les technologies d'assistance à interpréter la page. Choisissez un élément pour le rôle du contenu, pas seulement pour son apparence par défaut.

En quoi le HTML, le CSS et le JavaScript diffèrent-ils ?

Ils ont des rôles principaux différents. Le HTML définit le contenu et sa signification. Le CSS contrôle la présentation, comme les couleurs, les polices, l'espacement et la mise en page. Le JavaScript peut répondre aux clics ou aux entrées et modifier la page.

Cette division est un point de départ utile, pas une limite rigide : certains éléments HTML offrent une interaction intégrée, et le CSS peut changer l'apparence en fonction des états ou l'animer. Lors de l'apprentissage du HTML, concentrez-vous d'abord sur le balisage correct du contenu.

À quoi ressemble le code HTML dans un navigateur ?

Dans ce fragment, h1 marque un titre, p marque un paragraphe, et ul avec li marque une liste.

<h1>Notes du jour</h1>

<p>HTML structure le contenu.</p>

<ul>

  <li>Titre</li>

  <li>Paragraphe</li>

</ul>

Le navigateur interprète ces éléments et affiche un titre, un paragraphe et une liste à puces. Comparez les balises au titre, au paragraphe et à la liste affichés à l’écran. Les polices et les espacements réels dépendent du navigateur et de tout CSS appliqué à la page.

Essayez de créer un fichier HTML simple

Ajoutez la structure de document de base au fragment ci-dessus et vous pourrez l’ouvrir directement dans un navigateur. Collez ce qui suit dans un éditeur de texte, enregistrez-le sous index.html en utilisant l’encodage UTF-8, et ouvrez le fichier dans un navigateur. Utilisez Syntaxe HTML pour interpréter la notation des éléments et des attributs.

<!doctype html>

<html lang="fr">

  <head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Notes du jour</title>

  </head>

  <body>

    <h1>Notes du jour</h1>

    <p>HTML structure le contenu.</p>

    <ul>

      <li>Titre</li>

      <li>Paragraphe</li>

    </ul>

  </body>

</html>

Le head contient des informations telles que le titre du document et le codage des caractères. Le body contient le contenu principal de la page. Même sans CSS ajouté, un navigateur affiche le contenu en utilisant ses styles par défaut.

Dans l'exercice, modifiez le titre, le h1 et un paragraphe un à la fois, en enregistrant et en actualisant après chaque modification. Comparez l'onglet du navigateur avec le corps, puis restaurez le code original.