-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
301 lines (301 loc) · 18.7 KB
/
index2.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="pt">
<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="estilos/style-index2.css">
<link rel="shortcut icon" href="imagens/favicon/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="imagens/favicon/favicon-32x32.png" type="image/x-icon">
<link rel="shortcut icon" href="imagens/favicon/favicon-16x16.png" type="image/x-icon">
<title>Mata Atlântica</title>
</head>
<body>
<header>
<h1>Mata Atlântica</h1>
<h4>Se você estiver com problemas com as imagens, clique <a href="index2.html">aqui</a></h4>
</header>
<main>
<article id="artigo-cima"> <!-- o que é a mata atlântica? -->
<h2>O que é a Mata Atlântica?</h2>
<p>A <strong>Mata Atlântica</strong> é um conjunto de formações vegetais e ecossistemas, que possui grande destaque para espécies endêmicas (espécies próprias daquele lugar). Atualmente, devido ações antrópicas, restam somente 12,4% da floresta que costumava existir, segundo a fundação<strong> SOS Mata Atlântica</strong>.</p>
<p>Esse é um bioma de floresta tropical que pode ser encontrado na <strong>Argentina</strong>, no <strong>Brasil</strong> e no <strong>Paraguai</strong>. Sendo maior parte desse bioma presente no Brasil. Ela é constituída de florestais nativas e ecossistemas associados. Segundo o Ministério do Meio Ambiente, as formações florestais que fazem parte da Mata Atlântica, pode-se citar:</p>
<ul type="square">
<li>Floresta Ombrófila Densa
<img src="imagens/arvores/floresta-ombrofila-densa.jpg" alt="floresta ombrofila densa">
</li>
<li>Floresta Ombrófila Mista
<img src="imagens/arvores/floresta-ombrofila-mista.jpg" alt="floresta ombrofila mista">
</li>
<li>Floresta Ombrófila Aberta
<img src="imagens/arvores/floresta-ombrofila-aberta.jpg" alt="floresta ombrofila aberta">
</li>
<li>Floresta Estacional Semidecidual
<img src="imagens/arvores/floresta-semidecidual.jpg" alt="floresta semidecidual">
</li>
<li>Floresta Estacional Decidual
<img src="imagens/arvores/floresta-decidual.jpg" alt="floresta decidual">
</li>
</ul>
<p>Os ecossistemas associados:</p>
<ul type="square">
<li>Restingas
<img src="imagens/arvores/restinga.jpg" alt="restinga">
</li>
<li>Manguezais
<img src="imagens/arvores/manguezal.jpg" alt="manguezal">
</li>
<li>Campos de altitude
<img src="imagens/arvores/campos-de-altitude.jpg" alt="campos de altitude">
</li>
<li>Brejos interioranos
<img src="imagens/arvores/brejos-interioranos.jpg" alt="brejos interioranos">
</li>
<li>Encraves florestais do nordeste
<img src="imagens/arvores/encraves-florestais-do-nordeste.jpg" alt="encraves florestais do nordeste">
</li>
</ul>
</article>
<article> <!-- fauna -->
<h1 class="fauna centro">Fauna</h1>
<h2>O que compõe sua fauna?</h2>
<p>Com uma fauna e flora semelhante à da Amazônia, é muito comum ver uma vasta variedade de espécies, apesar de haver uma séria precariedade a respeito dos levantamentos da fauna na Mata Atlântica. Apesar de tudo, ela tem a segunda maior <strong>biodiversidade</strong> das Américas. A fauna é composta por uma séria de espécies endêmicas, como 270 espécies de <strong>mamíferos</strong>, 370 espécies de <strong>anfíbios</strong>, 200 de <strong>répteis</strong> e 350 de <strong>peixes</strong>. Os principais são:</p>
<ul type="square">
<li>Pica-pau-da-cabeça-amarela
<img src="imagens/animais/pica-pau-de-cabeca-amarela.jpg" alt="">
</li>
<li>Gavião-de-penacho
<img src="imagens/animais/gaviao-de-penacho.jpg" alt="">
</li>
<li>Mico-leão-dourado
<img src="imagens/animais/mico-leao-dourado.jpg" alt="">
</li>
<li>Mico-leão-de-cara-preta
<img src="imagens/animais/mico-leao-de-cara-preta.jpg" alt="">
</li>
<li>Onça-pintada
<img src="imagens/animais/onca-pintada.jpg" alt="">
</li>
<li>Tamanduá-bandeira
<img src="imagens/animais/tamandua-bandeira.jpg" alt="">
</li>
<li>Sagui-da-serra
<img src="imagens/animais/sagui-da-serra.jpg" alt="">
</li>
<li>Ouriço-preto
<img src="imagens/animais/ouriço-preto.jpg" alt="">
</li>
<li>Rato-do-mato
<img src="imagens/animais/rato-do-mato.jpg" alt="">
</li>
<li>Sapo-cururu
<img src="imagens/animais/sapo-cururu.jpg" alt="">
</li>
<li>Perereca-verde
<img src="imagens/animais/Perereca-verde.jpg" alt="">
</li>
<li>Perereca-de-bromélia
<img src="imagens/animais/perereca-de-bromélia.jpg" alt="">
</li>
<li>Jacaré-do-papo-amarelo
<img src="imagens/animais/jacare-do-papo-amarelo.jpg" alt="">
</li>
<li>Jararaca
<img src="imagens/animais/jararaca.jpg" alt="">
</li>
<li>Cágado amarelo
<img src="imagens/animais/cagado-amarelo.jpg" alt="">
</li>
<li>Cobra coral
<img src="imagens/animais/cobra-coral.jpg" alt="">
</li>
<li>Falsa-coral
<img src="imagens/animais/falsa coral.jpg" alt="">
</li>
</ul>
</article>
<article> <!-- flora -->
<h1 class="flora centro">Flora</h1>
<h2>O que compõe sua flora?</h2>
<p>Quanto à flora, a floresta é uma das mais ricas quando o assunto são plantas. Essa facilidade em desenvolver plantas saudáveis se deve pelo fato de que a <strong>altitude</strong>, <strong>latitude</strong>, <strong>precipitação</strong> e <strong>solo</strong> serem elementos que corroboram diretamente para uma flora saudável e bem desenvolvida. Alguns exemplos são:</p>
<ul type="square">
<li>Bromélias
<img src="imagens/flores/bromelias.jpg" alt="">
</li>
<li>Begônias
<img src="imagens/flores/begonias.jpg" alt="">
</li>
<li>Orquídeas
<img src="imagens/flores/orquideas.jpg" alt="">
</li>
<li>Ipê
<img src="imagens/flores/ipe.jpg" alt="">
</li>
<li>Palmeiras
<img src="imagens/flores/palmeiras.jpg" alt="">
</li>
<li>Quaresmeira
<img src="imagens/flores/quaresmeira.jpg" alt="">
</li>
<li>Pau-brasil
<img src="imagens/flores/pau-brasil.jpg" alt="">
</li>
<li>Cipós
<img src="imagens/flores/cipos.jpg" alt="">
</li>
<li>Jacarandá
<img src="imagens/flores/jacaranda.jpg" alt="">
</li>
<li>Jatobá
<img src="imagens/flores/jatoba.jpg" alt="">
</li>
<li>Jequitibá-rosa
<img src="imagens/flores/jequitiba-rosa.jpg" alt="">
</li>
<li>Figueiras
<img src="imagens/flores/figueira.jpg" alt="">
</li>
</ul>
</article>
<article> <!-- extensão territorial -->
<h1 class="extensao-territorial centro">Extensão territorial</h1>
<h2>Qual o tamanho do bioma?</h2>
<p>O bioma ocupava <strong>1,3 milhões Km²</strong> (<strong>SOS Mata Atlântica</strong>), perpassa 17 estados brasileiros</strong> e <strong>3 países</strong> (Argentina, Brasil e Paraguai), de modo que se estende pela parte costeira do país. No entanto, devido ações humanas, parte desse bioma foi perdendo suas florestas, de modo que restam apenas <strong>29% da sua cobertura original</strong> (<strong>Funcate2015</strong>). Devido a colonização europeia, a Mata Atlântica passou por um intenso desmatamento, restando menos da metade do que tinha antes, como citado. As áreas de domínio abrangiam, de forma significativa, 17 estados, conforme mostrado na tabela:</p>
<!--
anatomias para tabelas grandes
TABLE (tag de abertura)
CAPTION (legenda da tabela)
THEAD (cabeça)
tr(linha), td(dado), th(cabeçalho)
TBODY (corpo)
tr(linha), td(dado), th(cabeçalho)
TFOOT (pé)
tr(linha), td(dado), th(cabeçalho)
TABLE (tag de desfecho)
-->
<div id="conteiner">
<table> <!-- tabela-->
<caption>Mata Atlântica em 1500</caption> <!-- Legenda -->
<thead> <!-- cabeça -->
<tr> <!-- linha -->
<th scope="col">Estado</th> <!-- cabeçalho -->
<th scope="col">Área de domínio</th>
</tr>
</thead>
<tbody> <!-- corpo -->
<tr>
<td>Alagoas</td> <!-- dado -->
<td class="numero">53%</td>
</tr>
<tr>
<td>Bahia</td>
<td class="numero">33%</td>
</tr>
<tr>
<td>Ceará</td>
<td class="numero">3%</td>
</tr>
<tr>
<td>Espírito Santo</td>
<td class="numero">100%</td>
</tr>
<tr>
<td>Goiás</td>
<td class="numero">3%</td>
</tr>
<tr>
<td>Mato Grosso do Sul</td>
<td class="numero">18%</td>
</tr>
<tr>
<td>Minas Gerais</td>
<td class="numero">46%</td>
</tr>
<tr>
<td>Paraíba</td>
<td class="numero">12%</td>
</tr>
<tr>
<td>Paraná</td>
<td class="numero">98%</td>
</tr>
<tr>
<td>Pernambuco</td>
<td class="numero">18%</td>
</tr>
<tr>
<td>Piauí</td>
<td class="numero">9%</td>
</tr>
<tr>
<td>Rio de Janeiro</td>
<td class="numero">100%</td>
</tr>
<tr>
<td>Rio Grande do Norte</td>
<td class="numero">6%</td>
</tr>
<tr>
<td>Rio Grande do Sul</td>
<td class="numero">48%</td>
</tr>
<tr>
<td>Santa Catarina</td>
<td class="numero">100%</td>
</tr>
<tr>
<td>São Paulo</td>
<td class="numero">68%</td>
</tr>
<tr>
<td>Sergipe</td>
<td class="numero">54%</td>
</tr>
</tbody>
</table>
</div>
</article>
<article> <!-- impactos ambientais -->
<h1 class="impactos-ambientais centro">Impactos ambientais</h1>
<h2>O que é o Brasil "Terra Brasilis" e quais as consequências desse passado?</h2>
<p>Dentre as ações antrópicas que prejudicam esse bioma tão precioso, as principais são o <strong>desmatamento, que vem acontecendo a mais de 400 anos</strong>; a <strong>criação de áreas para agricultura e agropecuária</strong>; a <strong>exploração exagerada dos recursos</strong>; a <strong>expansão urbana</strong>; e o <strong>tráfico de animais silvestres</strong>.</p>
<picture>
<source media="(max-width: 800px)" srcset="imagens/mata-atlantica-impacto-p.jpg">
<img src="imagens/mata-atlantica-impacto.jpg" alt="Imagem da Mata Atlântica mostrando impactos ambientais">
</picture>
<p>Grande parte da vegetação do bioma foi assolado pela <strong>exploração intensiva e desordenada</strong> dos portugueses, tendo como principal alvo o <strong>pau-brasil</strong>, usado para a <strong>extração</strong> e <strong>exportação</strong>. O primeiro contrato comercial para a exploração da madeira, feito em <strong>1502</strong>, levou o Brasil ao título de <strong>"Terra Brasilis"</strong>, ligando o nome do país à exploração da madeira avermelhada.</p>
</article>
<article> <!-- projetos sustentáveis -->
<h1 class="projetos-sustentaveis centro">Projetos sustentáveis</h1>
<h2>Existem órgãos que visam conservar a Mata Atlântica?</h2>
<p>Apesar de tudo, existem projetos que visam conservar a Mata Atlântica. Dentre eles, pode-se citar o <strong><a href="https://www.sosma.org.br/sobre/quem-somos/" target="_blank">SOS Mata Atlântica</a></strong> e o <strong><a href="https://www.wwf.org.br/natureza_brasileira/areas_prioritarias/mata_atlantica/" target="_blank">WWF-Brasil</a></strong>. Segundo o site, o <strong>SOS Mata Atlântica</strong> "atua na promoção de políticas públicas para a conservação da Mata Atlântica por meio do monitoramento do bioma, produção de estudos, projetos demonstrativos, diálogo com setores públicos e privados, aprimoramento da legislação ambiental, comunicação e engajamento da sociedade". Já o <strong>WWF-Brasil</strong> "atua com linhas de ação focadas nos poucos remanescentes que se mantém: a linha de planejamento ecorregional, que visa nortear ações para a conservação e uso sustentável dos recursos naturais; a de áreas protegidas, apoiando a criação e implantação de Unidades de Conservação (UC) no Bioma; e a de reabilitação da paisagem, visando um aumento da área de florestas integradas às atividades econômicas".</p>
<picture>
<source media="(max-width: 800px)" srcset="imagens/logos/sosma-wffbr-logo-p.png">
<img src="imagens/logos/sosma-wffbr-logo.png" alt="Logo da SOS Mata Atlântica e WWF-Brasil" id="sem-box-shadow">
</picture>
</article>
<article id="artigo-baixo"> <!-- a sua importância -->
<h1 class="importancia-do-bioma centro">A sua importância</h1>
<h2>Qual a importância da Mata Atlântica em nossas vidas?</h2>
<p>Muito mais do um lugar para milhões de pessoas e milhares de animais e vegetais, esse bioma também é um ecossistema que possui um papel importantíssimo na <strong>cadeia produtiva</strong>. Isso se deve porque, aproximadamente, <strong>80% da produção econômica nacional</strong> provém dessa região e isso inclui <strong>plantações</strong> e <strong>agropecuárias</strong>. Outra colaboração que possui grande peso é sobre a <strong>retenção de carbono</strong> e <strong>controle de clima</strong>, pois, áreas que tem um grande volume de vegetação conseguem armazenar uma grande reserva de carbono, o que facilita o processo de fotossíntese das árvores próximas. E, por último, mas não menos importante, contribui para a <strong>formação de nuvens de chuva</strong> através da sua umidade característica.</p>
</article>
</main>
<aside> <!-- referências -->
<h3>Referências</h3>
<p><a href="https://sitesustentavel.com.br/mata-atlantica-o-que-e-e-quais-sao-suas-caracteristicas/" target="_blank">Mata Atlântica: o que é e quais são suas características? - Site Sustentável</a></p>
<p><a href="https://www.sosma.org.br/sobre/quem-somos/" target="_blank">A Fundação SOS Mata Atlântica - Fundação SOS Mata Atlântica</a></p>
<p><a href="https://www.neoenergia.com/pt-br/te-interessa/meio-ambiente/Paginas/mata-atlantica.aspx" target="_blank">Mata Atlântica: O bioma mais ameaçado do Brasil - Neoenergia
</a></p>
<p><a href="https://www.ibflorestas.org.br/bioma-mata-atlantica#:~:text=Este%20bioma%20ocupava%20uma%20%C3%A1rea,ao%20Rio%20Grande%20do%20Sul." target="_blank">Bioma Mata Atlântica - Instituo Brasileiro de Florestas</a></p>
<p><a href="https://www.brasilcoleta.com.br/qual-a-importancia-da-mata-atlantica/" target="_blank">Qual a importância da Mata Atlântica? - Brasil Coleta</a></p>
<p><a href="https://www.gov.br/mma/pt-br/assuntos/ecossistemas-1/biomas/mata-atlantica" target="_blank">Mata Atlântica - Ministério do Meio Ambiente</a></p>
<p><a href="https://brasilescola.uol.com.br/biologia/mata-atlantica.htm" target="_blank">Mata Atlântica - Brasil Escola</a></p>
<p><a href="https://www.wwf.org.br/natureza_brasileira/areas_prioritarias/mata_atlantica/" target="_blank">Mata Atlântica - WWF-Brasil</a></p>
<p><a href="https://pt.wikipedia.org/wiki/Mata_Atl%C3%A2ntica#top-page" target="_blank">Mata Atlântica - Wikipedia</a></p>
<p><a href="https://reporterbrasil.org.br/2013/09/construcao-de-aeroporto-ameaca-flora-e-fauna-de-mata-atlantica-no-interior-de-sao-paulo/" target="_blank">Repórter Brasil </a></p>
</aside>
<footer>
<p>Site feito por <b>Edgar Augusto</b> | Siga-me: <a href="https://instagram.com/ed_ed001/" target="_blank">@ed_ed001</a> | Veja meu repositório: <a href="https://github.com/eded001/" target="_blank">eded001</a></p>
</footer>
</body>
</html>