O documento apresenta exemplos de códigos HTML para criação de tabelas, incluindo o uso de atributos como border, colspan, rowspan e dimensões. Ele também pede para desenvolver três tabelas em um arquivo HTML aplicando o conhecimento apresentado.

1. HTML - Tabela
Desenvolvimento de Aplicações para Web
Prof. MSc. André Costa - andre.costa@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=“left” 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 utilizando tabela:

11. HTML - Tabela
Atividade do Desafio
Desenvolva as 3 tabelas abaixo em um único arquivo HTML (uma em
baixo da outra):

12. Prof. MSc. André Costa
andre.costa@unifacs.br