cursos photoshop, livros photoshop, tutoriais photoshop, tutoriais flash, tutoriais 3ds max
Tutoriais de Photoshop mais populares...
tutorial Photoshop - bola de basquetebol tutorial Photoshop - faca de churrasco tutorial Photoshop - como fazer cabelo tutorial Photoshop - marcar a ferro quente tutorial Photoshop - como fazer um escudo tutorial Photoshop - como fazer uma lata de refrigerante
15 Junho 2007 - por

HTML - Curso Completo (cortesia Wikipedia.org)

HTML - HiperText Markup Language - Linguagem de Marcação de Hipertexto.

 

5.1) Tabelas

Para se iniciar uma tabela dentro do documento html usa-se a tag table. Porém, são necessárias as tags td e tr para construir as suas células, divididas em colunas e linhas, respectivamente. Exemplo:

<table>
  <tr>
    <td>Uma célula</td>
    <td>Outra célula</td>
  </tr>
  <tr>
    <td>Uma célula na segunda linha</td>
    <td>Uma última célula</td>
  </tr>
</table>

O resultado do código anterior é:

Uma célula Outra célula
Uma célula na segunda linha Uma última célula

5.1.2) Parâmentros das tabelas

Para manipular o aspecto gráfico e a disposição de uma tabela, podem ser usados várioss parâmetros:

5.1.2.1) Width

width especifica a largura de uma tabela ou célula. Este valor pode ser expresso em pixels ou em percentagem de espaço. Uma tabela ajustada em 100% de largura, ocupará toda a largura disponível no contexto onde está inserida.

<!-- A tabela tem de largura 250 pixels -->
<table width="250">
  <tr>
     <td>Tabela de uma célula</td>
  </tr>
</table>

<!-- A tabela ocupa 70% do espaço disponível para ela -->
<table width="70%">
  <tr>
    <td>Tabela de apenas uma célula</td>
  </tr>
</table>

O resultado do último exmplo, será o seguinte:

Tabela de apenas uma célula

5.1.2.2) Height

O parâmetro height permite especificar a altura de uma tabela ou coluna.

<table height="150">
  <tr>
    <td>Uma célula</td>
  </tr>
</table>

… e o resultado é:

Uma célula

 

5.1.2.3) Border, Bgcolor e bdcolor

Border define a espessura da borda da tabela; Bgcolor define a cor de fundo da tabela e Bdcolor define a cor da borda da tabela;

<table border="4" bdcolor="green" bgcolor="grey">
  <tr>
    <td>Uma mistura de cores berrante!</td>
  </tr>
</table>

A saída seria:

Uma mistura de cores berrante!

 

5.1.2.4) Cellpadding

Cellpadding aumenta ou diminui a borda interior em cada célula.

<table cellpadding="5">
  <tr>
    <td>Padding 5</td>
  </tr>
</table>

… equivale a:

Padding 5 Outra célula

 

5.1.2.5) Cellspacing

Aumenta o espaço entre células.

<table cellspaccing="5">
  <tr>
    <td>CellSpacing é 5</td>
  </tr>
</table>
CellSpacing é 5 Outra célula
Repare no espaço que elas têm ente si

 

 

 

 

tags: Dicas

 

 

Se gostou desse artigo...
::
receba as novidades deste site por e-mail!

 

o seu nome:
a mensagem:
 

 


Dê a sua opinião sobre este artigo

O seu nome

O seu e-mail

Opine sobre este artigo

Por favor copie o texto... qf3tFB na caixa seguinte:

CAPTCHA image

4 Opiniões

  1. Susi Meire on Maio 31, 200923:49
    Oi, Tudo Bem? Gostei muito de seu site, sou brasileira e preciso aprender html e outras coisas para poder trabalhar em meu blog. Parabéns seu curso é bem bacana eu estou aprendendo. Gostaria que me informasse sobre o frontpage se posso usa-lo e se é eficiente. Aguardo resposta. Desde já muito obrigado. Sucesso! Susi Meire
  2. Magno Urbano on Junho 1, 20096:29
    Cara Susi, O FrontPage normalmente não é usado profissionalmente. A maioria dos profissionais prefere programas como o Dreamweaver ou outros similares. O problema do FrontPage é fazer páginas cheias de instruções desnecessárias que acabam por tornarem-se lentas. O FrontPage não segue o padrão internacional do W3C e, por isso, faz páginas que são compatíveis apenas com o Internet Explorer e incompatíveis com os outros browsers.
  3. Fabio Fernandes on Dezembro 3, 200922:03
    Muito bom, bem explicativo e de fácil entendimento. Estou muito safisfeito! Parabéns.
  4. Marcos on Fevereiro 12, 20111:31
    Ótimo artigo. Obrigado pelo ensino.
Curso Photoshop CC Curso Photoshop CC para iPad Curso Photoshop CC para iPhone Curso Photoshop CC para iPad Curso Photoshop CC para Mac Curso Photoshop CC para Apple TV

 

Ferramentas

Google PageRank
Conteúdo Duplicado

Categoriais

 ddddddd

Arquivos