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.

« 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16»


Produtos Relacionados:


Acompanhe as respostas e comentarios atraves do RSS 2.0 feed.
Deixe seu comentario, pergunta ou resposta ou trackback para seu site.

AddThis Social Bookmark Button

14 Comentarios para “Curso de HTML”

  1. #1 - alex Disse:

    estou conhecendo!

  2. #2 - sabrina Disse:

    amei, agora tenho meu próprio site, valew!

  3. #3 - Maqson Disse:

    Muito bom!

  4. gostei, até que enfim encontrei um curso fácil de entender e que funciona, obrigada.

  5. #5 - daniel perira rocha neto Disse:

    ola pessoal,valeu mesmo por ter um site gratuito.

  6. #6 - Nivaldo Disse:

    Muito bom ! mesmo … por ser gratuíto , me surpreende o conteúdo objetivo e boas explicações Parabéns !!

  7. #7 - Guilherme Disse:

    BOABOA… muito bom!!
    valewww me ajudou muitoo..
    faloww..

  8. #8 - Markos Disse:

    OBRIGADO MAIS UMA VEZ. É SEMPRE MUITO BEM VINDO ESSES CURSOS.

  9. #9 - Renato Disse:

    Muito bom e facil de se entender!!!!!!!!

  10. #10 - Thaise Disse:

    POis é..Por ser gratuito…É muito eficiente..
    Ameiii!!
    bjokx

  11. #11 - DJ RICARDO JF Disse:

    Andei acompanhando e praticando os primeiros exercícios , amei .
    Muito educativo , parabéns.

  12. #12 - Felipe Verzotto Disse:

    Galerinha achei muito fera era o q eu estava procurando, só qeu eu não entendi uma coisa a questão da foto la quando eu fiz não apareceu. assim sera q alguem pode me ajudar a solucionar isto? desde ja agradeço a colaboração

  13. #13 - lessa Disse:

    Parabéns,simples e facil.valeu

  14. #14 - admin Disse:

    Olá Felipe, para colocar uma imagem usa-se

    onde:
    link da imagem = imagem.gif
    link da imagem = imagem.jpeg
    link da imagem = http://idealgratis.com/ico/logo.jpg
    sendo que deve estar na mesma página.

Deixe seu comentario.