II. Mise en pratique

2.2 Liste des principales balises

  • Les tableaux :
    Le graphique suivant montre l'action des éléments HTML qui créent un tableau :

    tableau

    <table> : introduit un tableau (table = tableau). Pour afficher les lignes d'un tableau, vous devez ajouter l'attribut border= dans la balise d'ouverture <table> et lui affecter une valeur supérieure à 0. La valeur mentionnée est alors l'épaisseur du quadrillage en pixels. Pour créer un tableau sans bordure ni quadrillage visible omettez la mention border= ou notez border="0".
    La balise <table> posséde de nombreux attributs tels que width et align.
         <tr> : introduit une nouvelle ligne dans le tableau (tr = table row = rangée de tableau). À la suite sont définies les cellules (colonnes) de la rangée correspondante.
         <th> : définit une cellule d'entête (th = table header = entête de tableau). Le texte de ces cellules sera mis en gras et centré.
         <td> : définit une cellule normale de données (td = table data = données de tableau).
    Dans une cellule de tableau peuvent être placés tout type d'information : du texte bien sûr, mais aussi des images, des liens ... et même un autre tableau.


  • Les formulaires :
    Dans des formulaires l'utilisateur peut compléter des champs de saisie, faire des choix dans des listes et cocher des boutons. Quand le formulaire est rempli, l'utilisateur peut cliquer sur un bouton pour envoyer le formulaire.
    Avec <form>...</form> vous définissez un formulaire.
    <input> avec l'attribut type="text" définit un champ de saisie d'une seule ligne.
    <textarea> accompagné d'un attribut size="XX" introduit un champ de saisie à plusieurs lignes (textarea = passage de texte).
    Les cases d'option sont définies par <input type="radio">
    Chaque bouton radio doit recevoir un nom d'identification interne grâce à l'attribut name=. Toutes les cases d'option qui portent le même nom appartiennent à un groupe c'est à dire que l'utilisateur ne peut marquer que l'un d'entre eux.
    Les cases à cocher sont définies avec <input type="checkbox">.
    Les cases à cocher sont des carrés pouvant être cliqués. L'utilisateur peut marquer l'une ou plusieurs d'entre elles.


  • Page précédente: 2.22 Liste des principales balises (2) - Page suivante: 2.3 Structure minimale d'un document HTML

    Sommaire