HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
- Le modèle de table de HTML permet à des auteurs de s'charger des données -- texte, texte préformaté, images, liens, formes, champs de forme, d'autres tables, etc. -- en rangées et colonnes des cellules.
|
Tableaux
|
- Des Tableaux sont définis avec l'étiquette de <table>.
- Une table est divisée en rangées (avec l'étiquette de <tr>), et
- chaque rangée est divisée en cellules de mémoires à feulliets (avec l'étiquette de <td>).
- Le td de lettres représente les « données de table, » qui sont la teneur d'une cellule de mémoires à feulliets.
- Une cellule de mémoires à feulliets peut contenir le texte, les images, les listes, les paragraphes, les formes, les lignes horizontales, les tables, etc.
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
Titres dans un Tableau
|
Des titres dans une table sont définis avec l'étiquette de <th>.
|
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
Tableaux et l'attribut de frontière
|
La table ne sera montrée sans aucune frontière si vous n'indiquez pas un attribut de frontière. Parfois ceci peut être utile, mais la majeure partie du temps, vous voulez montrer les frontières.
|
Pour montrer une table avec des frontières, vous devrez employer l'attribut de frontière :
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>
|
|
Enjambement des rangées multiples et des cellules
|
Employer rowspan pour enjamber des rangées multiples et colspan pour enjamber les colonnes multiples.
|
Pour montrer une table avec des frontières, vous devrez employer l'attribut de frontière :
|
<table border="1">
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
<tr>
<td rowspan="2">row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
<tr>
<td colspan="3">row 3, cell 1</td>
</tr>
</table>
|
|
O/P :
|
column1 |
column2 |
column3 |
rangée 1, cellule 1 |
rangée 1, cellule 2 |
rangée 1, cellule 3 |
rangée 2, cellule 2 |
rangée 2, cellule 3 |
rangée 3, cellule 1 |
|
|
Remplissage et espacement de cellules
|
Vous pourrez ajuster l'espace blanc sur vos tables avec les attributs cellpadding et cellspacing.
|
La remplissage représente la distance entre les frontières de cellules et le contenu en dedans, alors que l'espacement définit la largeur de la frontière.
|
<table border="1">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P : Tableau sans remplissage et espacement de cellules
|
rangée 1, cellule 1 |
rangée 1, cellule 2 |
rangée 2, cellule 1 |
rangée 2, cellule 2 |
|
|
<table border="1" cellspacing="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P : Tableau avec Cellspacing
|
rangée 1, cellule 1 |
rangée 1, cellule 2 |
rangée 2, cellule 1 |
rangée 2, cellule 2 |
|
|
<table border="1" cellpadding="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P : Tableau avec Cellpadding
|
rangée 1, cellule 1 |
rangée 1, cellule 2 |
rangée 2, cellule 1 |
rangée 2, cellule 2 |
|
|
|
|
Keywords: creating html tables, html font color code tables, html help tables, advanced html tables, html tutorial tables
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|