Taille de la Table en HTML
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 |