–
Mission 1HTML & CSS

Des balises, pas du texte

Monde 1 · La structure

Codey

Concept

Une balise dit ce qu'une chose est

HTML n'est pas un langage de programmation : c'est un langage de description. Chaque balise annonce la nature de son contenu — un titre, un paragraphe, une liste, une image.

La plupart des balises s'ouvrent et se ferment : <p>texte</p>. Ce qu'elles contiennent est imbriqué, et l'imbrication doit être propre : la dernière ouverte est la première refermée.

Une page complète a toujours le même squelette : un <!DOCTYPE html>, un <html> avec sa langue, un <head> pour les informations techniques, un <body> pour ce qui s'affiche.

Exemple
1<!DOCTYPE html>2<html lang="fr">3  <head>4    <meta charset="utf-8" />5    <title>Ma première page</title>6  </head>7  <body>8    <h1>Codey, apprenti développeur</h1>9    <p>Je code depuis <strong>trois jours</strong>.</p>10    <ul>11      <li>HTML</li>12      <li>CSS</li>13    </ul>14  </body>15</html>

<h1> n'est pas « du gros texte » : c'est le titre de la page. Un seul par page, et les niveaux suivants dans l'ordre — h2, puis h3.