Comment faire un pied de page en HTML ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-07-03 11:47:01

Question

Comment puis-je faire un pied de page en HTML, de telle manière qu'il soit toujours en bas de la page.

Réponse

Pour faire un pied de page, en HTML, il est conseillé d'utiliser la balise HTML <footer>, puis la propriété CSS position, avec la valeur fixed, si vous désirez que le pied de page HTML soit toujours visible en bas de la page, quelque soit la longueur de celle-ci.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Comment faire un pied de page en HTML ?</title>
<style>
body {
   height: 5000px;
}
footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: green;
   color: white;
   text-align: center;
}
</style>
</head>
<body>
<footer>
Pied de page fixe
</footer>
</body>
</html>

Démo dans le Bac à codes.