Contenu du cours
Essentiels HTML
Essentiels HTML
Structure du Document HTML
Tout d'abord, nous explorons la structure d'un document HTML.
Structure du Document HTML
Chaque document HTML doit respecter une structure cohérente. Les éléments décrits ici établissent la base pour organiser le contenu, définir la structure de la page et améliorer l'expérience utilisateur sur le web.
balise html
La balise <html> est l'élément racine d'un document HTML. Tous les autres éléments seront écrits à l'intérieur de celui-ci. La balise d'ouverture <html> marque le début du document HTML, tandis que la balise de fermeture </html> marque la fin.
Exemple:
balise head
La balise <head> contient des méta-informations sur le document HTML, telles que le titre, l'encodage des caractères et les ressources externes comme les feuilles de style et les scripts. Elle ne contient pas de contenu directement visible par l'utilisateur sur la page web.
Exemple:
Explication:
- La balise
<title>définit le titre d'une page web. Il est affiché dans la barre de titre du navigateur web ou l'onglet du navigateur. Le titre d'une page donne un aperçu bref de son contenu, facilitant la compréhension de l'objectif de la page par les utilisateurs et leur permettant de naviguer plus efficacement à travers plusieurs onglets; <meta charset="UTF-8">est responsable de spécifier l'encodage des caractères utilisé dans un document HTML. Cet encodage des caractères détermine comment les navigateurs web interprètent et affichent le texte;- Quelques balises méta courantes incluent:
<meta name="description" content="Brève description de la page">: Fournit une description concise du contenu de la page, qui peut apparaître dans les résultats des moteurs de recherche;<meta name="keywords" content="mot-clé1, mot-clé2, ...">: Spécifie les mots-clés pertinents pour le contenu de la page, aidant à améliorer le référencement (SEO);<meta name="viewport" content="width=device-width, initial-scale=1.0">: Définit les paramètres du viewport pour un design réactif, assurant un bon ajustement sur différents appareils.
balise body
La balise <body> contient le contenu principal visible par les utilisateurs sur une page web. Ce contenu comprend du texte, des images, des liens, des formulaires et d'autres éléments avec lesquels les utilisateurs peuvent interagir lors de la visite du site web. Essentiellement, la balise <body> contient ce que les utilisateurs voient et avec quoi ils interagissent lorsqu'ils naviguent sur un site web.
Exemple:
Déclaration du type de document
La déclaration du type de document informe le navigateur web de la version de HTML utilisée dans le document. Cette déclaration garantit que le navigateur web rend correctement le document en suivant la norme HTML spécifiée. Pour les documents HTML5, la déclaration doctype est <!DOCTYPE html>.
Exemple:
Structure résultante
Pour conclure, rassemblons tous les éléments que nous avons considérés et combinons-les en un seul document HTML.
Ci-dessous, vous pouvez voir comment le document HTML apparaît dans le navigateur web.
Tutoriel Vidéo
1. Quelle balise est l'élément racine d'un document HTML ?
2. Que contient la balise <head> ?
3. Que définit la balise <title> ?
4. Quel est le but de la balise <body> ?
Merci pour vos commentaires !
