-
Notifications
You must be signed in to change notification settings - Fork 0
/
apa.html
408 lines (315 loc) · 23.4 KB
/
apa.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
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=1024">
<title>Poluarea In Chimie</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.png">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<style>@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="modif.scss">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</head>
<body>
<!-- Cod HTML -->
<nav>
<h1>Menu</h1>
<ul>
<a href="index.html">
<div>
<li><b>Acasă</b></li>
</div>
</a>
<br>
<a href="aerul.html">
<div>
<li>1.Aerul</li>
</div>
</a>
<a href="aerul2.html">
<div>
<li>1.1 Poluanți gazoși</li>
</div>
</a>
<a href="aerul3.html">
<div>
<li>1.2 Poluanți solizi</li>
</div>
</a>
<a href="aerul4.html">
<div>
<li>1.2 Poluanți radioactivi</li>
</div>
</a>
<br>
<a href="apa.html">
<div>
<li>2.Apa</li>
</div>
</a>
<a href="apa2.html">
<div>
<li>2.1 Apa potabilă</li>
</div>
</a>
<a href="apa3.html">
<div>
<li>2.2 Poluarea apei</li>
</div>
</a>
<br>
<a href="solul.html">
<div>
<li>3. Solul</li>
</div>
</a><br>
<a href="limitarepoluare.html">
<div>
<li>4. Măsuri împotriva poluării</li>
</div>
</a>
</nav>
</nav>
<main>
<section>
<br><br>
<div align="center">
<div class="card" style="width: 75%;border-radius: 10px;
font-family: 'Arial', sans-serif; ">
<div class="card-body">
<h1 class="card-title"><b>Apa. Poluarea apei</b></h1 >
<hr>
<div align="center">
<div class="card bg-custom-1 " style="width: 90%;border-radius: px;;
font-family: 'Arial', sans-serif; ">
<div class="card-body">
<h4 class="card-title" align="left"><b>Apa în natură</b></h4>
<hr>
<div align=left><font size="5" > <p class="card-text" align="left">     Fără apă nu poate fi concepută nici o formă de viață. Ea este necesară atât omului și restului lumii animale cât și lumii vegetale, de unde este furnizat - tot datorită apei - oxigenul necesar respirației:
<div align="center"> CO₂ + H₂O → fotosinteză → materie organică + O₂</div>
    Apa este o condiție fundamentală pentru viața civilizată. Ea asigură desfășurarea activității economice și, deopotrivă, confort, igienă și recreere. Apa este o cale ieftină de comunicare și de schimburi comerciale și o inepuizabilă sursă de energie. Oceanul planetar conține numeroase resurse minerale și de hrană, reprezentând în același timp și o importantă sursă de apă dulce.
<br>
<br>
<button class="accordion"><h3><b>  • Dacă vrei să știi mai mult</b></h3></button>
<div class="panel">
<p>
<div align=left>
<font size="5">
<p class="card-text" align="left">
    • Nevoia de apă dulce a omenirii crește an de an. Acum 100 de ani se utilizau 400 miliarde m³ apă/an, care a crescut la 8000 miliarde m³/an în 2015.
<br><br>     • Cu 350 de ani înaintea erei noastre, Aristotel a anticipat obținerea apei dulci din ocean. Metoda lui consta în așezarea unui burete deasupra unui cazan în care clocotea apa de mare. Acum se cunosc peste sute de metode de desalinizare, aplicate în America de Sud, America de Nord, Australia și o bună parte din Europa și Asia.
<br><br>     • Chiar dacă acoperă aproape trei sferturi din suprafața Pământului, apa reprezintă mai puțin de 7% din masa planetei.
<br><br>
    Pământul dispune de aproximativ 1.400.000.000 km³ de apă (hidrosfera). Oceanul planetar reprezintă aproximativ 97,4% din acest volum, ghețurile polare și ghețarii în jur de 2%, iar restul, lacuri și mări interioare, râuri, fluvii, vapori atmosferici și umiditatea solului. Apa dulce totalizează aproximativ 36.000.000 km³, din care 75% se găsește în gheață și ghețari.
Hidrologii apreciază că apa ocupă aproximativ 71% din suprafața Pământului și că este inegal distribuită: în emisfera nordică uscatul reprezintă 41%, iar în cea sudică doar 10%.
De când s-a format hidrosfera, acum 3 miliarde de ani, cantitatea de apă nu a variat foarte mult. Aceasta se explică prin faptul că apa descrie în natură un circuit, în absența căruia biosfera nu ar mai exista.
<img src="images/ciclu.png" style="width:35%;height:35%;float:right;">
<br><br>
    Datorită circuitului său în natură, apa constituie o resursă care se reînnoiește permanent. Timpul petrecut în diferite faze ale ciclului variază foarte mult. Astfel, vaporii din atmosferă se reînnoiesc o dată la 8-10 zile, apele fluviilor au timpul mediu de reînnoire de 12 rile, iar lacurile și mările 500 de ani. Oceanele și ghețarii își reînnoiesc apa în mii de ani.
