<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Tabela</title>
|
|
<link rel="stylesheet" href="styles/base.css" />
|
|
<link rel="stylesheet" href="styles/tabela.css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Minha Tabela</h1>
|
|
<p>
|
|
<a href="index.html">Index</a>
|
|
·
|
|
<a href="tabela.html">Tabela</a>
|
|
·
|
|
<a href="formulario.html">Formulário</a>
|
|
</p>
|
|
</header>
|
|
<main>
|
|
<table class="tabela tabela-espaco-interno" cellspacing="0" cellpadding="0" border="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Tipo</th>
|
|
<th>Marca</th>
|
|
<th>Quantidade</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Carro</td>
|
|
<td>Ford</td>
|
|
<td>10</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="2" valign="top">Barco</td>
|
|
<td>Benetou</td>
|
|
<td>20</td>
|
|
</tr>
|
|
<tr>
|
|
<!--td>Barco</td-->
|
|
<td>Azimut</td>
|
|
<td>14</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th colspan="2" align="right">Total</th>
|
|
<!--th></th-->
|
|
<td>44</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
<div class="tabela">
|
|
<h1>Titutlo...</h1>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|