Aula 2 html (tabela)

11
DESENVOLVIMENTO DE APLICAÇÕES PARA WEB PROF. ANDRÉ COSTA HTML - Tabela [email protected]

Transcript of Aula 2 html (tabela)

Page 1: Aula 2   html (tabela)

DESENVOLVIMENTO DE APLICAÇÕES PARA WEB

PROF. ANDRÉ COSTA

HTML - Tabela

[email protected]

Page 2: Aula 2   html (tabela)

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>  

Page 3: Aula 2   html (tabela)

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>  

Page 4: Aula 2   html (tabela)

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>  

Page 5: Aula 2   html (tabela)

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>  

Page 6: Aula 2   html (tabela)

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>  

Page 7: Aula 2   html (tabela)

HTML  -­‐  Tabela  

Mão  na  massa!    Desenvolva  em  HTML  a  seguinte  tabela:  

1 2 3 4 5 6

7 8 9

Page 8: Aula 2   html (tabela)

HTML  -­‐  Tabela  

Mão  na  massa!    Desenvolva  em  HTML  a  seguinte  tabela:  

1 2 3 4

7 8 9

Page 9: Aula 2   html (tabela)

HTML  -­‐  Tabela  

Mão  na  massa!    Desenvolva  em  HTML  a  seguinte  tabela:  

1 2 3

4

5 6

Page 10: Aula 2   html (tabela)

HTML  -­‐  Tabela  

Mão  na  massa!    Desenvolva  o  layout  de  um  site  uJlizando  tabela:  

Page 11: Aula 2   html (tabela)

HTML  -­‐  Tabela  

A2vidade  do  Desafio  Desenvolva  as  3  tabelas  abaixo  em  um  único  arquivo  HTML: