Structure d'une page web
Structure globale
<!DOCTYPE html>
<html lang="fr"><!-- commentaire: l'attribut "lang" indique
aux moteurs de recherche que le contenu textuel de la page est en français -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Initiation au langage HTML</title>
</head>
<body>
</body>
</html>
A vous de jouer :
A vous de jouer !
-
Copiez-collez cette structure dans un nouveau fichier.
Veuillez à enregistrer correctement votre fichier. >>> Infos -
Ajouter ceci à l'interieur des balises
<body> -
Où s'affiche le titre du document (
<title>) ? - Le contenu de quelle balise s'affiche sur la page ?
Réponses
Le contenue de la balise <title> s'affiche dans l'onglet de fenêtre.
Seul le contenu placé entre les balise <body> est affiché dans le navigateur.
Analysons les différents balises qui constituent cette structure de base.
Le DOCTYPE
Le "DOCTYPE" est la première instruction qui doit être rédigée dans la page html. Le "Doctype" informe de la version HTML utilisée dans le document (dans l'exemple c'est la version HTML 5).
La balise ‹html›
La balise <html> englobe tout le contenu de la page. L'attribut lang="fr" spécifie que la langue principale du contenu est le français.
La balise ‹head›
La balise <head> contient des informations sur la page, comme le titre et les métadonnées, mais ce contenu n'est pas affiché dans le navigateur.
La balise ‹meta›
La balise <meta charset="utf-8"> définit l'encodage des caractères utilisé dans la page, ici l'UTF-8.
>>Infos concernant le codage des caractères
La balise ‹title›
La balise <title> définit le titre de la page, affiché dans l'onglet du navigateur. Il n'apparait pas dans le contenu de la page du navigateur.
La balise ‹body›
La balise <body> contient le contenu visible de la page, comme le texte, les images, les liens, etc.