Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

LES TABLEAUX EN HTML5 by Mind Map: LES TABLEAUX EN HTML5
0.0 stars - 0 reviews range from 0 to 5

LES TABLEAUX EN HTML5

L'auteur : Olivier Legrand

Formateur du Web

Concepteur pédagogique multimédia

Créer

Le tableau

<table> </table>

Un titre/légende

<caption> </caption>, Css

des entêtes

<th> </th>

des lignes

<tr> </tr>

des cellules

<td> </td>

Une fusion de bordure

Dans la CSS

border-collapse: collapse;

Exemple en code

Bien structurer

Entête, <thead> </thead>

Corps, <tbody> </tbody>

Pied, <tfoot> </tfoot>

fusion de cellules

Horizontalement, colspan

Verticalement, rowspan

Exemple en code

colonne 1 colonne 2 colonne 3             cellule cellule cellule  cellule cellule cellule  La légende du tableau

Mise en forme CSS

Bordures en CSS

table {width: 250px; border: 1px solid black;  border-collapse: collapse;} td { border: 1px solid black;  }

border-collapse: collapse, Donne une bordure unique au tableau, Fusionne les bordures adjacentes

border: 1px solid black;

Exemple en code

Centrer le tableau

margin-left: auto;

margin-right: auto;

Exemple en code

Ajuster le titre

caption-side, top, titre en haut du tableau, bottom, titre en bas de tableau, caption { caption-side: bottom; }