Structure d'un document HTML de base
Un document HTML de base suit une structure bien définie pour assurer une mise en page cohérente et sémantique. Voici un aperçu de la structure d'un document HTML de base :
Doctype
La première ligne d'un document HTML contient une déclaration du type de document (Doctype). Il s'agit d'une instruction spéciale qui indique au navigateur quelle version d'HTML est utilisée. Par exemple, pour HTML5, la déclaration est la suivante :
<!doctype html>Balise html
La balise <html> est l'élément racine de tout document HTML. Elle englobe tout le contenu de la page et indique au navigateur que le document est écrit en HTML.
<!doctype html>
<html>
<!-- Le contenu de la page -->
</html>Balise head
La balise <head> est utilisée pour contenir des informations sur le document, telles que le titre de la page, les liens vers des fichiers CSS ou JavaScript, les métadonnées, etc. Cette section n'est pas visible à l'écran.
<!doctype html>
<html>
<head>
<!-- Informations sur le document -->
</head>
</html>Balise body
La balise <body> contient le contenu visible de la page web. C'est là que vous placez les éléments tels que les titres, les paragraphes, les images, les liens et tout autre élément interactif.
<!doctype html>
<html>
<head>
<!-- Informations sur le document -->
</head>
<body>
<!-- Contenu visible de la page -->
</body>
</html>Exemple complet
Voici un exemple complet d'un document HTML de base :
<!doctype html>
<html>
<head>
<title>Titre de la page</title>
<link rel="stylesheet" href="styles.css" />
<script src="script.js"></script>
</head>
<body>
<h1>Titre principal</h1>
<p>Ceci est un paragraphe.</p>
<img src="image.jpg" alt="Description de l'image" />
<a href="https://www.example.com">Lien vers Example</a>
</body>
</html>Conclusion
La structure d'un document HTML de base est essentielle pour créer des pages web bien organisées et cohérentes. En comprenant la structure et l'utilisation des balises HTML telles que <!DOCTYPE html>, <html>, <head>, et <body>, vous êtes en mesure de définir la structure et le contenu d'une page web.
La balise <head> permet d'inclure des informations importantes pour le document, tandis que la balise <body> contient le contenu visible de la page. En utilisant les balises HTML appropriées, telles que les titres <h1> à <h6>, les paragraphes <p>, les liens <a>, les images <img>, et bien d'autres encore, vous pouvez organiser et formater votre contenu de manière claire et sémantique.
N'oubliez pas que la structure d'un document HTML est la base sur laquelle vous pouvez construire des pages web plus complexes. En combinant différentes balises HTML et en utilisant des attributs, vous pouvez créer des mises en page avancées, intégrer des médias, et ajouter des interactions avec des langages de programmation comme JavaScript.
En continuant votre apprentissage d'HTML et en explorant les différentes balises et fonctionnalités, vous développerez des compétences solides pour concevoir et construire des sites web professionnels et efficaces.