Une leçon à part mérite la balise car, bien qu’elle ne montre pas son contenu à l’écran, elle joue un rôle fondamental dans la réalisation d’une page web.
Comme nous l’avons déjà mentionné, cette balise contient les informations concernant le site, mais quel type d’informations contient-elle ? Tout d’abord, elle contient le titre du site, ce qui ne semble pas être peu. Ensuite, elle contient la description du site et les mots-clés qui caractérisent le site lui-même.
Le titre, la description et les mots-clés sont fondamentaux pour une bonne position dans les moteurs de recherche, mais nous verrons cela plus tard. En plus de ce qui a été dit, elle contient des informations personnelles du webmaster comme l’adresse e-mail, le nom et un éventuel copyright. Elle pourrait contenir beaucoup d’autres informations, mais non nécessaires au développement du site, donc limitons-nous à celles-ci.
Chaque élément a sa balise de référence sans laquelle il serait impossible pour le navigateur de le reconnaître en tant que tel. Ainsi, nous aurons des balises liées au texte, des balises liées aux images, des balises liées aux couleurs, des balises liées au positionnement… et ainsi de suite.
Avant de faire connaissance avec quelques balises importantes, il est bon de voir de quoi est formée une balise : Une balise est placée entre deux crochets angulaires sans lesquels elle ne serait pas interprétée par le navigateur. Une autre considération importante est que à chaque balise d’ouverture doit obligatoirement correspondre une balise de fermeture sans lesquelles le navigateur serait incapable de traduire le document.
Les balises de fermeture, par rapport à celles d’ouverture, ont seulement une petite barre oblique supplémentaire comme celle-ci /. Voici à quoi ressemble une balise de fermeture : . Voici la syntaxe exacte de commande des balises : contenu de la commande…. Maintenant que nous avons commencé à nous familiariser avec les balises, voyons-en quelques-unes parmi les plus utilisées :
Voici quelques-unes des balises les plus utilisées et, au cours des leçons suivantes, nous verrons comment les utiliser et nous familiariserons avec d’autres balises importantes.
Comme toutes les autres balises, pour être valide, elle doit avoir une balise d’ouverture et une balise de fermeture donc, pour la balise title, nous avons : balise Cela dit, ouvrez l’éditeur en ligne et ajoutez cette nouvelle balise parmi celles du head en insérant comme titre Mon premier site:
Enregistrez la page sous index.html et ouvrez-la avec votre navigateur web. Regardez en haut à gauche, dans la première barre supérieure du navigateur, et vous verrez le titre de votre site affiché dans cette barre. Maintenant, ajoutons une brève description à notre titre, afin de compléter sa référence :
Enregistrons la page à nouveau sous index.html en écrasant celle précédemment enregistrée afin de valider les modifications.
La balise Body contient tout ce que vous affichez à l’écran, donc tous les éléments visibles d’une page web. Texte, images, vidéos, formulaires, liens et bien plus encore, sont inclus dans cette balise très importante. Pour donner un petit exemple de ce que représente la balise Body, reprenons notre page index.html et écrivons ce qui suit entre les balises Body :
Enregistrez à nouveau la page en acceptant les modifications et chargez-la sur votre navigateur web. Vous voyez ? Voici le sens de la balise Body, sans laquelle n’importe quelle page web apparaîtrait comme une feuille blanche désolée.
Pubblicato in HTML & CSS
Soyez le premier à commenter