Centre de Formation en Webdesign & Graphisme à Nancy (54)

Mémo : la structure de base d’un fichier HTML5

HTML, Parcours formation 13 septembre 2021
<!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<title>Le titre de ma page</title>

	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="description de ma page">

	<link rel="stylesheet" href="style.css">
</head>
<body>
	<!-- mon contenu HTML -->
</body>
</html>

La balise Doctype

Simplifiée par rapport à ses précédentes versions, la balise Doctype est la première balise de votre fichier. Elle déclare que le code qui lui suivra est du HTML. Contrairement à la majorité des balises HTML, celle-ci est autofermante et n'a pas de paire.

La balise html

Cette balise s'ouvre directement le Doctype. Elle encadre l'ensemble du code HTML et se fermera donc en dernière ligne. Elle comporte un attribut lang qui déclare la langue de la page.

La balise head

La balise head déclare l'entête de votre fichier HTML. Les balises qu'elle contient (meta, link, title...) donnent des indications au navigateur, au moteur de recherche... qui ne sont pas directement visibles par l'internaute (pour simplifier).

La balise body

La balise body encadre le contenu du site qui sera visible par vos visiteurs. C'est le corps de la page.

Photo de couverture by Irvan Smith on Unsplash