DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML - Tabela
andre.costa@pro.unifacs.br
HTML	
  -­‐	
  Tabela	
  
<table	
  border=“1”>	
  
	
  	
  	
  	
  	
  	
  <tr>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	...
HTML	
  -­‐	
  Tabela	
  
<table	
  border=“1”>	
  
	
  	
  	
  	
  	
  	
  <tr>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	...
HTML	
  -­‐	
  Tabela	
  
<table	
  border=“1”>	
  
	
  	
  	
  	
  	
  	
  <tr>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	...
HTML	
  -­‐	
  Tabela	
  
<table	
  border=“1”>	
  
	
  	
  	
  	
  	
  	
  <tr>	
  
	
  	
  	
  	
  	
  	
  	
  	
  	
  	...
HTML	
  -­‐	
  Tabela	
  
<table	
  border=“1”	
  width=“100%”	
  height=“200px”	
  align=“leA”	
  valign=“top”>	
  
<tr>	...
HTML	
  -­‐	
  Tabela	
  
Mão	
  na	
  massa!	
  	
  
Desenvolva	
  em	
  HTML	
  a	
  seguinte	
  tabela:	
  
1 2 3
4 5 6...
HTML	
  -­‐	
  Tabela	
  
Mão	
  na	
  massa!	
  	
  
Desenvolva	
  em	
  HTML	
  a	
  seguinte	
  tabela:	
  
1 2 3
4
7 8...
HTML	
  -­‐	
  Tabela	
  
Mão	
  na	
  massa!	
  	
  
Desenvolva	
  em	
  HTML	
  a	
  seguinte	
  tabela:	
  
1 2
34
5 6
HTML	
  -­‐	
  Tabela	
  
Mão	
  na	
  massa!	
  	
  
Desenvolva	
  o	
  layout	
  de	
  um	
  site	
  uJlizando	
  
tabel...
HTML	
  -­‐	
  Tabela	
  
A2vidade	
  do	
  Desafio	
  
Desenvolva	
  as	
  3	
  tabelas	
  abaixo	
  em	
  um	
  único	
  ...
Próximos SlideShares
Carregando em…5
×

Aula 2 html (tabela)

1.973 visualizações

Publicada em

Aulas UNIFACS

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.973
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.603
Ações
Compartilhamentos
0
Downloads
34
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 2 html (tabela)

  1. 1. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB PROF. ANDRÉ COSTA HTML - Tabela andre.costa@pro.unifacs.br
  2. 2. HTML  -­‐  Tabela   <table  border=“1”>              <tr>                          <td>Linha  1,  Coluna  1</td>                            <td>Linha  1,  Coluna  2</td>              </tr>              <tr>                          <td>Linha  2,  Coluna  1</td>                          <td>Linha  2,  Coluna  2</td>              </tr>   </table>  
  3. 3. HTML  -­‐  Tabela   <table  border=“1”>              <tr>                          <th>Linha  1,  Coluna  1</th>                            <th>Linha  1,  Coluna  2</th>              </tr>              <tr>                          <td>Linha  2,  Coluna  1</td>                          <td>Linha  2,  Coluna  2</td>              </tr>   </table>  
  4. 4. HTML  -­‐  Tabela   <table  border=“1”>              <tr>                          <td  colspan=“2”>Linha  1,  Coluna  1</td>            </tr>              <tr>                          <td>Linha  2,  Coluna  1</td>                          <td>Linha  2,  Coluna  2</td>              </tr>   </table>  
  5. 5. HTML  -­‐  Tabela   <table  border=“1”>              <tr>                          <td  rowspan=“2”>Linha  1,  Coluna  1</td>                            <td>Linha  1,  Coluna  2</td>              </tr>              <tr>                              <td>Linha  2,  Coluna  2</td>              </tr>   </table>  
  6. 6. HTML  -­‐  Tabela   <table  border=“1”  width=“100%”  height=“200px”  align=“leA”  valign=“top”>   <tr>                          <td>Linha  1,  Coluna  1</td>                            <td>Linha  1,  Coluna  2</td>              </tr>              <tr>                          <td>Linha  2,  Coluna  1</td>                          <td>Linha  2,  Coluna  2</td>              </tr>   </table>  
  7. 7. HTML  -­‐  Tabela   Mão  na  massa!     Desenvolva  em  HTML  a  seguinte  tabela:   1 2 3 4 5 6 7 8 9
  8. 8. HTML  -­‐  Tabela   Mão  na  massa!     Desenvolva  em  HTML  a  seguinte  tabela:   1 2 3 4 7 8 9
  9. 9. HTML  -­‐  Tabela   Mão  na  massa!     Desenvolva  em  HTML  a  seguinte  tabela:   1 2 34 5 6
  10. 10. HTML  -­‐  Tabela   Mão  na  massa!     Desenvolva  o  layout  de  um  site  uJlizando   tabela:  
  11. 11. HTML  -­‐  Tabela   A2vidade  do  Desafio   Desenvolva  as  3  tabelas  abaixo  em  um  único   arquivo  HTML:  

×