1. Introduction au document HTML
Allez, on va découvrir comment sont organisés les documents HTML. C'est quoi le début de n’importe quel document HTML ? Chaque document HTML a une structure composée de trois balises imbriquées : html, head et body. C’est un standard, voilà un exemple :
<!DOCTYPE html>
<html>
<head>
Balises de service
</head>
<body>
Document principal
</body>
</html>
Tout ce qui est affiché par le navigateur se trouve à l’intérieur de la balise paire body (le corps du document). À l’intérieur de la balise head il y a des balises avec des infos de service/supplémentaires pour le navigateur.
Aussi, au début du document, il est d'usage (mais pas obligatoire) d'écrire le type de document — DOCTYPE, pour que le navigateur comprenne mieux comment interpréter les erreurs. Beaucoup de navigateurs savent afficher correctement des documents avec une mise en page cassée.
2. Exemple de document HTML
Un document HTML — c'est la base de toute page web. Il indique au navigateur à quoi doit ressembler la page. Voici un exemple simple de document HTML :
<!DOCTYPE html>
<html>
<head> <title>Titre de la page</title> </head>
<body> <h1>Salut, le monde !</h1> <p>C'est ma première page web.</p> </body>
</html>
Les parties principales d’un document HTML
Cette ligne est appelée déclaration du type de document (doctype). Elle indique au navigateur que le document est écrit en HTML5, la dernière version du langage HTML. C'est important pour que la page soit affichée correctement.
<html>
La balise <html> ouvre le document HTML. Tout le contenu de la page web doit être dans cette balise. Elle marque le début et la fin d’un document HTML.
<head>
La balise <head> contient des informations de service sur la page. Ces informations ne sont pas affichées directement sur la page web, mais elles sont importantes pour les navigateurs et les moteurs de recherche.
La balise <title> définit le titre de la page, qui s’affiche dans l’onglet du navigateur. C’est la première chose que l’utilisateur voit en ouvrant la page.
<body>
La balise <body> contient tout le contenu visible de la page web : texte, images, liens, tableaux, etc. Tout ce que l’utilisateur voit à l’écran se trouve à l’intérieur de cette balise.
<h1>Salut, le monde !</h1>
La balise <h1> représente un titre de premier niveau. Elle est utilisée pour les titres les plus importants sur la page. Le texte à l’intérieur de cette balise s’affiche en gros et en gras.
<p>C'est ma première page web</p>
La balise <p> représente un paragraphe de texte. Elle est utilisée pour diviser le texte en blocs logiques. Le texte à l'intérieur de cette balise est affiché comme un paragraphe normal.
GO TO FULL VERSION