W3, au tableau!

par Jacqueline Dousson, SIC-Assistance

La plupart des clients WWW reconnaissent les tableaux (Netscape 1.1, Mosaic 2.6, ...), donc voici un mini mode d'emploi pour ceux d'entre vous qui n'ont pas encore essayé cette nouvelle fonctionnalité.

<table border> ...</table>(OBLIGATOIRE)

la marque table entoure le tebleau. Si l'attribut border n'est pas présent, le tableau n'a pas de cadre.

<caption> ...</caption>

la marque caption est optionnelle, ele permet de définir un titre pour le tableau.

<tr>

la marque tr introduit une nouvelle ligne de cellules. Le contenu d'une cellule est défini par

<th>

avec la marque th le contenu est par défaut centré dans la cellule et mis en évidence.

<td>

avec la marque td le contenu est par défaut aligné à gauche.

Les marques td et th ont les attributs suivants:

ROWSPAN=n
qui permer d'étendre la cellule sur n lignes

COLSPAN=n
qui permet d'étendre la cellule sur n colonnes

ALIGN=LEFT/CENTER/RIGHT
qui permet de modifier l'alignement par défaut de contenu de la cellule.

La différence entre <td> et <th> est essentiellement dans la présentation des données. Le <th> met en évidence le contenu, en général en gras, et l'alignement y est par défaut au centre

Remarques diverses:

Le contenu d'une cellule peut être une image:: <td><IMG SRC="...">
Le contenu d'une cellule peutêtre une ancre:: <td><A HREF="...">...</A>
Actuellement, chaque <table> provoque un retour à la ligne donc empêche d'intégrer librement un tableau dans un texte.
Le nombre de lignes du tableau est défini par le nombre de <tr> présents, indépendamment des valeurs données à ROWSPAN par ailleurs.
Si vous précisez un attribut ALIGN au niveau de <tr> celui-ci sera valable pour toutes les cellules concernées (jusqu'au prochain <tr>).
Si le nombre de cellules n'est pas le même d'une rangée à l'autre, le tableau sera complété par des cellules vides.
Si le contenu d'une cellule est du texte, l'attribut NOWRAP qui peut être utilisé avec <th> ou <td> inhibe tout retour à la ligne automatique; vous pouvez alors les gérer librement avec <br> (voir exemple 6).

Exemples:

1-un tableau minimum:

1 2 3
4 5 6

2-utilisation de ROWSPAN:

1 2 3
4 5

3-utilisation de COLSPAN:

1 2
3 4 5

4-la même chose en forçant l'alignement de la deuxième cellule:

1 2
3 4 5

5-utilisation de <th>

<TABLE BORDER>
<TR>
<th>nombres <br>de 1 à 3<TD>1 <TD>2 <TD>3
<TR>
<th>nombres <br>de 4 à 5 <TD>4<TD>5
</TABLE>

nombres
de 1 # 3 1 2 3
nombres
de 4 # 5 4 5

nombres de 1 # 3	1	2	3
nombres de 4 # 5	4	5

remarques: on peut utiliser un <br> dans une cellule; comme il manque la définition d'une cellule, le tableau comporte une cellule vide.

6-un peu de tout

Les images et le texte sont tirés du guide WWW de Lausanne:
http://www.fastnet.ch/LSNE/lsne.html

<TABLE >
<TR>
<TD ROWSPAN=2><IMG SRC="palud.JPG">
<TD COLSPAN=2 NOWRAP >
<center>Place de la Palud:</center>
Ravissante place dominée par l'Hôtel de Ville (XVIIe s.),<br>
siège de la Municipalité et du Conseil communal<br>
et agrémentée d'une Fontaine de la Justice (1726). <br>
Attendez l'attraction des lieux: une horloge animée <br>
toutes les heures, de 9 h à19 h !
<TR><TH NOWRAP>Autour de la Cathédrale, la Cité:
<TD><A HREF="rue_cite.JPG"><img src="cite.JPG"></A>
</TABLE>

	Place de la Palud: Ravissante place dominée par l'Hôtel de Ville (XVIIe s.), siège de la Municipalité et du Conseil communal et agrémentée d'une Fontaine de la Justice (1726). Attendez l'attraction des lieux: une horloge animée toutes les heures, de 9 h à19 h !
	Autour de la Cathédrale, la Cité:

et en plus vous pouvez cliquer sur la petite image en bas en droite pour en faire apparaître une autre - évidemment avec la version papier du Flash Informatique, vous aurez un peu de mal - qu'est-ce-que vous attendez pour le consulter sur Internet?

article paru dans le Flash informatique, numéro 8 du 24 octobre 1995