la syntaxe du xhtml

références

          Les normes XHTML 1.0

          Open Web Group (en français) - références xhtml

          XHTML Tutorials

          TUCOWS - pour télécharger toutes sortes de logiciels



Le codage en XHTML

  • Mettre des commentaires dans le code pour donner des explications au programmeurs qui suivront - on utilise le tag <!-- commentaire --> - le commentaire n'est pas affiché sur la page, il n'est visible que dans le code.

  • Laisser des lignes blanches pour faciliter la lecture.

  • Utiliser le Tab pour décaler le code et le rendre plus lisible.





Mise en page du texte

Pour faire la mise en page élémentaire, on utilise quelques balises très standards.

Notez que ceci s'applique surtout aux activités de débutants ou à certaines tâches qu'on veut faire rapidement sans trop de développement. Plus tard, presque toute la mise en page sera prise en charge par la feuille de style qui servira à établir l'espacement, la taille des caractères, les couleurs, etc.

Notez aussi que dans ce cours nous allons suivre les normes xhtml, dans la mesure du possible. Les normes xhtml ne sont pas encore obligatoires mais elles le seront éventuellement.

Par exemple, en HTML la balise pour un saut de ligne s'écrit comme : <BR>. En xhtml on devrait écrire : <br />. Le caractère "/" à la fin est utilisé puisqu'il n'y a pas de balise de fin pour un <br /> et qu'il doit y en avoir une pour toutes les balises en xhtml.
Aussi, toutes les balises devrait être en minuscules dans le code xhtml.


Nouvelle ligne

  • HTML ne reconnaît pas automatiquement le Enter comme un saut de ligne - quand on veut passer à une nouvelle ligne il faut utiliser le tag <br />.

  • Il faut insérer un <br /> pour chaque ligne d'espacement qu'on veut laisser dans le texte - si on veut avoir 2 lignes vides entre les paragraphes, on met <br /><br /><br /> à la fin du premier paragraphe.

  • Quand on commence un nouveau paragraphe, on peut aussi utiliser le tag <p> au début - celui-ci exécute un saut de ligne avant de commencer le paragraphe.

  • Dans la même ligne, notez que le html ne reconnaît pas les espaces dans le code. Même si vous écrivez "deux             mots" dans votre code, ça sera affiché comme "deux mots" par le navigateur.

    Pour ajouter des espaces affichables, on utilise le &nbsp;
    Chaque &nbsp; représente un petit espace et il faut en générer plusieurs pour que ça représente un espace significatif. Utilisez l'éditeur html pour aider.


Les titres

  • Il y a 6 sortes de titres - il sont identifiés par h1 à h6 - h1 est le plus gros et h6 le plus petit - pour spécifier un titre on le met entre deux tags h comme:
    <h1> CECI EST LE PLUS GROS TITRE </h1>

  • On note aussi qu'un titre est automatiquement considéré comme un paragraphe, avec un saut de ligne avant et après.


Gras et Italique

  • Pour faire ressortir des éléments du texte, on peut les mettre en caractères gras comme ceci ou bien en caractères italiques.

  • Pour le gras on utilise les tags <b> et </b> au début et à la fin du texte à illustrer - le b vient du mot anglais Bold.
    Cependant, avec xhtml on devrait plutôt utiliser <strong> et </strong>.

  • Pour l'italique les tags sont le <i> et le </i>.
    Le tag est remplacé en xhtml par le <em> et le </em> (em pour emphasis).

La ligne horizontale

  • Le tag <hr> dessine une ligne horizontale - le hr signifie Horizontal Rule.
    Il n'y a pas de tag de fin pour celui-ci, on ajoute donc un / à la fin.

  • L'épaisseur de la ligne peut être augmentée en spécifiant size=... dans le tag.

  • On peut aussi modifier la position et la largeur de la ligne au moyen de align=... et de width=....

  • Eg: <hr size="5", width="200", align="center" />

  • Les paramètres SIZE et WIDTH sont mesurés en pixels.



Couleur et grosseur du texte

  • Le tag <font> .... </font> est utilisé pour mettre le texte en couleur ou pour changer la grosseur des lettres

  • Ce texte est de couleur #FF9900 et de grosseur 5

  • Pour obtenir ce résultat j'ai écrit :

    <font color="#FF9900" size="5">Ce texte est de couleur #FF9900 et de grosseur 5</font>

  • Les valeurs pour le paramètre size sont 1 à 7 et la couleur est représentée par un nombre hexadécimal de 6 chiffres - on obtient la valeur des couleur en consultant une charte de couleurs qu'on peut obtenir sur le Web - tous les éditeurs HTML ont une charte de couleurs incluse.



Haut de la page

Précédente             Suivante