Actualité Apprendre le XHTML
Les tableaux - Lu 148 foisLes tableaux, dont la balise est <table> sont des balises de type block. Elles ne doivent donc pas se situer dans des paragraphes. Un tableau est organisé en lignes (modélisées par la balise <tr>) et en colonnes (modélisées par la balise <td>). Ainsi, un tableau simple sera de la forme : <table> <tr> <td>FIAT</td> <td>BRAVO</td> </tr> <tr> <td>PEUGEOT</td> <td>205</td> </tr> <tr> <td>RENAULT</td> <td>R5</td> </tr> </table> Pour ajouter un titre à ce tableau, il suffit d’ajouter la balise <caption>Titre du tableau</caption> juste après la balise <table> et avant la première balise <tr>. Vous pouvez aussi ajouter des cellules d’en-tête pour vos différentes colonnes en remplaçant pour ces cellules les traditionnelles balises <td> par <th> ce qui donnerait le code suivant (à ajouter avant le premier <tr>) : <tr> <th>Marque</th> <th>Modèle</th> </tr> Il est aussi possible de fusionner les cellules de ce tableau. Pour cela il faut utiliser l’attribut rowspan qui prendra comme valeur le nombre de lignes à fusionner et/ou l’attribut colspan qui prendra comme valeur le nombre de colonnes à fusionner. Exemple : <table> <caption>Les meilleures voitures</caption> <tr> <th>Marque</th> <th>Modèle</th> </tr> <tr> <td colspan="2">FORD T</td> </tr> <tr> <td>FIAT</td> <td>BRAVO</td> </tr> <tr> <td>PEUGEOT</td> <td>205</td> </tr> <tr> <td>RENAULT</td> <td>R5</td> </tr> </table> Les tableaux Buzz de Junior Autres Buzz Actualités Apprendre le XHTMLLes listesLe 18/04/2008 - Vue 137 fois Les Commentaires Le 18/04/2008 - Vue 155 fois Enregistrer vos pages web et faites-les valider ! Le 17/04/2008 - Vue 148 fois Insérer des images Le 18/04/2008 - Vue 134 fois Le corps du document Le 18/04/2008 - Vue 183 fois |
Apprendre le XHTML à lire !
• Les tableaux • Les balises et attributs • Le corps du document • 4 parties principales et essentielles ! • Des logiciels ? • Les Commentaires • Les listes • Faire des liens entre les pages • Insérer des images • Les navigateurs • Qu'est ce qu'un Site Web • Les formulaires • Enregistrer vos pages web et faites-les • Définition XHTML • Lexique CSS |