Structure d'un fichier HTML

Syntaxe

Le code minimal d'un fichier HTML est composé de :

  1. Une ligne initiale, indiquant qu'il s'agit d'un document HTML <!DOCTYPE html>.

  2. Une balise racine <html> : elle englobe tout le reste du contenu.

    • La balise <head> : elle contient les méta-données de la page et son contenu n’apparaît pas dans le rendu final.

    • La balise <body> : elle contient tout le contenu visible de la page.

Syntaxe

1
<!DOCTYPE html>
2
<html lang="fr">
3
    <head>
4
        <title>...</title>
5
        <meta charset="utf-8">
6
    </head>
7
    <body>
8
        ...
9
    </body>
10
</html>

Exemple

1
<!DOCTYPE html>
2
<html lang="fr">
3
    <head>
4
        <title>Le titre de ma page</title>
5
        <meta charset="utf-8">
6
    </head>
7
    <body>
8
        <p>Mon premier paragraphe.</p>
9
        <p>Mon second paragraphe.</p>
10
    </body>
11
</html>

Remarquelang

On associe à la balise html un attribut lang qui spécifie la langue principale du document, comme par exemple : <html lang="fr">

Remarquehead & body

  • L'entête head se compose au minimum d'un titre (title) et d'une information concernant l'encodage des caractères (charset="utf-8").

  • Le corps contient l'ensemble du contenu visible dans la page, par exemple, des paragraphes (p).

Complément

developer.mozilla.org