</p>
</font>
</div>
</p>
</div>
</div>
</div>
</div>
<br>
<div align="center">
<div class="card bg-custom-1 " style="width: 90%;border-radius: px;;
font-family: 'Arial', sans-serif; ">
<div class="card-body">
<h4 class="card-title" align="left"><b>Proprietatile apel naturale</b></h4>
<hr>
<font size="5" > <p class="card-text" align="left">    
   În natură, apa nu se găsește în stare pură. Datorită calităților sale excepționale de solvent, apa se găsește sub forma unei diversități de soluții. Apa mărilor și oceanelor conține cantități variabile de saruri ( 6g/l in Marea Baltică, 17,7g/l - din care 14g NaCl - în Marea Neagră, 44g/l în Marea Roșie).
<br> <br>    Apele râurilor au compoziții variabile, în funcție de terenurile pe care le străbat, de sărurile și gazele pe câte le dizolvă și de climă. Apa de izvor este incoloră și are în general gust plăcut. Gustul uneori sălciu se datorează solubilității în cantitate mai mare a unor săruri (în special CaCl₂).
<br> <br>    Nici apa de ploaie nu este peste tot la fel. Compoziția ei depinde de apropierea de mări și oceane, de vânturile întâlnite sau de poluarea atmosferei.
<br> <br>    Dacă vrem să dovedim că apa naturală nu poate fi caracterizată printr-un set de proprietăți unice, trebuie să ținem cont și de formulele izotopice ale apei.
<br> <br>    Hidrogenul are doi izotopi stabili ¹H și ²H (deuteriu), iar oxigenul trei: ¹⁶O, ¹⁷O și ¹⁸O.
<br> <br>    Pentru apă putem scrie: ¹H₂¹⁶O, ²H¹⁶O; ¹H₂¹⁷O, ²H¹⁷O, ¹H₂¹⁸O. Dar hidrogenul mai are un izotop radioactiv ³H (hidrogenul supragreu sau tritriu ) iar oxigenul, doi izotopi radioactivi ¹⁴O, ¹⁵O, ¹⁹O.
<br> <br>    Se mai pot scrie așadar încă 12 formule.
<br> <br>    În natură, apa apare mai ales sub formă de apă obișnuită ¹H₂¹⁶O.
<br> <br>    Apa grea (²H₂O sau D₂O) se găsește sub concentrației mai mare în adâncul oceanelor și în apa provenită din topirea ghețarilor.
<br> <br>    Sub formă de apă supragrea (³H₂O sau T₂O), apare în procent foarte mic în apă de ploaie.
<br><br>
</p></font> <br>
<button class="accordion"><h3><b>  • Dacă vrei să știi mai mult</b></h3></button>
<div class="panel">
<p>
<div align=left>
<font size="5">
<p class="card-text" align="left">
  Gustul sărat amărui al apei de mare se datorează clorurii de natriu, sărurilor de magneziu (MgSO₄, MgBr₂, MgCl₂) și de calciu. În apa mării se găsesc: </p>
<table>
<thead>
<tr>
<th>Substanța</th>
<th>mg/l</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cl⁻</td>
<td>19.000</td>
</tr>
<tr>
<td>S (în SO₄²⁻)</td>
<td>900</td>
</tr>
<tr>
<td>Br⁻</td>
<td>65</td>
</tr>
<tr>
<td>Sr²⁺</td>
<td>8</td>
</tr>
<tr>
<td>Li⁺</td>
<td>0.2</td>
</tr>
<tr>
<td>I⁻</td>
<td>0.05</td>
</tr>
<tr>
<td>Na⁺</td>
<td>10.600
</td>
</tr>
<tr>
<td>Ca²⁺</td>
<td>400
</td>
</tr>
<tr>
<td>C(CO₂, HCO₃⁻)</td>
<td>28</td>
</tr>
<tr>
<td>B</td>
<td>4.8</td>
</tr>
<tr>
<td>N₂</td>
<td>0.8</td>
</tr>
<tr>
<td>Rb</td>
<td>0.12</td>
</tr>
<tr>
<td>Ba²⁺</td>
<td>0.03</td>
</tr>
<tr>
<td>Mg²⁺</td>
<td>1.300</td>
</tr>
<tr>
<td>K⁺</td>
<td>380</td>
</tr>
<tr>
<td>O₂</td>
<td>8</td>
</tr>
<tr>
<td>Si</td>
<td>3</td>
</tr>
<tr>
<td>Ar</td>
<td>0.6</td>
</tr>
<tr>
<td>P</td>
<td>0.07</td>
</tr>
</tbody>
</table>
</font>
</div>
</p>
</div>
</div>
<div align="center">
<br>
</div>
</div>
</div>
</p></font>
<br><br><a href="#" class="btn btn-primary">Lecția anterioară</a>
<a href="apa2.html" class="btn btn-primary">Următoarea lecție</a>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br>
<footer class="footer">
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<p>©2024 Constantin Robert & Pricop Ioana || All rights reserved</p>
</footer>
</section>
</main>
<!-- Cod JavaScript -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
(function() {
var nav = $('nav'),
menu = $('nav h1'),
main = $('main'),
open = false,
hover = false;
menu.on('click', function() {
open = !open;
nav.toggleClass('menu-active', open);
main.toggleClass('menu-active', open);
nav.removeClass('menu-hover');
main.removeClass('menu-hover');
console.log(open);
});
menu.hover(
function() {
if (!open) {
nav.addClass('menu-hover');
main.addClass('menu-hover');
}
}, function() {
nav.removeClass('menu-hover');
main.removeClass('menu-hover');
}
);
})();
</script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
</body>
</html>