LES TABLEAUX EN HTML5

Get Started. It's Free
or sign up with your email address
Rocket clouds
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. Créer

2.1. Le tableau

2.1.1. <table> </table>

2.2. Un titre/légende

2.2.1. <caption> </caption>

2.2.1.1. Css

2.3. des entêtes

2.3.1. <th> </th>

2.4. des lignes

2.4.1. <tr> </tr>

2.5. des cellules

2.5.1. <td> </td>

2.6. Une fusion de bordure

2.6.1. Dans la CSS

2.6.2. border-collapse: collapse;

2.6.3. Exemple en code

2.7. Bien structurer

2.7.1. Entête

2.7.1.1. <thead> </thead>

2.7.2. Corps

2.7.2.1. <tbody> </tbody>

2.7.3. Pied

2.7.3.1. <tfoot> </tfoot>

2.8. fusion de cellules

2.8.1. Horizontalement

2.8.1.1. colspan

2.8.2. Verticalement

2.8.2.1. rowspan

2.9. Exemple en code

3. Mise en forme CSS

3.1. Bordures en CSS

3.1.1. border-collapse: collapse

3.1.1.1. Donne une bordure unique au tableau

3.1.1.2. Fusionne les bordures adjacentes

3.1.2. border: 1px solid black;

3.1.3. Exemple en code

3.2. Centrer le tableau

3.2.1. margin-left: auto;

3.2.2. margin-right: auto;

3.2.3. Exemple en code

3.3. Ajuster le titre

3.3.1. caption-side

3.3.1.1. top

3.3.1.1.1. titre en haut du tableau

3.3.1.2. bottom

3.3.1.2.1. titre en bas de tableau

3.3.1.3. caption { caption-side: bottom; }