Avant d'entamer votre formation sur le HTML nous allons apprendre à connaitre ce qu'est le HTML ! 😎
Donc commençons !
Qu'est ce que le HTML ?
Le HTML est le langage standard de balisage pour la création de pages Web.
Pour votre bonne culture :
- HTML signifie Hyper Text Markup Language,
- HTML décrit la structure d'une page Web,
- HTML consiste en 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 "titre", "paragraphe", "tableau", etc.
Les navigateurs que nous connaissons : Google Chrome, Mozilla, Opera, Edge n'affichent pas les balises HTML, mais les utilisent pour traduire et afficher le contenu de la page.
A quoi ressemble le HTML ?
Voici un exemple concret :
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Explication de l'exemple :
- Lorsque vous déclarerez la balise
<!DOCTYPE html>celle-ci permettra de définir votre page web en HTML5, - La balise
<html>est l'élément racine d'une page HTML. C'est dans cette balise que vous mettrez tout votre code HTML, - La balise
<head>est l'élément qui contient des méta-informations sur le document. Cette balise joue un rôle important même si elle n'est pas visible directement dans l'affichage de votre page web, - La balise
<title>est l'élément qui permet de spécifier un titre pour votre page web, - La balise
<body>est l'élément qui contient le contenu de la page web visible, - La balise
<h1>est l"élément qui définit un grand titre dans votre page web, - La balise
<p>est l'élément qui définit un paragraphe dans votre page web,
Comment déclarer les balises HTML ?
Les balises HTML sont des noms d’éléments entourés de crochets :
Exemple :
<tagname>Votre contenu va ici ... </ tagname>
- Les balises HTML viennent normalement par paires comme
<p>et</p>, - La première étiquette d'une paire est l'étiquette de début, la deuxième étiquette est l'étiquette 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.
Comment est interprété le HTML dans les navigateurs Web ?
Le but d'un navigateur Web (Chrome, Edge, Firefox, Safari, etc.) est de lire (traduire) et d'afficher des documents HTML.
Les navigateurs n'affichent pas les balises HTML, mais les utilisent pour déterminer le mode d'affichage du document.
Pourquoi HTML 5 ?
Nous somme actuellement dans la version 5 du langage HTML. La balise <!DOCTYPE> permet de spécifier que votre page web utilise le langage de 5ème génération.
- Le <!DOCTYPE> ne doit apparaître qu'une fois, en haut de la page (avant la balise HTML). La déclaration de la balise
<!DOCTYPE>n'est pas sensible à la casse.
Pour déclarer la balise <!DOCTYPE> pour avoir votre page web en HTML 5 est :
<!DOCTYPE html>