Comment structurer un nouveau document HTML
HTML (HyperText Markup Language) est l'épine dorsale du contenu Web, fournissant une structure aux informations affichées sur les sites Web. Chaque document HTML suit une structure de base qui comprend des éléments essentiels. Examinons les composants clés.
1. '<!DOCTYPE html>'
Cette déclaration définit le type de document et la version HTML utilisée. Pour les pages Web modernes, il est d'usage d'utiliser '<!DOCTYPE html>'.
2. '<html>'
L'élément racine encapsule l'intégralité du document HTML.
3. '<head>'
La section head contient des méta-informations sur le document, telles que le titre, le jeu de caractères et les feuilles de style liées.
4. '<title>'
Cet élément définit le titre du document HTML, qui apparaît dans l'onglet ou la fenêtre du navigateur.
5. '<body>'
L'élément body contient le contenu du document HTML, notamment le texte, les images, les liens, etc.
Exemple de document HTML
Maintenant, rassemblons tout cela dans un exemple:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Document</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a simple example of an HTML document.</p>
<img src="example.jpg" alt="An example image">
<a href="https://www.example.com">Visit Example.com</a>
</body>
</html>Dans cet exemple, remplacez "My HTML Document" par le titre souhaité et ajustez le contenu du '<body>' en conséquence. Comprendre cette structure de base jette les bases de la création de pages Web bien organisées et sémantiquement significatives.
Bonus: balises de fermeture
Lors de la composition d'une page HTML, il est important de s'assurer que toutes les balises sont correctement fermées, afin d'éviter les problèmes de flux et de rendu des pages. Pour vous aider dans cette tâche, consultez notre Outil de vérification des balises HTML non fermées pour détecter les problèmes structurels dans votre code HTML.