Actualité Apprendre le XHTML
Les tableaux - Lu 1297 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 XHTMLLexique CSSLe 18/04/2008 - Vue 4425 fois Les listes Le 18/04/2008 - Vue 1314 fois Qu'est ce qu'un Site Web Le 18/04/2008 - Vue 1261 fois Les balises block et inline Le 18/04/2008 - Vue 1858 fois Des logiciels ? Le 18/04/2008 - Vue 1392 fois |
Apprendre le XHTML à lire !
• Les balises et attributs • Les listes • Le corps du document • Les navigateurs • Les balises block et inline • Définition XHTML • Qu'est ce qu'un Site Web • Les Commentaires • Faire des liens entre les pages • Lexique CSS • Les tableaux • 4 parties principales et essentielles ! • Les formulaires • Des logiciels ? • Insérer des images |