Internet
Site Web: fonctionnement, structure et programmation
Imaginons qu'à Ambroise Marc fait la connaissance d'une fille si intéressante qu'il décide d'y retourner le 27 août directement après Vendôme. Son tableau n'est dès lors plus valable et il s'agit de le transformer sous la forme suivante à l'aide de fusion de cellules. Comme nous pouvons le constater dans l'illustration suivante, les cellules «Ambroise» et «58 mètres» couvrent deux lignes. L'attribut rowspan d'un élément <td> permet d'indiquer le nombre de lignes que doit occuper une cellule et retire par ailleurs le nombre de cellules correspondant à celles que regroupe la cellule.
Tableau avec cellules fusionnées sur deux lignes
Code HTML correspondant aux cellules fusionnées
Notons qu'il est également possible de fusionner des cellules par colonne à l'aide de l'attribut colspan. Dans ce cas, on enlève des cellules de la même ligne.
Dessinez une flèche partant de chaque élément <td> pour aller dans la cellule correspondante du tableau puis apportez les modifications nécessaires à votre tableau:
|
Imaginons que Marc et sa nouvelle amie soient en désaccord quant à la note à attribuer au dernier restaurant dans lequel ils sont allés manger le 27 août. Il suffit alors d'insérer les deux notes dans un tableau imbriqué à l'intérieur même de la cellule dédiée comme suit:
L'imbrication d'un tableau dans un tableau est relativement simple à faire en HTML: il suffit d'insérer un élément <table> dans le <td> dédié.
Créez un petit tableau dans lequel s'inscrivent les notes de Marc et de Julie puis mettez-le dans la cellule qui contient l'actuelle note de Marc. Une fois terminé, insérez votre tableau dans le fichier journal.html à la place de la liste énumérant les villes que Marc a traversées.
|
