Introduction HTML
HTML est le langage de balisage standard pour la création de pages Web.
Qu'est-ce que le HTML ?
- HTML signifie Hyper Text Markup Language
- HTML est le langage de balisage standard pour la création de 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 éléments de contenu tels que "ceci est un titre", "ceci est un paragraphe", "ceci est un lien", etc.
Un document HTML simple
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Exemple expliqué
- La
<!DOCTYPE html>déclaration définit que ce document est un document HTML5 - L'
<html>élément est l'élément racine d'une page HTML - L'
<head>élément contient des méta-informations sur la page HTML - L'
<title>élément spécifie un titre pour la page HTML (qui s'affiche dans la barre de titre du navigateur ou dans l'onglet de la page) - L'
<body>élément 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'
<h1>élément définit un grand titre - L'
<p>élément définit un paragraphe
Qu'est-ce qu'un élément HTML ?
Un élément HTML est défini par une balise de début, du contenu et une balise de fin :
L' élément HTML est tout, de la balise de début à la balise de fin :
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
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 fin !
Navigateurs Web
Le but d'un navigateur web (Chrome, Edge, Firefox, Safari) est de lire des 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 :
Structure des pages HTML
Ci-dessous, une visualisation d'une structure de page HTML :
Remarque : Le contenu de la section <body> (la zone blanche ci-dessus) sera affiché dans un navigateur. Le contenu de l'élément <title> sera affiché dans la barre de titre du navigateur ou dans l'onglet de la page.
Historique HTML
Depuis les débuts du World Wide Web, il existe de nombreuses versions de HTML :
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |
Ce tutoriel suit la dernière norme HTML5.