O documento apresenta exemplos de como criar tabelas em HTML utilizando tags como <table>, <tr>, <td>, <th> e atributos como border, colspan, rowspan. Também mostra como alinhar e dimensionar tabelas e desafia o leitor a desenvolver tabelas específicas.

1. DESENVOLVIMENTO DE APLICAÇÕES PARA WEB
PROF. ANDRÉ COSTA
HTML - Tabela
andre.costa@pro.unifacs.br

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. 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. 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. 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. 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. HTML
-­‐
Tabela
Mão
na
massa!
Desenvolva
em
HTML
a
seguinte
tabela:
1 2 3
4 5 6
7 8 9

8. HTML
-­‐
Tabela
Mão
na
massa!
Desenvolva
em
HTML
a
seguinte
tabela:
1 2 3
4
7 8 9

9. HTML
-­‐
Tabela
Mão
na
massa!
Desenvolva
em
HTML
a
seguinte
tabela:
1 2
34
5 6

10. HTML
-­‐
Tabela
Mão
na
massa!
Desenvolva
o
layout
de
um
site
uJlizando
tabela:

11. HTML
-­‐
Tabela
A2vidade
do
Desafio
Desenvolva
as
3
tabelas
abaixo
em
um
único
arquivo
HTML: