Curso de HTML

Tabela

Vamos criar uma tabela para apostilas com preços e informações sobre cada apostila.
Como criar uma tabela com a linguagem Html.

Digite:

<p align=”center”>Compre uma apostila</p>
<table border=”2″ cellpadding=”2″ cellspacing=”1″ width=”80%”>
<tr>
<td width=”33%”>Apostila</td>
<td width=”33%”>Atributos</td>
<td width=”33%”>Valor em reais</td>
</tr>
<tr>
<td width=”33%”>Delphi 3</td>
<td width=”33%”>Aprenda a programar em Delphi</td>
<td width=”33%”>R$ 20, 00 </td>
</tr>
<tr>
<td width=”33%”>Visual Basic</td>
<td width=”33%”>Aprenda a programar em Visual Basic</td>
<td width=”33%”>R$ 40, 00 </td>
</tr>
</table>

Resultado da tabela acima.

Compre uma apostila

Apostila Atributos Valor em reais
Delphi 3 Aprenda a programar
em Delphi
R$ 20, 00
Visual Basic Aprenda a programar
em Visual Basic
R$ 40,00

Veja o resultado tabela.htm

O que você precisa saber é que, quanto mais você inserir <td> entre <tr> e </tr> mais partes sua tabela terá. A Tabela começa com <table> e termina com a tag de fechamento</table>. Width faz referência a largura. Border a borda, se você não colocar border sua tabela não vai ter bordas. TR significa( Table row), que marca uma linha de tabela. TD( Table Data) que são as células para os dados. Os valores em %, indica o tamanho ocupado em cada espaço na tabela . Podendo ser um maior e outro menor.

41 comentários

  1. Pedro Goku

    Booooooooommmm

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *