TABELA HTML 5

TABELAS HTML5

Uma tabela tem células, e linhas e colunas,

<!DOCTYPE html>

<html >

<head> <title> Título da página </titel>

<style>

table, th, td {

  border:1px solid black;

}

</style>

</hedad>

<body>

<h2>Um,a tabela básico</h2>

<table style="width:100%">

  <tr>

    <th>Empresa</th>

    <th>Contato </th>

    <th>cidade</th>

  </tr>

  <tr>

    <td>João</td>

    <td>Francisco</td>

    <td>Fortaleza</td>

  </tr>

  <tr>

    <td>Centro </td>

    <td>Francisco </td>

    <td> Brasil</td>

  </tr>

</table>

</body>

</html>

CÉLULAS DA TABELA

A onde fica conteúdo da tabela.

<td> conteúdo da tabela</td>

LINHAS DA TABELA

<tr> linha da tabela</tr>

CABECÇALHO DA TABELA

 

 

CABEÇALHOS DA TABELA

Nos cabeçalhos da tabela usa tag <th> cabeçalhos </th>.

<!DOCTYPE html>

<html>

<head> <title> Título da página </title>

<style>

table, th, td {

  border:1px solid black;

}

</style>  </head>

<body>

<h2>cabeçalhos da tabela</h2>

<table style="width:100%">

  <tr>

    <th>pessoa 1</th>

    <th>pessoa 2</th>

    <th>pessoa 3</th>

  </tr>

  <tr>

    <td>site</td>

    <td>Maria</td>

    <td>windows</td>

  </tr>

  <tr>

    <td>três</td>

    <td>vinte</td>

    <td>dez</td>

  </tr>

</table>

</body>  </html>