Размеры HTML -таблиц
Таблицы HTML могут иметь разные размеры для каждого столбца, строки или всей таблицы.
Используйте style
атрибут со
свойствами width
или height
, чтобы указать размер таблицы, строки или столбца.
Ширина таблицы HTML
Чтобы установить ширину таблицы, добавьте к элементу style
атрибут :<table>
Пример
Установите ширину таблицы на 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>
Примечание. Использование процента в качестве единицы измерения ширины означает, насколько широким будет этот элемент по сравнению с его родительским элементом, которым в данном случае является <body>
элемент.
Ширина столбца таблицы HTML
Чтобы установить размер определенного столбца, добавьте style
атрибут к элементу <th>
или
:<td>
Пример
Установите ширину первого столбца на 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
Чтобы установить высоту определенной строки, добавьте style
атрибут к элементу строки таблицы:
Пример
Установите высоту второй строки на 200 пикселей:
<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>