Une page HTML est une succession et imbrication de balises HTML. Certaines règles doivent être respectées .
Une page HTML se compose de “balises”. Voici ici quelques exemples de balises que nous verrons de manière approfondie le long de notre cours.
<head> : Il contient des informations sur la page, comme le titre de la page (qui est utilisé pour l'onglet de la page dans le navigateur), les meta-données, les liens vers les feuilles de style CSS et les scripts JavaScript.<body> : Il contient le contenu visible de la page, comme le texte, les images, les liens, les formulaires, etc. Il est délimité par les balises <body> et </body>.A ce stade, le contenu de la balise head sera flou, car une grande partie des balises utilisées dans cette balise sera lié à d’autres resources telles que les fichiers CSS ou JavaScript. Nous y reviendrons plus tard, mai retenez que la balise <head> contient des informations supplémentaires sur la page, qui ne sont pas affichées directement sur la page elle-même, mais qui sont utilisées par les navigateurs web et les moteurs de recherche pour comprendre et afficher la page de manière appropriée. Les éléments couramment inclus dans la balise <head> sont :
<title> : Il contient le titre de la page, qui est utilisé pour l'onglet de la page dans le navigateur et pour les résultats de recherche. Il est important que chaque page ait un titre unique et descriptif.<meta> : Il contient des informations supplémentaires sur la page, comme la description de la page, les mots clés, les informations de l'auteur, les informations de copyright, etc.<link> : Il est utilisé pour lier des feuilles de style CSS externes à la page. Il permet d'appliquer un style visuel sur la page.<script> : Il est utilisé pour inclure des scripts JavaScript dans la page. Il permet de rendre la page interactive.Il est important de noter que l'ordre des éléments dans la balise <head> peut avoir un impact sur la façon dont la page est interprétée par les navigateurs web, et il est donc recommandé de respecter les normes de codage pour éviter les erreurs. (voir W3C)
La balise <body> contient le contenu visible de la page web, c'est-à-dire tout ce qui est affiché aux utilisateurs lorsqu'ils visitent la page. Elle est délimitée par les balises <body> et </body>. Les éléments couramment inclus dans la balise <body> sont :
<h1> à <h6> : Elles sont utilisées pour définir les titres et les sous-titres de la page.<p> : Elles sont utilisées pour définir les paragraphes de texte.<img> : Elles sont utilisées pour insérer des images dans la page.<ul> et <li> : Elles sont utilisées pour créer des listes à puces et des listes numérotées.<table>, <tr>, <th> et <td> : Elles sont utilisées pour créer des tableaux pour afficher des données structurées.