HTML Tablo Boyutları
HTML tablolarının her sütun, satır veya tüm tablo için farklı boyutları olabilir.
Bir tablonun, satırın veya sütunun boyutunu belirtmek için veya özellikleriyle style
birlikte özniteliği
kullanın .width
height
HTML Tablo Genişliği
Bir tablonun genişliğini ayarlamak için öğeye style
özniteliği ekleyin <table>
:
Örnek
Tablonun genişliğini %100 olarak ayarlayın:
<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>
Not: Bir genişlik için boyut birimi olarak bir yüzde kullanılması, bu öğenin, bu durumda öğe olan üst öğesiyle karşılaştırıldığında ne kadar geniş olacağı anlamına gelir <body>
.
HTML Tablo Sütun Genişliği
Belirli bir sütunun boyutunu ayarlamak için style
özniteliği bir <th>
veya
<td>
öğesine ekleyin:
Örnek
İlk sütunun genişliğini %70 olarak ayarlayın:
<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 Tablosu Satır Yüksekliği
Belirli bir satırın yüksekliğini ayarlamak için, style
niteliği bir tablo satırı öğesine ekleyin:
Örnek
İkinci satırın yüksekliğini 200 piksele ayarlayın:
<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>