Cours sur le langage HTML organisé par
Frédéric Jacquenod



  • Les paragraphes

    Texte déjà formaté
    Si vous avez un texte déjà écrit et que vous voulez le mettre sur une page ce serait long de le reformater en HTML afin d'avoir la même présentation (ajout de <BR> à chaque fin de ligne, repositionner le texte ...). Vous pouvez utiliser alors une balise très pratique qui conservera le format originel de votre texte.
    <PRE>Texte formaté</PRE>

    Mais attention le formatage n'est plus géré par votre navigateur, ce qui veut dire en clair que si le contenu d'une ligne de votre texte dépasse la taille définie par la fenêtre de votre navigateur alors apparaîtront des ascenseurs. Il sera alors obligatoire de les utiliser pour lire toute la ligne.
    exercice5


    Les listes
    Vous pouvez aussi directement formater votre texte en titre, sous-titre ... précédés d'indications de niveaux (Un caractére ou un numéro).
    Les balises <OL></OL>, <UL></UL> ou <DL></DL> permettent de définir le niveau.
    En combinant ces balises vous définissez plusieurs niveaux d'affichage.
    La balise <LI> permet de définir le type d'indication de niveau voulu (caractère ou numéro).

    La liste numérotée ou ordonnée (Order List)

    <OL>
    <LH>En-tête du document</LH>
    <LI>Titre
    <OL>
    <LI>Sous-titre
    <LI>Sous-titre
    </OL>
    <LI>Titre
    </OL>

      En-tête du document
    1. Titre
      1. Sous-titre
      2. Sous-titre
    2. Titre


    La liste non numérotée (Unorder List)

    <UL>
    <LH>En-tête du document</LH>
    <LI>Titre
    <UL>
    <LI>Sous-titre
    <LI>Sous-titre
    </UL>
    <LI>Titre
    </UL>

      En-tête du document
    • Titre
      • Sous-titre
      • Sous-titre
    • Titre


    Il existe des options possibles pour modifier l'Ètat des liste.
    Option S'applique ý Valeur et rÈsultat
    type OL 1 -> Les puces sont des chiffres
    a -> Les puces sont des lettres minuscules
    A -> Les puces sont des lettres majuscules
    i -> Les puces sont des chiffres romains minuscules
    I -> Les puces sont des chiffres romains majuscules
    type UL disc -> Les puces sont des disques
    square -> Les puces sont des carrÈs
    circle -> Les puces sont des cercles
    start OL Le dÈcompte commence ý la valeur indiquÈe (nombre)
    value LI La puce ý la valeur indiquÈe (nombre)
      Liste descriptive

      <DL>
      <DT>Titre
      <DD>texte
      <DT>Titre2
      <DD>texte2
      </DL>


      Titre
      texte
      Titre2
      texte2

      Vous pouvez utiliser une option qui est COMPACT qui se positionne de la façon suivante <DL COMPACT> et qui permet d'aligner le texte avec le titre sur la même ligne.

  • La couleur des caractères

    Frédéric Jacquenod