Le terme balise définit un des concept de base du HTML. La balise, c'est la structure même du langage. Heureusement, dans ce langage que nous voyons cette structure est simple et c'est bien sûr cela qui a fait son succès. Voyons cela :
<b> après "Mon premier" et </b> après "HTML". Vous devons donc obtenir quelque chose qui ressemble à cela :
Mon premier <b>fichier HTML</b>
Après cette petite modification, votre texte s'affiche toujours, mais il apparaît maintenant en gras. Comment cela se passe ? Dans un premier temps, le navigateur récupère votre page. Il va alors à l'intérieur du fichier pour voir ce qu'il contient. Il le lit de haut en bas, et l'affiche. Mais parfois, il rencontre le caractère < : à ce moment il sait que quelque chose de nouveau se passe et que dans ce qu'il suit il ne va pas tout afficher. Il récupère alors ce qui est écrit entre > et < et comprend que cela va lui servir de base pour modifier l'apparence de ce qu'il doit afficher. Les chevrons < et > servent donc à délimiter un ensemble de signification lié à la présentation des données. Passer ce premier cap, il affiche le texte. Avançant, le navigateur rencontre ensuite </b>, et comprend alors que le graissage se termine ici.
Note : la balise b affiche le texte en gras, mais il ne faudrait dans le principe pas associer cette balise à cet aspect, car celui-ci peut être facilement complètement modifié grâce au CSS.
Comme une grande partie des mises en forme ont un début et une fin (ce que l'on fait dans un logiciel avec une sélection), nous représentons cela en HTML avec une balise double.
<element> contenu </element>
Les deux balises s'écrivent de la même façon, le second commence juste par un / placé immédiatement après le chevron d'ouverture. Cela fonctionne pour la grande majorité des balises disponibles. Ainsi, comme <b>Texte</b> mais en gras <i>Texte</i> mettra en italique ou <h1>Texte</h1> définira un grand titre. On voit bien que le principe est le même, il s'agit seulement d'avoir en tête les quelques balises utiles. On peut avoir la liste complète sur la liste du W3C http://dev.w3.org/html5/spec/single-page.html#elements-1, mais voici les principales :
Une modification apportée par le HTML5 autorise l'utilisation de balise ouvrante seule lorsque le contexte exclut toute confusion. Cette pratique peut cependant poser problème avec les parseurs PHP ou DOM. Nous conseillons donc d'avoir recours, pour l'heure, à la règle stricte qui consiste à fermer toute balise ouverte.
Comme des paragraphes seront inclus dans des articles et des articles dans des sections, etc... il sera important de respecter cette hiérarchie dans le code. Ainsi toute balise ouverte après une autre et devant y être incluse doit absolument être fermée avant de manière à éviter les erreurs de compréhension.
<element1><element2> contenu </element2></element1>
À l'inverse, certains éléments de la page n'ont pas d'étendue à définir. C'est le cas des retours à la ligne ou encore même des images qui ont leur dimension en propre. Dans ce cas, il est possible d'utiliser une notation particulière :
<element />
dans les cas qui nous intéressent, nous aurons donc :
Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.
Vous devriez rafraîchir la page.