HTML is the standard markup language for creating Web pages.
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 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 sont représentés par des balises
- Les balises HTML étiquettent des éléments de contenu tels que « en-tête », « paragraphe », « tableau », etc.
- Les navigateurs n’affichent pas les balises HTML, mais les utilisent pour restituer le contenu de la page
Un simple document HTML
Exemple
<!DOCTYPE html>
<html>
<head>
<title>Titre de la page</title>
</head>
<body>
<h1>Mon premier titre.g</h1>
<p>Ceci est mon premier titre</p>
</body>
</html>
<!DOCTYPE html>
Exemple expliqué :
- La déclaration
<!DOCTYPE html>définit ce document comme HTML5 - L’élément
<html>est l’élément racine d’une page HTML - The
<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 grand titre - L’élément
<p>définit un paragraphe
HTML Tags
Les balises HTML sont des noms d’éléments entourés de crochets:
<tagname>Le contenu va ici…</tagname>
- Les balises HTML sont généralement fournies par paires comme
<p>and</p> - La première balise d’une paire est la balise de début, la deuxième balise est la balise de fin
- La balise de fin est écrite comme la balise de début, mais avec une barre oblique insérée avant le nom de la balise
Conseil : la balise de début est également appelée balise d’ouverture et la balise de fin la balise de fermeture.
Navigateurs Web
Le but d’un navigateur Web (Chrome, Edge, Firefox, Safari) est 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
Remarque: Seul le contenu de la section <body> (la zone blanche ci-dessus) est affiché dans un navigateur.
La déclaration de <!DOCTYPE>
La déclaration de <!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>