HTML Размеры таблицы
HTML таблицы могут иметь разные размеры для каждого столбца, строки или всей таблицы.
Используйте атрибут style с свойствами width и height для указания размера таблицы, строки или столбца.
Ширина HTML таблицы
Чтобы задать ширину таблицы, добавьте атрибут style к элементу <table>:
Пример
Установите ширину таблицы равной 100%:
<table style="width:100%">
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Год</th>
</tr>
<tr>
<td>Андрей</td>
<td>Щипунов</td>
<td>50</td>
</tr>
<tr>
<td>Татьяна</td>
<td>Щипунова</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »
Примечание: Использование процента в качестве единицы измерения ширины означает, насколько широким будет этот элемент по сравнению с его родительским элементом, которым в данном случае является элемент <body>.
Ширина столбца HTML таблицы
Чтобы задать размер определенного столбца, добавьте атрибут style в элемент <th> или
<td>:
Пример
Установите ширину первого столбца равной 70%:
<table style="width:100%">
<tr>
<th style="width:70%">Имя</th>
<th>Фамилия</th>
<th>Год</th>
</tr>
<tr>
<td>Андрей</td>
<td>Щипунов</td>
<td>50</td>
</tr>
<tr>
<td>Татьяна</td>
<td>Щипунова</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »
Высота строки HTML таблицы
Чтобы задать высоту определенной строки, добавьте атрибут style к элементу строки таблицы:
Пример
Установите высоту второй строки равной 200 пикселям:
<table style="width:100%">
<tr>
<th>Имя</th>
<th>Фамилия</th>
<th>Год</th>
</tr>
<tr style="height:200px">
<td>Андрей</td>
<td>Щипунов</td>
<td>50</td>
</tr>
<tr>
<td>Татьяна</td>
<td>Щипунова</td>
<td>94</td>
</tr>
</table>
Попробуйте сами »