•  
     

Nomeando sua tabela - HTML

Precisamos usar o atributo colspan (que mescla as células) para a tag <th>. Na forma padrão, as células da tabela ocupam 1 coluna. Se quisermos que uma célula ocupe o espaço de 3 colunas ao invés de 1, podemos dar ao atributo colspan o valor 3.

Na prática, é assim:

Código: Selecionar todos

<th colspan="3">através de 3 colunas!</th>



Código: Selecionar todos


<!DOCTYPE html>
<html>
<head>
<title>Hora de fazer Tabelas</title>
</head>
<body>
<table border="1px">
<thead>
<tr>
<th colspan="2">Monstros famosos por ano de nascimento</th>
</tr>
<tr>
<th>Monstro Famoso</th>
<th>Ano de Nascimento</th>
</tr>
</thead>
<tbody>
<tr>
<td>King Kong</td>
<td>1933</td>     
</tr>
<tr>
<td>Dracula</td>
<td>1897</td>
</tr>
 <tr>
<td>A Esposa do Frankenstein</td>
<td>1935</td>
</tr>
</tbody>
</table>   
</body>
</html>


Demo: http://jsfiddle.net/nwa4hsLv/