<!DOCTYPE html>
Pour faire simple, cette ligne permet d’indiquer à notre navigateur (Edge, Firefox, Opera, Chrome…) avec quel type de HTML nous avons écrit notre page.
Pour notre cas, c’est le HTML5.
<html>
C’est une balise obligatoire qui s’ouvre au début de la page HTML (juste après le doctype) et se ferme à la fin.
<head>
C’est l’en-tête du fichier HTML.
Elle englobe les balises <meta>, <title>, <link> ainsi que d’autres balises disponibles.
<meta charset="utf-8">
Permet de spécifier l’encodage du document.
Sans cette balise, tous les accents dans notre texte seront remplacés par des caractères spéciaux.
Sur Thimble, retirer cette balise n’a aucun impact, mais il est nécessaire de prendre l’habitude de toujours l’écrire.
<meta name="viewport" content="width=device-width, initial-scale=1">
Cette ligne définit la taille de notre page par rapport à l’écran de notre appareil (ordinateur, tablette, téléphone).
<title>Hello!</title>
Obligatoire, cette balise affiche le titre de notre site sur l’onglet utilisé !
Elle permet aussi d’améliorer la visibilité du site dans les moteurs de recherche comme Google.
<link rel="stylesheet" href="style.css">
Permet de lier une page CSS à une page HTML.
<body>
C’est le corps de notre page, l’endroit où nous allons intégrer tous les éléments de notre page HTML.
<h1>Hi there!</h1>
C’est un titre.
<p>I'm your cool new webpage. Made with <a href="https://glitch.com">Glitch</a>!</p>
C’est un paragraphe, un bloc de texte.
La balise <a> permet d'ajouter un lien autour du texte qu'elle encadre.