Une page HTML suit une structure bien définie composée de plusieurs éléments fondamentaux.
- Balise `<html>`.
- Balise `<head>`
- Balise `<title>`
- Balise `<body>`
Voici un exemple de base :
<!DOCTYPE html>
<html lang= »fr »>
<head>
<meta charset= »UTF-8″>
<meta name= »viewport » content= »width=device-width, initial-scale=1.0″>
<title>Titre de la Page</title>
<link rel= »stylesheet » href= »styles.css »> <!– Lien vers un fichier CSS –>
</head>
<body>
<header>
<h1>Bienvenue sur mon site</h1>
</header>
<nav>
<ul>
<li><a href= »# »>Accueil</a></li>
<li><a href= »# »>À propos</a></li>
<li><a href= »# »>Contact</a></li>
</ul>
</nav>
<main>
<section>
<h2>Introduction</h2>
<p>Ceci est un paragraphe d’exemple.</p>
</section>
<section>
<h2>Contenu principal</h2>
<p>Autre contenu de la page.</p>
</section>
</main>
<footer>
<p>© 2025 – Tous droits réservés</p>
</footer>
<script src= »script.js »></script> <!– Lien vers un fichier JavaScript –>
</body>
</html>
Explication des éléments
<!DOCTYPE html>: Indique que le document est en HTML5.<html lang="fr">: Déclare la langue du document.<head>: Contient les métadonnées (titre, encodage, styles, etc.).<meta charset="UTF-8">: Définit l’encodage des caractères pour une compatibilité optimale.<meta name="viewport" content="width=device-width, initial-scale=1.0">: Assure une bonne adaptation sur les appareils mobiles.<title>: Définit le titre de la page affiché dans l’onglet du navigateur.<link rel="stylesheet" href="styles.css">: Lie un fichier CSS pour la mise en page.<body>: Contient le contenu visible de la page.<header>: Regroupe l’en-tête, souvent le logo et le titre.<nav>: Contient le menu de navigation.<main>: Partie principale du contenu de la page.<section>: Sépare les différentes sections du contenu.<footer>: Pied de page avec des informations complémentaires.<script src="script.js"></script>: Lien vers un fichier JavaScript pour des fonctionnalités dynamiques.
Cette structure permet d’avoir une page HTML bien organisée et prête à être stylisée avec CSS et enrichie avec JavaScript.
