Nous allons écrire le code HTML de structure pour composer l'exemple de page type suivant :
Pour simuler l'encombrement des blocs, la hauteur et la couleur de fond des éléments sont définies avec des règles de style CSS dans un élément style. Pour le moment ne vous occupez pas trop du code CSS, mais concentrez vous sur les éléments HTML et leur imbrication.
Pour réaliser des pages HTML, je vous conseille de toujours travailler par itérations : on définit la structure de base avec les blocs principaux, puis on définit la structure interne pour chacun des blocs.
En-tête, principal et pied
Hors-texte, à côté
Contenu de l'en-tête
Complétez le code HTML pour obtenir le résultat ci-contre :
Le contenu de l'en-tête est fait avec
Contenu du hors texte
Complétez le code HTML pour obtenir le résultat ci-contre :
Le contenu hors-texte est fait avec
Sections et articles
Complétez le code HTML pour obtenir le résultat ci-contre :
La structure du bloc principal est faite avec
Contenu principal
Complétez le code HTML pour obtenir le résultat ci-contre :
Le contenu est fait avec