05                    5/2/2013




Instrutor: Washington Silva
Tabelas
 Usar tabelas é maneira mais fácil de se trabalhar com o
  alinhamento de textos e imagens é utilizar as tabelas como guia.




           Usaremos a TAG <table></table>.
           Uma tabela traz alguns atributos tais como:

                     <TR>Cria uma linha</TR>

                    <TD> cria uma célula</TD>




                  Instrutor: Washington Silva
Tabelas
   <TABLE>
   <TR>
    <TD>TESTE1</TD>
    <TD>TESTE2</TD>
     <TD>TESTE</TD>
   </TR>.
   </TABLE>




 Dessa forma, nós criaremos 3 colunas e 1
linha. Tabela Horizontal.




                Instrutor: Washington Silva
Tabelas
 Agora, vamos criar Dessa forma, nós criaremos 3 colunas e 1
 uma tabela na vertical linha. Tabela Horizontal.

   <table>
   <tr>
   <td> teste </td>
   </tr>
   <tr>
   <td> teste 2</td>
   </tr>
   <tr>
   <td> teste 3</td>
   </tr>
   </table>


                 Instrutor: Washington Silva
Colocando Bordas
            Tag <TABLE BORDER>


<TABLE BORDER="6">
<TR>
 <TD>TESTE1</TD>
 <TD>TESTE2</TD>
  <TD>TESTE</TD>
</TR>
</TABLE>




             Instrutor: Washington Silva
Colocando Bordas

<table BORDER="3">
<tr>
<td> teste </td>
</tr>
<tr>
<td> teste 2</td></tr>

<tr>
<td> teste 3</td>
</tr>




                    Instrutor: Washington Silva
Tag <TABLE BORDERCOLOR>
      A tag <TABLE BORDERCOLOR> serve para colocar uma COR na
     borda da tabela. Veja só:

    <TABLE BORDER="6“ BORDERCOLOR=“RED>
    <TR>
     <TD>TESTE1</TD>
     <TD>TESTE2</TD>
      <TD>TESTE</TD>
    </TR>
    </TABLE>




                  Instrutor: Washington Silva
Tag <TD BGCOLOR>
• <TD BGCOLOR> Permite colocar uma cor dentro de
  cada célula.
  <TABLE BORDER="6" bordercolor="red"> <TR>
   <TD bgcolor="pink">TESTE1</TD>
   <TD bgcolor="yellow">TESTE2</TD>
    <TD bgcolor="blue">TESTE</TD>
  </TR>
  </table>




                 Instrutor: Washington Silva
Exercícios
        width="200" height="0" border="3"
              td height="33" bgcolor=

              width="200" border="1"
                     <td width="69"




Instrutor: Washington Silva
<table width="644" height="254" border="1">




   Para achar as cores procure no google por cores html




           Instrutor: Washington Silva
Instrutor: Washington Silva

Aula11

  • 1.
    05 5/2/2013 Instrutor: Washington Silva
  • 2.
    Tabelas  Usar tabelasé maneira mais fácil de se trabalhar com o alinhamento de textos e imagens é utilizar as tabelas como guia. Usaremos a TAG <table></table>. Uma tabela traz alguns atributos tais como: <TR>Cria uma linha</TR> <TD> cria uma célula</TD> Instrutor: Washington Silva
  • 3.
    Tabelas  <TABLE>  <TR>  <TD>TESTE1</TD>  <TD>TESTE2</TD>  <TD>TESTE</TD>  </TR>.  </TABLE> Dessa forma, nós criaremos 3 colunas e 1 linha. Tabela Horizontal. Instrutor: Washington Silva
  • 4.
    Tabelas  Agora, vamoscriar Dessa forma, nós criaremos 3 colunas e 1  uma tabela na vertical linha. Tabela Horizontal. <table> <tr> <td> teste </td> </tr> <tr> <td> teste 2</td> </tr> <tr> <td> teste 3</td> </tr> </table> Instrutor: Washington Silva
  • 5.
    Colocando Bordas Tag <TABLE BORDER> <TABLE BORDER="6"> <TR> <TD>TESTE1</TD> <TD>TESTE2</TD> <TD>TESTE</TD> </TR> </TABLE> Instrutor: Washington Silva
  • 6.
    Colocando Bordas <table BORDER="3"> <tr> <td>teste </td> </tr> <tr> <td> teste 2</td></tr> <tr> <td> teste 3</td> </tr> Instrutor: Washington Silva
  • 7.
    Tag <TABLE BORDERCOLOR>  A tag <TABLE BORDERCOLOR> serve para colocar uma COR na borda da tabela. Veja só: <TABLE BORDER="6“ BORDERCOLOR=“RED> <TR> <TD>TESTE1</TD> <TD>TESTE2</TD> <TD>TESTE</TD> </TR> </TABLE> Instrutor: Washington Silva
  • 8.
    Tag <TD BGCOLOR> •<TD BGCOLOR> Permite colocar uma cor dentro de cada célula. <TABLE BORDER="6" bordercolor="red"> <TR> <TD bgcolor="pink">TESTE1</TD> <TD bgcolor="yellow">TESTE2</TD> <TD bgcolor="blue">TESTE</TD> </TR> </table> Instrutor: Washington Silva
  • 9.
    Exercícios width="200" height="0" border="3" td height="33" bgcolor= width="200" border="1" <td width="69" Instrutor: Washington Silva
  • 10.
    <table width="644" height="254"border="1"> Para achar as cores procure no google por cores html Instrutor: Washington Silva
  • 11.