Utilisation de tableaux dans un site web

Accueil | Compétences maîtrisées | Cours Html | Demo 5

Le premier tableau ci-dessous illustre les balises suivantes :
<table> <tr> <td> </tr> </td> </table>

On peut remarquer que les contours du tableau ne sont pas affichés à l'écran.

Nom de l'article	Référence de l'article
amortisseur	E15247

Le tableau suivant ajoute le contour des cellules et du tableau de la manière la plus simple qui soit.

Pour comparer voici exactement le même tableau :

Nom de l'article Référence de l'article

amortisseur E15247

Cumuler des balises au sein d'une page HTMLpeut produire un effet de mise en valeur d'une information.

Illustration avec les jours de la semaine.

Choix des couleurs de contour et des cellules aussi voyants que possible.

Oublions l'esthétique afin de rester concentré sur le code HTML et ses possibilités.

Cliquez ici pour voir le code source de ce tableau (affichage en fenêtre pop-up).

Les jours de la semaine
Lundi	Mardi	Mercredi	Jeudi	Vendredi	Samedi	Dimanche

Pour compliquer un peu , voici l'exemple de 4 semaines avec les jours ouvrés d'une part et les week-ends d'autre part.

Fusion des 2 jours du week-end.

Utilisation de l'espace entre deux cellules et entre une cellule et son contenu qui est exprimé en pixels (respectivement 3 et 8)

Ajout de couleur dans une cellule particulière puis dans une ligne de tableau complète.

Quatre semaines
Lundi	Mardi	Mercredi	Jeudi	Vendredi	Samedi Dimanche
Lundi	Mardi	Mercredi	Jeudi	Vendredi	Samedi Dimanche
Lundi	Mardi	Mercredi	Jeudi	Vendredi	Samedi Dimanche
Lundi	Mardi	Mercredi	Jeudi	Vendredi	Samedi Dimanche

Accueil | Compétences maîtrisées | Cours Html | Demo 5 | Haut de page