You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.8 KiB
56 lines
1.8 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="./style/extinction.css">
|
|
<link rel="icon" href="./img/whale.png">
|
|
<title>Extinções</title>
|
|
</head>
|
|
<body>
|
|
<main class="navbar">
|
|
<a href=""><img src="./img/whale.png" alt="logo"></a>
|
|
<div class="pages">
|
|
<a href="home.html">Home</a>
|
|
<a href="#">Parques Naturais</a>
|
|
<a href="extincoes.html">Extinções</a>
|
|
</div>
|
|
</main>
|
|
<h2>Tabela de Animais</h2>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Nome</th>
|
|
<th scope="col">Quantidade</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Baleia-Azul</td>
|
|
<td>10.000</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Orangotango</td>
|
|
<td>104.700</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tubarão-Branco</td>
|
|
<td>3.500</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Ararinha-Azul</td>
|
|
<td>200</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</body>
|
|
</html>
|
|
|
|
<!--
|
|
Crie outra página chamada parques-naturais.html, com a lista de 5 parques naturais do Brasil e a área em m2 para cada um deles.
|
|
Deve ter o cabeçalho da tabela e o footer com o somatório.
|
|
Pelo menos 2 parques devem ser do mesmo estado, sendo que não pode repetir o nome do estado.
|
|
No rodapé da tabela deve conter o somatório das áreas agrupando colunas.
|
|
Crie um formulário que receba o nome do animal, quantidade, o nome do parque e o estado.
|
|
Realize a submissão do formulário para um iframe com a mensagem que foi salvo com sucesso. -->
|