HTML -tabelgroottes
HTML-tabelle kan verskillende groottes vir elke kolom, ry of die hele tabel hê.
Gebruik die stylekenmerk met die
widthof height
eienskappe om die grootte van 'n tabel, ry of kolom te spesifiseer.
HTML-tabelwydte
Om die breedte van 'n tabel te stel, voeg die style
kenmerk by die <table>element:
Voorbeeld
Stel die breedte van die tabel op 100%:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
Let wel: Die gebruik van 'n persentasie as die grootte-eenheid vir 'n breedte beteken hoe wyd hierdie element sal wees in vergelyking met sy ouerelement, wat in hierdie geval die <body>
element is.
HTML-tabelkolomwydte
Om die grootte van 'n spesifieke kolom te stel, voeg die style
kenmerk op 'n <th>of
<td>element by:
Voorbeeld
Stel die breedte van die eerste kolom op 70%:
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
HTML-tabel ryhoogte
Om die hoogte van 'n spesifieke ry te stel, voeg die style
kenmerk op 'n tabelry-element by:
Voorbeeld
Stel die hoogte van die tweede ry op 200 pixels:
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr style="height:200px">
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>