Ce gabarit est structuré de la manière suivante:
<header>...</header>
<nav>...</nav>
<article>...</article>
<footer>...</footer>
Il est mis en forme par une feuille de styles:
Pour voir le détail du code HTML de cette page, utilisez la fonction d'affichage de la source de votre navigateur web (ex: Affichage > Code source de la page).
Ce gabarit est très simple, et ne devrait pas nécessiter moult explications. Deux points sont à noter tout de même:
Le menu de navigation est horizontal,
alors que nous avons utilisé une liste non ordonnée (élément
HTML ul)pour le coder (voir le code HTML).
Le principal problème de ce gabarit, mis à part son aspect très frustre, c'est que l'on place tout le contenu dans un bloc qui prend 100% de la largeur de la fenêtre du navigateur.