... ... "> ... ... "> ... ... "> 
<!DOCTYPE html>
<html lang="en">
	<head>
	 ...
	</head>
	<body>
	   ...
	</body>
</html>

Première chose, le fichier HTML et comme son nom l’indique un fichier qui se termine par le .html

<!DOCTYPE html>

La toutes premières balises, le DOCTYPE (pour préciser au navigateur quel type de fichier, il doit interpréter).

La seconde balise de tout fichier HTML est justement la balise <html>:

<html lang="fr">
...
</html>

Représente la racine du document HTML

L'utilisation d'un attribut [lang](<https://developer.mozilla.org/fr/docs/Web/HTML/Global_attributes#lang>), pour l'élément HTML permettra aux lecteurs d'écran de déterminer la langue à utiliser pour l'énonciation. La balise de langage utilisée doit correspondre à celle utilisée pour la majorité du contenu de la page. Sans cet attribut, les lecteurs d'écran utiliseront la lange paramétrée par le système d'exploitation, ce qui pourra entraîner des défauts de prononciations

1ère section

<head>
...
</head>

Une fois ces deux balises en place, la 1ʳᵉ section est la section <head> et va contenir les balise d’informations générales (métadonnées) sur le document, incluant son titre et des liens ou des définitions vers des scripts et les feuilles de style.

Dans le cas d’une page simple, voici les balises standards :

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./assets/css/flex.css">
    <title>Titre de la page affiché dans la tab du navigateur</title>
</head>

Ces balises ont là pour le navigateur afin de pouvoir assurer un rendu correct de la page rapidement sans avoir tout analyser.

<meta charset="UTF-8"> encodage de la page.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> indique que la largeur de la page sera définie en fonction de la largeur de l'écran de l'appareil, et que la page sera affichée à l'échelle 1:1 sans zoom au chargement de la page. evite des soucis sur les mobiles.

<link rel="stylesheet" href="./assets/css/flex.css"> Liens ver la/les feuilles de styles ont peut aussi ajouté le lien vers du JS .

<title>Titre de la page affiché dans la tab du navigateur</title> Définis le titre de la page HTML qui est affiché dans l'onglet du navigateur ou dans les résultats de recherche. Le titre de la page est un élément important pour l'optimisation pour les moteurs de recherche.

Deuxième section