SlideShare uma empresa Scribd logo
1 de 11
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

Mais conteúdo relacionado

Semelhante a Aula11

Semelhante a Aula11 (6)

Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
AULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASAULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELAS
 
05 01 tabelas2
05 01 tabelas205 01 tabelas2
05 01 tabelas2
 
05 html tabelas
05 html   tabelas05 html   tabelas
05 html tabelas
 
Html - capitulo 11
Html - capitulo 11Html - capitulo 11
Html - capitulo 11
 
Html - introdução e exemplos
Html - introdução e exemplosHtml - introdução e exemplos
Html - introdução e exemplos
 

Mais de Washington Oliveira (20)

Prova
ProvaProva
Prova
 
Aula 08
Aula 08Aula 08
Aula 08
 
Virus
VirusVirus
Virus
 
Ppt web.pptx 04
Ppt web.pptx 04Ppt web.pptx 04
Ppt web.pptx 04
 
Aula 3
Aula 3Aula 3
Aula 3
 
Aula 02 nova
Aula 02 novaAula 02 nova
Aula 02 nova
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Ppt web.pptx 02
Ppt web.pptx 02Ppt web.pptx 02
Ppt web.pptx 02
 
Aula 1
Aula 1Aula 1
Aula 1
 
Aula 03
Aula 03Aula 03
Aula 03
 
Aula 02
Aula 02Aula 02
Aula 02
 
Aula 01
Aula 01Aula 01
Aula 01
 
Word 16
Word 16Word 16
Word 16
 
Aula 07
Aula 07Aula 07
Aula 07
 
Atividade revisão
Atividade revisãoAtividade revisão
Atividade revisão
 
Excel 7 e 8
Excel 7 e 8Excel 7 e 8
Excel 7 e 8
 
Aula06
Aula06Aula06
Aula06
 
Aula 05
Aula 05Aula 05
Aula 05
 
Aula 04
Aula 04Aula 04
Aula 04
 
Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04Ppt web.pptx 03 e 04
Ppt web.pptx 03 e 04
 

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, 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
  • 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