Conception de pages pour un navigateur

Les balises obligatoires

Structure du code d'un fichier en HTML

Tous les fichiers écrits en HTML doivent être structurés avec soin.

Le canevas obligatoire est le suivant :

<!DOCTYPE html>

<html>

<head>

  ...

</head>

<body>

  ...

</body>

</html>

L'en-tête du fichier

L'en-tête du fichier est encadrée par la balise <head>...</head>.

Cette partie doit contenir les éléments qui ne seront pas visibles dans la page affichée par le navigateur.

La balise principale à mettre dans l'en-tête est le "nom" de la page (qui s'affiche dans l'onglet de la page dans le navigateur) :

Ex : <title>Nom de la page</title>

Il est souhaitable de préciser le type d'encodage utilisé (en général l'encodage utf-8) de façon à afficher correctement les accents.

Ex : <meta charset="utf-8">

Il est aussi possible de donner une description de la page, le nom de l'auteur...

Ex : <meta name="Description" content=" ...description de la page... ">

Le corps du fichier

Le corps du fichier est délimité par la balise <body>...</body>.

Cette partie doit contenir tous les éléments qui seront visibles dans la page affichée par le navigateur.

La mise en forme générale de la page (marges, couleur ou image de fond, couleur du texte...) se fait avec les styles (cf. Généralité sur la mise en page et Styles pour les blocs).

ostralo.net