LES TABLEAUX EN HTML5

Get Started. It's Free
or sign up with your email address
LES TABLEAUX EN HTML5 by Mind Map: LES TABLEAUX EN HTML5

1. L'auteur : Olivier Legrand

1.1. Formateur du Web

1.2. Concepteur pédagogique multimédia

2. Mise en forme CSS

2.1. Bordures en CSS

2.1.1. border-collapse: collapse

2.1.1.1. Donne une bordure unique au tableau

2.1.1.2. Fusionne les bordures adjacentes

2.1.2. border: 1px solid black;

2.1.3. Exemple en code

2.2. Centrer le tableau

2.2.1. margin-left: auto;

2.2.2. margin-right: auto;

2.2.3. Exemple en code

2.3. Ajuster le titre

2.3.1. caption-side

2.3.1.1. top

2.3.1.1.1. titre en haut du tableau

2.3.1.2. bottom

2.3.1.2.1. titre en bas de tableau

2.3.1.3. caption { caption-side: bottom; }

3. Créer

3.1. Le tableau

3.1.1. <table> </table>

3.2. Un titre/légende

3.2.1. <caption> </caption>

3.2.1.1. Css

3.3. des entêtes

3.3.1. <th> </th>

3.4. des lignes

3.4.1. <tr> </tr>

3.5. des cellules

3.5.1. <td> </td>

3.6. Une fusion de bordure

3.6.1. Dans la CSS

3.6.2. border-collapse: collapse;

3.6.3. Exemple en code

3.7. Bien structurer

3.7.1. Entête

3.7.1.1. <thead> </thead>

3.7.2. Corps

3.7.2.1. <tbody> </tbody>

3.7.3. Pied

3.7.3.1. <tfoot> </tfoot>

3.8. fusion de cellules

3.8.1. Horizontalement

3.8.1.1. colspan

3.8.2. Verticalement

3.8.2.1. rowspan

3.9. Exemple en code