Table des matières:
- Ceci est un grand en-tête avec les trois conditions
- ) est suivie d'un texte et d'une étiquette de fermeture (
Vidéo: Javascript - Identifiant et classe 2024
HTML utilise des mots-clés spéciaux appelés éléments pour structurer et styliser un site web. Le navigateur reconnaît un élément et applique son effet si les trois conditions suivantes existent:
-
L'élément est une lettre, un mot ou une phrase ayant une signification particulière. Par exemple, h1 est un élément reconnu par le navigateur pour appliquer un effet d'en-tête, avec du texte en gras et une taille de police agrandie.
-
L'élément est entouré d'une cornière gauche (<) et d'une équerre (>). Un élément entouré de cette manière est appelé tag (comme, par exemple,
).
-
Une balise d'ouverture () est suivie d'une balise de fermeture (). Notez que la balise de fermeture diffère de l'étiquette d'ouverture par l'ajout d'une barre oblique après la première parenthèse gauche et avant l'élément (comme, par exemple, ).
Certaines balises HTML sont à fermeture automatique et ne nécessitent pas de balises de fermeture séparées, mais seulement une barre oblique dans la balise d'ouverture.
Lorsque les trois conditions sont remplies, le texte entre les balises d'ouverture et de fermeture est stylisé avec l'effet défini du tag. Si même l'une de ces conditions n'est pas remplie, le navigateur affiche simplement du texte brut.
Pour une meilleure compréhension de ces trois conditions, voir l'exemple de code ci-dessous:
Ceci est un grand en-tête avec les trois conditions
h1 Ceci est un texte sans le signe entourant l'étiquette / h1 Ceci est un texte avec une balise qui n'a aucune signification pour le navigateur Ceci est un texte normal
Vous pouvez voir comment un navigateur afficherait ce code ici.
Le navigateur applique un effet d'en-tête à "Ceci est un gros titre avec les trois conditions" car h1 est une balise d'en-tête et les trois conditions pour une balise HTML valide existent:
-
Le navigateur reconnaît l'élément h1.
-
L'élément h1 est entouré d'un crochet gauche (<) et d'un crochet droit (>).
-
) est suivie d'un texte et d'une étiquette de fermeture (
).
Notez que l'étiquette h1 elle-même ne s'affiche pas dans le titre. Le navigateur n'affichera jamais le texte réel d'un élément dans une balise HTML correctement formatée.
Les lignes de code restantes s'affichent sous la forme d'un texte brut, car il leur manque l'une des conditions. Sur la deuxième ligne de code, la balise
manque les parenthèses gauche et droite, ce qui viole la deuxième condition.
La troisième ligne de code enfreint la première condition car rockstar n'est pas un élément HTML reconnu. Enfin, la quatrième ligne de code s'affiche en texte brut car elle ne comporte aucune balise d'ouverture précédant le texte et aucune balise de fermeture après le texte, qui enfreint la troisième condition.
Chaque équerre gauche doit être suivie après l'élément avec un équerre à angle droit. De plus, chaque balise HTML d'ouverture doit être suivie d'une balise HTML de fermeture. Plus de 100 éléments HTML existent.
Le langage HTML est un langage tolérant et peut correctement appliquer un effet même s'il vous manque des morceaux de code, comme une balise de fermeture. Cependant, si vous laissez trop d'erreurs, votre page ne s'affichera pas correctement.
