anglais
français
arabe
Deutsch
Español
Português
Italiano
Nederlands
Русский
日本語
中文
한국어
Introduction au HTML
Passer le quiz
Qu’est-ce que le HTML ?
Le HTML (HyperText Markup Language) est le langage standard du web. Il ne « programme » rien : il décrit la structure et le sens d’une page à l’aide de petites étiquettes appelées éléments (ou « balises »).
Les trois langages du web
Presque tous les sites reposent sur trois couches complémentaires. Le HTML vient en premier : c’est le squelette sur lequel tout le reste s’appuie.
- HTML — structure le contenu : titres, paragraphes, images, liens.
- CSS — met en forme ce contenu : couleurs, espacements, mise en page, polices.
- JavaScript — ajoute du comportement : clics, animations, données.
Votre premier document HTML
Chaque page part du même squelette. Saisissez-le dans un fichier, enregistrez-le sous index.html et ouvrez-le dans n’importe quel navigateur.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Ma première page</title>
</head>
<body>
<h1>Bonjour, le monde !</h1>
<p>Ceci est ma première page web.</p>
</body>
</html>Aucune installation
Il vous suffit d’un éditeur de texte et d’un navigateur. Pas de serveur ni d’outils de build : enregistrez le fichier et double-cliquez dessus.
Anatomie d’un élément
La plupart des éléments ont une balise ouvrante, un contenu et une balise fermante. Le navigateur lit les balises pour savoir ce que représente chaque contenu.
<p>Ceci est un paragraphe.</p>
<!-- balise ouvrante, contenu, balise fermante -->Fermez vos balises
La plupart des éléments doivent être fermés (<p>…</p>). Quelques-uns sont « auto-fermants » et se suffisent à eux-mêmes, comme <img> ou <br>.
