|
|
Taille de la Table en HTML
|
|
Sujet |
Comment faire pour créer la table de différentes tailles?
Comment diviser la taille des colonnes de la table??
|
|
Explication |
Taille de la Table
Nous pouvons définir la taille de la table à base de pixels ou en pourcentage.
Tout d'abord, nous allons voir comment l’ensemble basé sur la taille de pixels.
L'attribut de largeur et de hauteur sera utilisé.
Exemple Code:
<table border=1 bgcolor="green" width=300 height=100>
<tr height=30>
<td>
C'est la 1ère rangée 1ère colonne
</td>
<td>
C'est la 1ère rangée 2e colonne
</td>
</tr>
<tr height=70>
<td>
C'est la 2e rangée 1ère colonne
</td>
<td background="./test.jpg">
C'est la 2e rangée 2e colonne
<br><br>
Nice arrière-plan
</td>
</tr>
</table>
Maintenant, nous avons fixé la largeur totale de table de 300 et 100 de hauteur et de diviser les 30 à la première rangée et de 70 à la deuxième rangée.
Résultat:
| C'est la 1ère rangée 1ère colonne | C'est la 1ère rangée 2e colonne |
| C'est la 2e rangée 1ère colonne | C'est la 2e rangée 2e colonne
Nice arrière-plan |
Taille de la Table en pourcentage
Tableau largeur et la hauteur peut être réglée en utilisant un pourcentage.
par exemple: largeur = 60%
Cela signifie que la table à être tirées à 60% la largeur de la composante actuelle.
c'est-à-dire si nous avons table de dessin l'intérieur d'une balise "body" et en utilisant la largeur de 100%, alors la largeur du tableau sera égal à la largeur du navigateur.
Le tableau peut être établie dans les tables. Nous allons voir à ce sujet plus tard.
Exemple Code:
<table border=1 bgcolor="green" width=80% height=20%>
<tr height=30%>
<td>
C'est la 1ère rangée 1ère colonne
</td>
<td>
C'est la 2e rangée 1ère colonne
</td>
</tr>
<tr height=70%>
<td>
This is 2nd row 1st column
</td>
<td background="./test.jpg">
C'est la 2e rangée 2e colonne
<br><br>
Nice arrière-plan
</td>
</tr>
</table>
Maintenant, nous avons fixé la largeur totale de table de 80% et une hauteur de 30% et diviser la hauteur de 30% à la première rangée et 70% à la deuxième rangée.
Pour expliquer en profondeur, dire que nous avons la composante de taille width = 500, height = 500 afin que le tableau va maintenant prendre 80% de 500 (400) que sa largeur totale et 30% des 500 (150) que sa hauteur totale.
Ensuite, il diviseront que 150 en 30% de la hauteur pour la première rangée et 70% pour la deuxième rangée.
Résultat:
|
C'est la 1ère rangée 1ère colonne
|
C'est la 1ère rangée 2e colonne
|
|
C'est la 2e rangée 1ère colonne
|
C'est la 2e rangée 2e colonne
Nice arrière-plan
|
--
|
|
|
|
|
|
