Académique Documents
Professionnel Documents
Culture Documents
suivants :
Exemple :
```html
<!DOCTYPE html>
```
Exemple :
```html
<html>
<!-- Contenu de la page -->
</html>
```
3. **Balise `<head>`** : Contient les métadonnées du document, telles que le titre, les liens vers
les feuilles de style CSS, les scripts JavaScript, etc.
Exemple :
```html
<head>
<title>Titre de la page</title>
<!-- Autres métadonnées -->
</head>
```
Exemple :
```html
<body>
<!-- Contenu visible de la page -->
</body>
```
Dans le corps de la page, on utilise une variété de balises pour structurer le contenu, telles que
`<h1>` à `<h6>` pour les titres, `<p>` pour les paragraphes, `<a>` pour les liens, `<img>` pour
les images, etc.
```html
<!DOCTYPE html>
<html>
<head>
<title>Exemple de page HTML</title>
</head>
<body>
<h1>Titre de la page</h1>
<p>Ceci est un paragraphe.</p>
<a href="https://www.example.com">Ceci est un lien vers Example.com</a>
</body>
</html>
```
Cette structure de base est utilisée pour créer des documents HTML qui peuvent être interprétés
et affichés par les navigateurs web.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Titre de la page</title>
<!-- Balises de liaison aux fichiers CSS et JavaScript -->
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<!-- Contenu de la page -->
<header>
<!-- En-tête de la page -->
<h1>Titre principal de la page</h1>
<nav>
<!-- Barre de navigation -->
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">À propos</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<!-- Contenu principal de la page -->
<section>
<!-- Section de contenu -->
<h2>Titre de la section</h2>
<p>Contenu de la section</p>
</section>
<article>
<!-- Article de contenu indépendant -->
<h2>Titre de l'article</h2>
<p>Contenu de l'article</p>
</article>
</main>
<footer>
<!-- Pied de page -->
<p>© 2024 Nom de l'entreprise. Tous droits réservés.</p>
</footer>
</body>
</html>