Sommaire
Qu’est ce que le HTML?
HTML est le langage de balisage standard pour la création de pages Web.
- HTML signifie Hyper Text Markup Language
- HTML décrit la structure des pages Web en utilisant le balisage
- Les éléments HTML sont les blocs de construction des pages HTML
- Les éléments HTML sont représentés par des balises
- Les balises HTML étiquettent des éléments de contenu tels que « en-tête », « paragraphe », « table », etc.
- Les navigateurs n’affichent pas les balises HTML, mais les utilisent pour rendre le contenu de la page
Un document HTML simple
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body><h1>Mon premier En-tête </h1>
<p>Ma première paragraphe</p></body>
</html>
Exemple expliqué
La déclaration <! DOCTYPE html> définit ce document comme étant HTML5
L’élément <html> est l’élément racine d’une page HTML
L’élément <head> contient des méta-informations sur le document
L’élément <title> spécifie un titre pour le document
L’élément <body> contient le contenu de la page visible
L’élément <h1> définit un gros titre
L’élément <p> définit un paragraphe
Les balises HTML
Les balises HTML sont des noms d’éléments entourés de crochets:
<nombalise> le contenu va ici … </ nombalise>
- Les balises HTML se présentent normalement par paires comme <p> et </ p>
- La première balise d’une paire est la balise de début, la seconde balise est la balise de fin
- La balise de fin est écrite comme la balise de début, mais avec une barre oblique avant le nom de la balise
Note : La balise de début est également appelée la balise d’ouverture et la balise de fin la balise de fermeture.
Les navigateurs Web
Un navigateur Web (Chrome, IE, Firefox, Safari) a pour but de lire des documents HTML et de les afficher.
Le navigateur n’affiche pas les balises HTML, mais les utilise pour déterminer comment afficher le document:
Structure de la page HTML
Vous trouverez ci-dessous une visualisation d’une structure de page HTML:
Remarque : Seul le contenu de la section <body> (la zone blanche ci-dessus) est affiché dans un navigateur.
La déclaration <! DOCTYPE>
La déclaration <! DOCTYPE> représente le type de document et aide les navigateurs à afficher correctement les pages Web.
Il ne doit apparaître qu’une seule fois, en haut de la page (avant toute balise HTML).
La déclaration <! DOCTYPE> n’est pas sensible à la casse.
La déclaration <! DOCTYPE> pour HTML5 est:
<!DOCTYPE html>
Les versions de HTML
Depuis les débuts du Web, il existe de nombreuses versions de HTML:
Année des versions
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014