Exercices : Les tableaux

A) Fusion de cellules

A l'aide des attributs “colspan” et “rowspan” créer les tableaux correspondant aux deux modèles ci-dessous :

Construire un tableau constitué d'une seule cellule
Comment se modifient les dimensions de la cellule selon le contenu (hauteur, largeur) ?
A l'aide des attributs “height” et “width” donner une hauteur et une largeur de 100 pixels à la cellule
Expliciter la règle qui détermine les dimensions de la cellule selon le contenu (hauteur, largeur).
En plus de l'attribut “width” précédemment définit dans la balise <td> pour la cellule, donner également une largeur au tableau avec l'attribut “width”.
Quelle règle s'applique en cas de conflit entre la largeur définie pour la table et celle définie pour la cellule ?
Généraliser la règle précédente pour un nombre quelconque de colonnes

On souhaite représenter le code HTML décrivant le tableau suivant :

haut gauche	haut droit
bas gauche	bas droit

Afin d'améliorer la lisibilité du code, on utilise des retraits pour clairement visualiser les imbrications comme ci-dessous :

<tr>

<td>

haut gauche

</td>

<td>

haut droit

</td>

</tr>

<tr>

<td>

bas gauche

</td>

<td>

bas droit

</td>

</tr>

</table>

Obtenir ce résultat avec les seules balises <p> <blockquote> et <br/>
Obtenir ce résultat en utilisant des imbrications de listes. Pour empêcher l'affichage des puces on pourra utiliser un style CSS dans les balises <ul> : <ul style="list-style-type: none;">
Obtenir ce résultat en utilisant un tableau dont on n'affichera pas la bordure.

On souhaite structurer une page à l'aide d'un tableau comme ci-dessous :

Dans une premiúre version les dimensions seront fixées aux dimensions données. Les lignes horizontales et verticales ont uneépaisseur de 5 pixels.
voir le modèle
Une seconde version rendra la partie centrale du tableau (titre contenu et bas de page) proportionnelle à la largeur de la page
voir le modèle