Ce que nous allons traiter dans ce nouveau chapitre, représente le noyau de la syntaxe XHTML 
Donc si vous ne voulez pas avoir de difficultés à suivre le film, essayez d'être très attentif 
Les balises
En langage XHTML on se sert des balises, elles sont invisibles à l'utilisateur et elles constituent en quelques sortes des commandes qui disent à votre navigateur : Affichez moi un tableau, insérez une image, ceci est un titre, ceci est un paragraphe et ainsi de suite.
Une balise commence par < et finit par > il y en a deux types :
- les balises doubles (les éléments non vides c'est plus
professionnel
) ;
- les balises uniques (les éléments vides c'est plus
professionnel ).
Les éléments non vides
Quelques exemples :
- pour mettre en gras entourez le texte par ces deux balises <b> votre texte qui sera écrit en gras </b> ;
- pour mettre en italique procédez ainsi <i> votre texte qui sera écrit en italique </i> ;
- pour mettre en indice ou en exposant servez respectivement de <sub> bla bla </sub> et <sup> bla bla </sup> ;
Des commentaires s'imposent :
- les éléments non vides finissent par une balise de fermeture qui comprend un slash juste après le signe inférieur "<".
- en dehors des deux balises l'effet ne sera pas activé, si vous écrivez : "je m'appelle <b>
Peter </b> heureux de faire votre connaissance", seul Peter sera écrit en gras c'est à dire ce qui se trouve entre la balise d'ouverture et la balise de fermeture. voici le rendu visuel de ce petit exemple : je m'appelle
Peter heureux de faire votre connaissance.
Donc souvenez-vous que le texte isolé qui n'est pas entouré par les balises sera restitué par votre navigateur tel quel est sans mise en forme.
- on peut imbriquer ces balises c'est-à-dire les combiner pour exercer plusieurs effets sur un mot ou une phrase par exemple mettre un mot en gras et en italique : le langage <i><b> XHTML </b></i> est vraiment superbe, attention à l'ordre il faut pas mettre <em><strong>XHTML</em></strong>, on doit
clôturer avec la balise qui se trouve au début, dans cet exemple : on a commencé par <em> on doit finir avec. L'ordre d'imbrication est important si vous codez en xhtml, mais en html c'est moins strict et ça ne revêt aucune importance.
Les éléments vides
Elles n'ont pas de balises de fermeture, car on cherche pas à encerclez un mot ou une phrase pour lui donner un effet.
Quelques exemples :
- pour faire un saut de ligne utilisez la balise unique <br /> ;
- pour insérer un trait horizontal (ligne de séparation) servez da la balise <hr /> qui veut dire
horizontal rule (ligne horizontale) en anglais ;
- pour insérer une image écrivez <img src="adresse-de-l'image" />.
Des commentaires s'imposent :
- les éléments vides comprennent un slash avant le signe supérieur " >". C'est avec cette convention qu'on
clôture les éléments vides ;
- concernant la balise "img" le mot "src" indique la source de l'image c'est à dire son
adresse complète, ce mot "src" est un attribut on en parlera dans la partie suivante.
Vous pouvez consulter un cours dédié à la classification des balises XHTML.
Les attributs
Les attributs permettent d'ajouter des précisions sur une balise, on peut les trouver dans les deux types d'éléments vides et non vides. Voici quelques exemples :
- élément vide : <img src="images/ami.png" /> pour insérer un attribut on laisse une espace, puis on tape le nom de l'attribut ensuite, on insère le signe égal "=" enfin on affecte une valeur à notre attribut dans cet exemple si on a pas mentionner la source de l'image le navigateur ne saura pas où aller chercher cette image par conséquent il va rien afficher d'où l'importance des attributs ;
- élément non vide : <a href="introduction. html" >le texte de votre lien</a>. La balise <a> sert à introduire un lien, l'attribut "href" indique l'URL du lien c'est-à-dire l'adresse de la page vers laquelle le lien pointe.
A retenir
- dans les éléments non vides, les attributs sont consignés uniquement dans la balise d'ouverture, comme dans le deuxième exemple ;
- on met le nom de l'attribut puis le signe égale "=" enfin la valeur de l'attribut entourée par les
guillemets doubles " valeur" ;
- on peut mentionner plusieurs attributs selon nos besoins, par exemple pour l'image on pourra aussi ajouter l'attribut "alt" ou l'attribut "title" etc. ;
- on doit écrire le nom des balises et attributs en minuscules, ceci est devenu obligatoire avec le nouveau XHTML, auparavant on
avait le droit d'écrire en majuscules avec l'ancien HTML ;
- autre chose importante, le XHTML et la quasi totalité des langages informatiques sont
exprimés en anglais, je vous invite à passer des heures supplémentaires en anglais
Une balise indique une action au browser, les attributs précisent les modalités de cette action ou si vous voulez la manière dont elle sera effectuée ;
- il y a certains attributs facultatifs et d'autres obligatoires :
- Exemples d'attributs obligatoires : l'attribut alt (depuis html 4.0) pour <img />, action pour <form>, cols et rows pour <textarea> etc. ;
- Exemples d'attributs facultatifs : l'attribut "title" pour <img /> et <a> etc.
Les commentaires sont écrits à l'intérieur d'une balise spéciale qui commence par <!-- et se termine par -->, tout ce qui se trouve à l'intérieur de cette balise sera ignoré par votre navigateur,. Il ne sera donc pas repris ou affiché dans la page. On se sert généralement des commentaires pour nos besoins personnels et non pas pour les internautes, comme par exemple mentionner une remarque importante ou un rappel pour faciliter la lisibilité du code, afin de ne pas s'égarer dans le code XHTML lors d'une relecture ultérieure. Qui sait peut être qu'on pourra envisager des mises à jour 
Il faut faire attention, si vous voulez taper des commentaires dans un script
JavaScript ou PHP ou dans un code CSS (commentaires en CSS) vous devez utiliser la syntaxe : /* vos commentaires ici */. La syntaxe <!-- vos commentaires ici --> n'est valable que dans le code xhtml.
J'espère que vous avez retenu un peu de glossaire XHTML, car dorénavant on parlera d'une manière plus technique 
et puis je vais passer de temps en temps des commentaires XHTML, pour des besoins purement pédagogiques
Le chapitre suivant va porter sur les balises XHTML pour créer des paragraphes et en-têtes (titres).
