- Pág. 54, exercício 4 (texto com formatação "os loucos e o cocô")
- Pág. 73, exercícios 4 e 5 (tabelas)
Pág. 73, exercício 4:
RESPOSTA:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Tabela de produtos</title>
</head>
<body>
<table width=50% border="3px" align="center">
<!-- cabeçalho da tabela -->
<tr bgcolor=green>
<th colspan=2>Produtos</th>
</tr>
<tr>
<th>Código</th>
<th>Descrição</th>
</tr>
<!-- detalhes (corpo) da tabela -->
<tr align="center">
<td>P001</td>
<td>Webcam</td>
</tr>
<tr align="center">
<td>P002</td>
<td>Mouse ótico</td>
</tr>
<tr align="center">
<td>P003</td>
<td>Pendrive 8 GB</td>
</tr>
</table>
</body>
</html>
Pág. 73, exercício 5:
RESPOSTA:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Tabela de Imagens</title>
</head>
<body>
<table width=420px align="center">
<tr>
<td><img src="img\caleidoscopio.jpg" width="200px" height="200px">
<td><img src="img\bolo_aniversario.jpg" width="200px" height="200px">
</tr>
<tr>
<td><img src="img\bicicleta_speed 5.jpg" width="200px" height="200px">
<td><img src="img\igreja.jpg" width="200px" height="200px">
</tr>
</body>
</html>
OBSERVAÇÕES:
- As imagens devem ficar todas em uma pasta "img" que é uma subpasta da sua pasta html, onde fica o seu arquivo .html
- Colocamos as quatro imagens com altura=200 pixels e largura = 200 pixels, para padronizar o tamanho
- Configuramos a tabela com largura de 420 pixels, para caber as imagens (200+200 = 400 + 20 de folga = 420 pixels) e com alinhamento centralizado
Nenhum comentário:
Postar um comentário