page2
1.Analysons la partie HTML…
<!DOCTYPE html>
au début permet d’informer le navigateur que la page est codée en HTML, pour information, nous sommes à la version 5 en ce moment… on parle de HTML5 (d’où le 5 en bas de page).
<head>
<meta charset="utf-8">
<title>Voici mon site</title>
</head>
permet d’indiquer le titre qui apparaîtra dans l’onglet de la page web, on peut y ajouter une image mais aussi des métadonnées qui n’apparaîtront pas qui serviront aux différents moteurs de recherches de trouver votre page et par habitude, on y indique aussi le codage de caractères utilisé (ici utf-8).
<body>
<h1>Hello World! Ceci est un titre</h1>
<p>Ceci est un <strong>paragraphe</strong>. Avez-vous bien compris ?</p>
</body>
Le corps de la page, son contenu, avec toujours les balises pour indiquer l’affichage attendu (titre, paragraphe…). On peut remarqué que l’on doit toujours utiliser des balises pour (ici) mettre le mot paragraphe en gras par contre, il n’y a aucune information de style sur les formats pour le titre.
<html lang="fr">
</html>
Tout ceci est entouré par les balise html obligatoires, la partie lang permet d’indiquer la langue de la page web, ici « fr » pour français, cette information sera utilisée par les moteurs de recherches.
Captures d’écran de liveweave.com