SELFHTML: HTML / Tableaux / Titres d'un tableau et alignement

SELFHTML/Quickbar HTML Tableaux

	Titres d'un tableau et alignement
	Définir le titre du tableau/l'inscription sous le tableau Aligner des tableaux Espace entre le tableau et le texte Forcer la poursuite du texte sous le tableau

Définir le titre du tableau/l'inscription sous le tableau

Exemple d'affichage: aperçu

Vous pouvez définir séparément du tableau un titre au tableau ou une inscription sous celui-ci.

Exemple 1:

<table border>
  <caption align=top>titre du tableau</caption>
    <tr>
      <td>données</td>
      <td>données</td>
    </tr>
</table>

Exemple 2:

<table border>
 <caption align=bottom>inscription sous le tableau</caption>
    <tr>
      <td>données</td>
      <td>données</td>
    </tr>
</table>

Explication:

<caption align=top> définit un titre au tableau, <caption align=bottom> une inscription sous le tableau <caption align=left> un titre placé sur le côté gauche et <caption align=right> un titre placé sur le côté droit (caption = titre, align = alignement, top = haut, bottom = bas, left = gauche, right = droite). Derrière suit le texte du titre ou de l'inscription. À la fin du texte doit être placé un repère de fermeture </caption>. Notez la commande dans le tableau, de préférence tout de suite derrière le repère d'ouverture (comme dans les deux exemples ci-dessus).

Attention:

La plupart des navigateurs WWW y compris Netscape et l' Explorer Internet MS, représentent les titres et inscriptions de tableaux en texte normal. Pour formater titres et inscriptions distinctement vous devez employer dans les repères <caption>...</caption> des commandes pour la structure de texte, ou définir des mentions de feuilles de style CSS pour le repère <caption>.

Aligner des tableaux

Exemple d'affichage: comment on fait

Vous pouvez faire passer le texte à gauche ou à droite de tableaux à condition qu'ils n'occupent pas la largeur totale d'affichage.

Exemple 1:

  <table border width=50% align=left>
    <tr>
      <td>données</td>
      <td>données</td>
    </tr>
  </table>
C'est le texte qui sera affiché à la droite du tableau

Exemple 2:

  <table border width=50% align=right>
    <tr>
      <td>données</td>
      <td>données</td>
    </tr>
  </table>
C'est le texte qui sera affiché à la gauche du tableau

Explication:

Avec align=left (voir exemple 1) dans le repère d'ouverture, vous obtenez que le texte qui est noté à la suite du tableau s'affiche à droite (align = alignement, left = à gauche). Le tableau est donc dans ce cas à gauche et le texte à sa droite.
Avec align=right (voir exemple 2) vous pouvez placer le texte à gauche du tableau (right = à droite). Le tableau est donc dans ce cas à droite et le texte à sa gauche.
Avec align=center vous pouvez centrer le tableau (center = centré). Dans ce cas les éléments qui suivent ne seront pas placés autour du tableau.

Attention:

Si le tableau lui même a des contenus plus grands, vous devez forcer la largeur totale du tableau, de façon qu'il reste de la place à gauche ou à droite pour le texte. C'est ce qui se passe dans les exemples ci-dessus avec la mention width=50% dans le repère d'ouverture. Ainsi le tableau n'occupe pas plus de 50% de la largeur de la fenêtre d'affichage.

Dans le texte qui entoure le tableau tous les éléments HTML pour la structure de texte sont permis, à savoir par exemple les titres, les listes même les graphiques et les références multimédia ainsi que de nouveaux tableaux.

Espace entre le tableau et le texte

Exemple d'affichage: aperçu

Si vous ne mentionnez rien d'autre le texte côtoiera le tableau sans espace visible. Un certain espace est plus esthétique. Vous pouvez définir l'espace entre le tableau et le texte.

Exemple:

  <table border width=50% align=left hspace=20 vspace=5>
    <tr>
      <td>données</td>
      <td>données</td>
    </tr>
  </table>
C'est le texte qui est affiché à la droite du tableau

Explication:

Quand vous notez une instruction pour le texte dans le repère d'ouverture avec align=, vous pouvez déterminer en plus avec hspace= [pixels] l'espace latéral entre le tableau et le texte(hspace = horizontal space = espace horizontal ). Mit vspace= [pixels] vous pouvez déterminer l'espace entre le tableau et le texte en haut et en bas (vspace = vertical space = espace vertical).

Attention:

Les mentions pour l'espace ne font pas partie du standard HTML et ne sont à la date d'aujourd'hui interprétées que par Netscape à partir de la version 3.0.

Forcer la poursuite du texte sous le tableau

Exemple d'affichage: aperçu

Quelquefois, vous désirez avoir peut être deux ou trois lignes de commentaires à côté du tableau et poursuivre ensuite le texte sous le tableau. Pour cela vous devez forcer une césure spéciale qui interrompt le texte à côté du tableau et en affiche la suite sous le tableau.

Exemple:

  <table border width=50% align=left>
    <tr>
      <td>données;/td>
      <td>données;/td>
    </tr>
  </table>
C'est le texte qui est affiché à droite du tableau <br clear=all>
C'est le texte qui continue sous le tableau

Explication:

Si vous notez grâce à align= dans le repère d'un tableau une mention pour que le texte passe à son côté, vous pouvez dans le corps de ce texte noter la mention   pour interrompre le flux du texte pour qu'il se poursuive sous le tableau (br = break = interruption, clear = effacer, all = tout).

Attention:

Outre   les mentions   et   sont également permises. Essayez ces mentions si vous n'obtenez pas le résultat escompté avec  .


après:	Tuyaux pour travailler avec des tableaux sans quadrillage
avant:	Tableaux de couleur

SELFHTML/Quickbar HTML Tableaux