TAMANHOS DA TABELA HTML5
STYLE é um atributo usando propriedade width ou height para
especificar tamanho da tabela, linha ou coluna.
LARGURA DA TABELA HTML
Para adicionar largura na tabela usa o atributo style no elemento
table. Veja exemplo.
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
border-collapse: collapse;
}
</style>
<body>
<h2>TABELA COM 1000%</h2>
<table style="width:100%">
<tr>
<th>NOME</th>
<th>SOBRE NOME</th>
<th>IDADE</th>
</tr>
<tr>
<td>José</td>
<td>Sousa</td>
<td>25</td>
</tr>
<tr>
<td>Maria</td>
<td>Silva</td>
<td>65</td>
</tr>
<tr>
<td>João</td>
<td>Paulo</td>
<td>50</td>
</tr>
</table>
</body>
</html>
LARGURA DA COLUNA DA TABELA HTML
Para adicionar tamanho da coluna usa o atributo style nos
elementos <th>ou <td>. Veja
exemplo.
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
border-collapse: collapse;
}
</style>
<body>
<h2>TABELA COM 1000%</h2>
<table style="width:100%">
<tr>
<th style="width:70%">NOME</th>
<th>SOBRE NOME</th>
<th>IDADE</th>
</tr>
<tr>
<td>José</td>
<td>Sousa</td>
<td>25</td>
</tr>
<tr>
<td>Maria</td>
<td>Silva</td>
<td>65</td>
</tr>
<tr>
<td>João</td>
<td>Paulo</td>
<td>50</td>
</tr>
</table>
</body>
</html>
ALTURA DA LINHA DA TABELA HTML
Para adicionar altura da linha usa o atributo style no
elemento tr.
<!DOCTYPE html>
<html>
<style>
table, th, td {
border:1px solid black;
border-collapse: collapse;
}
</style>
<body>
<h2>TABELA COM 1000%</h2>
<table style="width:100%">
<tr>
<th>NOME</th>
<th>SOBRE NOME</th>
<th>IDADE</th>
</tr>
<tr style="height:200px">
<td>José</td>
<td>Sousa</td>
<td>25</td>
</tr>
<tr>
<td>Maria</td>
<td>Silva</td>
<td>65</td>
</tr>
<tr>
<td>João</td>
<td>Paulo</td>
<td>50</td>
</tr>
</table>
</body>
</html>