Introduction au HTML – Édition numérique

HTML (HyperText Markup Language) est le langage de structuration des pages web.
Il définit la structure et le contenu d’un document numérique.
Le HTML n’est pas un langage de programmation, mais un langage de balisage (markup language).

👉 Dans l’édition numérique, le HTML est utilisé dans :

les sites web,
les livres numériques (ePub),
la production multi-supports à partir de fichiers XML/HTML.

Structure d’un document HTML

Exemple minimal :

<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <title>Mon premier document HTML</title>
  </head>
  <body>
    <h1>Titre principal</h1>
    <p>Ceci est un paragraphe de texte.</p>
  </body>
</html>

Éléments principaux :

<!DOCTYPE html> : indique la version du langage (HTML5).
<html> : racine du document.
<head> : contient les métadonnées (titre, encodage).
<body> : contient le contenu affiché.

Balisage de base :

Élément	Usage	Exemple
`<h1>` à `<h6>`	Titres hiérarchisés	`<h2>Sous-titre</h2>`
`<p>`	Paragraphe	`<p>Texte courant.</p>`
`<em>`	Emphase (italique)	`<em>mot important</em>`
`<strong>`	Importance (gras)	`<strong>mot clé</strong>`
`<a>`	Lien hypertexte	`<a href="https://...">lien</a>`
`<img>`	Image	`<img src="image.jpg" alt="Description"/>`
`<ul>` / `<ol>` / `<li>`	Listes	`<ul><li>Élément</li></ul>`
`<blockquote>`	Citation	`<blockquote><p>Texte cité</p></blockquote>`

Éditer

Pour créer ou éditer un fichier HTML on utilise un éditeur txt comme TextEdit, Notepad ou de code comme Phoenix Code

Bonnes pratiques

Toujours fermer les balises : <p>…</p>.
Imbriquer les éléments correctement : <em> à l’intérieur d’un <p>
Respecter l’indentation pour la lisibilité.

Validation

Un fichier HTML doit être valide pour fonctionner correctement.
Utiliser : validator.w3.org → vérifie la syntaxe HTML.

Exercices pratiques

Observation : ouvrir un fichier HTML et repérer les balises principales.
Création : rédiger un mini-document HTML avec un titre, deux paragraphes.
Correction : repérer et corriger les erreurs de balisage.
Validation : tester le fichier avec le validateur W3C.

Points-clés à retenir

Syntaxe stricte mais simple.
Indispensable pour comprendre les ePub et le web.
Toujours valider et respecter la hiérarchie des balises.