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 |
|
|