Tabelas
Upcoming SlideShare
Loading in...5
×
 

Tabelas

on

  • 1,782 views

Aula para o 6to semestre da FAFIT. Aula de HTML sobre tabelas.

Aula para o 6to semestre da FAFIT. Aula de HTML sobre tabelas.

Statistics

Views

Total Views
1,782
Views on SlideShare
1,776
Embed Views
6

Actions

Likes
0
Downloads
13
Comments
0

1 Embed 6

http://www.linkedin.com 6

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tabelas Tabelas Presentation Transcript

    • Tabelas
    • Tabelas
      •      Utilizamo-as apenas para mostrar dados tabulares, ex.: excel. Não deve ser usada para ajudar na composição do layout. A não utilização de tabelas para adequar objetos na tela chama-se tableless.
    • TAGS
      •      Necessitamos basicamente de 3 tags para criar uma tabela:
      • <table>
      •      <tr>
      •              <td>  </td>
      •                     
      •      </tr>
      • </table>
    • <table>
      •      Nossa tag <table> serve para começar e finalizar a tabela. Sempre será a primeira a ser aberta e a última a ser fechada.
    • <tr>
      •      Significa &quot;table row&quot; - linha de tabela - começa e termina e uma linha horizontal da tabela. 
    • <td>
      •      Significa &quot;table data&quot; - dados da tabela. começa e termina cada célula contida nas linhas da tabela. 
    • Cabeçalho e rodapé
      •      A tabela nos da capacidade de criarmos cabeçalho e rodapé. Para isso usamos as tags <thead> e <tfooter> não esquecemos de usar <tbody> para o corpo da tabela.
    • Tabela
      •      A tabela nos da capacidade de criarmos cabeçalho e rodapé. Para isso usamos as tags <thead> e <tfooter> não esquecemos de usar <tbody> para o corpo da tabela.
    • Tabela
      • ex.: www.suissacorp.com.br/fafit/aula/tabela.html
    • Atributos
      • background:  permite-nos colocar um fundo para a tabela
      • border : define o valor da borda em px
      • bordercolor : define a cor da borda
      • bgcolor : define a cor de fundo
      • width : largura, pode ser em, px ou %
      • height : altura, pode ser em, px ou %
      • cellpadding : margem interna da célula, em px
      • cellspacing : margem externa da célula, em px
      • align : alinhamento horizontal
      • valign : alinhamento vertical
      • colspan : utiliza o espaço setado em colunas
      • rowspan : utiliza o espaço setado em linhas
    • Exercício
      • Fazer uma tabela igual:
    • Exercício 2
      • Fazer uma tabela igual: