5. Les principales balises

Passons, à présent, au contenu du document.

5.1 La mise en page

La mise en page regroupe tout ce qui sert à formater le document. À savoir les sauts à la ligne, les paragraphes, etc.

• <BR> :

  Cette balise ponctuelle (on a pas besoin de la fermer) sert à forcer le saut à la ligne (BReak). La plupart des moteur de rendu HTML ajustent la longueur des lignes en fonction de la largeur de la fenêtre dans laquelle on visualise la page HTML. Mais il arrive parfois que l'on veuille forcer un saut de ligne.

• <P> :

  Cette balise sert à notifier un début de paragraphe (Paragraph). On peut y préciser le paramètre align = left|center|right|justify qui permet, respectivement, de positionner le paragraphe aligné à gauche, centré, aligné à droite ou justifié.

• <H1> à <H6> :

  Ces balises permettent de faire apparaître une certaine hiérarchie dans les titres de documents. Le H1 sert aux gros titres, le H3 est la taille de la police standard et le H6 est la plus petite. On peut y préciser le paramètre align.

• <HR> :

  Cette balise ponctuelle permet d'afficher une ligne de séparation (Horizontal Rule). On peut fixer les paramètres :

  • align = left|center|right  Permet d'aligner la ligne de séparation à gauche, au centre ou à droite.
  • noshade : Est un paramètre booléen qui enlève l'ombrage de la barre s'il est présent.
  • size : Ajuste la taille de la ligne de séparation. On peut avoir deux unités de mesure. L'une absolue, en pixel, il suffit de ne mettre qu'un chiffre (size="49"). L'autre relative à la largeur de la fenêtre du navigateur qui visualise la page, en pourcent (size="50%").
  • width : Ajuste la hauteur de la ligne de séparation. On peut aussi utiliser des pixels ou des pourcentages.

  Quelques exemples de barre de séparation :

  ---

  
      <HR width="50" align="center">
      <HR size="5" width="50%" align="center">
      <HR noshade size="5" width="50%" align="center">
  

  ---

5.2 Les styles

Le style est ce qui permet de faire ressortir certains mots du texte, en le mettant en italique ou bien en gras par exemple.

• <EM> : Est la balise qui permet de mettre en valeur une partie du texte (EMphase),
• <B> : Permet de mettre une partie du texte en gras (Bold),
• <IT> : Italique,
• <TT> : Permet d'écrire en caractères machine à écrire (Typewriter Text),
• <STRIKE> : Caractères barrés,
• <BLINK> : Permet de faire clignoter la partie du texte concernée,
• <BIG> : Écris en grand,
• <SMALL> : Écris en petit,
• <Q> : Citation (Quotation),
• <SUP> : Exposant,
• <SUB> : Indice,
• <FONT size="+1"> : Agrandit ou réduit le texte concerné.

5.3 Les environnements

Les environnements permettent de formater le texte d'une certaine manière. Par exemple pour faire des citations ou pour afficher le listing d'un programme sur la page.

• <CODE> : Permet d'afficher du code,

  Par exemple :

  ---

  
  <CODE>
  #include <stdio.h>
  
  void main() {
      printf("Hello World!\n");
  }
  <\CODE>
  

  ---

  Donne :

  ---

  
  #include <stdio.h>
  
  void main() {
      printf("Hello World!\n");
  }
  

  ---

• <PRE> : Permet conserver le formatage du texte tel qu'il est (PREformatted),
• <BLOCKQUOTE> : Permet de faire une citation dans un bloc de texte.