HTML Introduction

HTML est le langage de balisage standard pour créer des pages Web.

Qu'est-ce que HTML ?

HTML signifie Hyper Text Markup Language
HTML est le langage de balisage standard pour créer des pages Web
HTML décrit la structure d'une page Web
HTML se compose d'une série d'éléments
Les éléments HTML indiquent au navigateur comment afficher le contenu
Les éléments HTML étiquettent des morceaux de contenu tels que "c'est un titre", "c'est un paragraphe", "c'est un lien", etc.

Un Document HTML Simple

Exemple

 <!DOCTYPE html> 
 <html> 
 <head> 
 <title>Titre de la Page</title> 
 </head> 
 <body> 
 
 <h1>Mon Premier Titre</h1> 
 <p>Mon premier paragraphe.</p> 
 
 </body> 
 </html> 

Essayez-le Vous-Même »

Exemple Expliqué

La <!DOCTYPE html> déclare que ce document est un document HTML5
L'élément <html> est l'élément racine d'une page HTML
L'élément <head> contient des informations méta sur la page HTML
L'élément <title> spécifie un titre pour la page HTML (qui est affiché dans la barre de titre du navigateur ou dans l'onglet de la page)
L'élément <body> définit le corps du document et est un conteneur pour tous les contenus visibles, tels que les titres, les paragraphes, les images, les hyperliens, les tableaux, les listes, etc.
L'élément <h1> définit un grand titre
L'élément <p> définit un paragraphe

Qu'est-ce qu'un Élément HTML ?

Un élément HTML est défini par une balise d'ouverture, un contenu et une balise de fermeture :

< nom_de_balise > Le contenu va ici... < /nom_de_balise >

L'élément HTML est tout ce qui se trouve entre la balise d'ouverture et la balise de fermeture :

< h1 > Mon Premier Titre < /h1 >

< p > Mon premier paragraphe. < /p >

Balise d'ouverture	Contenu de l'élément	Balise de fermeture
<h1>	Mon Premier Titre	</h1>
<p>	Mon premier paragraphe.	</p>
<br>	aucun	aucun

Remarque : Certains éléments HTML n'ont pas de contenu (comme l'élément <br>). Ces éléments sont appelés éléments vides. Les éléments vides n'ont pas de balise de fermeture !

Navigateurs Web

Le but d'un navigateur web (Chrome, Edge, Firefox, Safari) est de lire les documents HTML et de les afficher correctement.

Un navigateur n'affiche pas les balises HTML, mais les utilise pour déterminer comment afficher le document :

Voir dans le Navigateur

Structure de la Page HTML

Ci-dessous se trouve une visualisation de la structure d'une page HTML :

<html>

<head>

<title>Titre de la page</title>

</head>

<body>

<h1>Ceci est un titre</h1>

<p>Ceci est un paragraphe.</p>

<p>Ceci est un autre paragraphe.</p>

</body>

</html>

Remarque : Le contenu à l'intérieur de la section <body> sera affiché dans un navigateur. Le contenu à l'intérieur de l'élément <title> sera affiché dans la barre de titre du navigateur ou dans l'onglet de la page.

Histoire de HTML

Depuis les débuts du World Wide Web, il y a eu de nombreuses versions de HTML :

Année	Version
1989	Tim Berners-Lee a inventé www
1991	Tim Berners-Lee a inventé HTML
1993	Dave Raggett a rédigé HTML+
1995	Le groupe de travail HTML a défini HTML 2.0
1997	Recommandation W3C : HTML 3.2
1999	Recommandation W3C : HTML 4.01
2000	Recommandation W3C : XHTML 1.0
2008	WHATWG HTML5 Premier Projet Public
2012	WHATWG HTML5 Standard Vivant
2014	Recommandation W3C : HTML5
2016	Recommandation Candidate W3C : HTML 5.1
2017	Recommandation W3C : HTML5.1 2ème Édition
2017	Recommandation W3C : HTML5.2

Ce tutoriel suit la dernière norme HTML5.