Votre première page HTML

01La structure d’une page

HTML décrit le sens et la structure du contenu. CSS s’occupe de l’apparence, et JavaScript ajoute les interactions. Un navigateur peut ouvrir directement un fichier HTML.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My first page</title>
</head>
<body>
  <h1>Hello, web.</h1>
  <p>This is my first page.</p>
</body>
</html>

02Quoi placer et où

La balise head contient les informations du document : titre, encodage et feuilles de style. La balise body contient ce qui s’affiche. L’attribut lang indique la langue aux technologies d’assistance.

<head>
  <title>A useful browser-tab title</title>
</head>
<body>
  <p>Something worth reading.</p>
</body>

03Enregistrer et ouvrir

Créez un fichier index.html dans votre éditeur, collez le document entier, enregistrez-le et ouvrez-le dans un navigateur. Actualisez la page après vos modifications. Vérifiez que le fichier ne s’appelle pas index.html.txt.

04À vous de jouer

Changez le titre et ajoutez un deuxième paragraphe.

Pour aller plus loin

Consultez les guides MDN et standard HTML Living Standard pour approfondir et connaître les bonnes pratiques des navigateurs actuels.