22 - python & all web labs
This commit is contained in:
84
labWeb/lab3/index.html
Normal file
84
labWeb/lab3/index.html
Normal file
@@ -0,0 +1,84 @@
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Озеро Байкал</title>
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="page">
|
||||
<main class="card">
|
||||
<header class="card__header">
|
||||
<h1 class="title">Озеро Байкал</h1>
|
||||
</header>
|
||||
|
||||
<section class="card__body" aria-label="Информация об озере Байкал">
|
||||
<p class="p p--highlight">
|
||||
<strong>Байкал</strong> (бур. <em>Байгал далай</em>) — озеро тектонического происхождения в южной части
|
||||
Восточной Сибири площадью 31 722 км², самое глубокое озеро на планете, крупнейший природный резервуар пресной
|
||||
воды и самое большое по площади пресноводное озеро Евразии.
|
||||
</p>
|
||||
|
||||
<p class="p">
|
||||
Находится в центре Азии на границе
|
||||
<a class="a" href="https://ru.wikipedia.org/wiki/%D0%98%D1%80%D0%BA%D1%83%D1%82%D1%81%D0%BA%D0%B0%D1%8F_%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C" target="_blank" rel="noreferrer noopener"
|
||||
>Иркутской области</a
|
||||
>
|
||||
и
|
||||
<a class="a" href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D1%81%D0%BF%D1%83%D0%B1%D0%BB%D0%B8%D0%BA%D0%B0_%D0%91%D1%83%D1%80%D1%8F%D1%82%D0%B8%D1%8F" target="_blank" rel="noreferrer noopener"
|
||||
>Республики Бурятия</a
|
||||
>
|
||||
в Российской Федерации. Озеро протянулось с юго-запада на северо-восток на 636 км в виде гигантского
|
||||
полумесяца. Ширина водоёма колеблется в пределах от 24 до 79 км. Дно Байкала в самой глубокой его части на
|
||||
1187 метров ниже уровня Мирового океана. Высотная отметка уреза воды Байкала установлена (так как Байкал
|
||||
зарегулирован) в пределе 456—457 метров над уровнем моря, но в Тихоокеанской системе высот. В результате
|
||||
«реальный» уровень Байкала фактически неизвестен.
|
||||
</p>
|
||||
|
||||
<p class="p">
|
||||
Площадь водной поверхности Байкала — 31 722 км² (без учёта островов), что примерно равно площади таких стран,
|
||||
как Бельгия или Нидерланды. По площади водного зеркала Байкал занимает седьмое место среди крупнейших озёр
|
||||
мира. Площадь водосборного бассейна — 571 тыс. км². Длина береговой линии — 2000 км.
|
||||
</p>
|
||||
|
||||
<p class="p">
|
||||
Озеро находится в своеобразной котловине, со всех сторон окружённой горными хребтами и сопками. При этом
|
||||
западное побережье — скалистое и обрывистое, рельеф восточного побережья — более пологий (местами горы
|
||||
отступают от берега на десятки километров).
|
||||
</p>
|
||||
|
||||
<p class="p">
|
||||
Запасы воды в Байкале гигантские — <strong>23 615,39 км³</strong> (около <em>19 %</em> от 123 тыс. км³ всех мировых запасов
|
||||
озёрной пресной воды). По объёму запасов пресной воды Байкал занимает первое место в мире среди озёр. В Байкале
|
||||
воды больше, чем во всех вместе взятых пяти
|
||||
<a class="a" href="https://ru.wikipedia.org/wiki/%D0%92%D0%B5%D0%BB%D0%B8%D0%BA%D0%B8%D0%B5_%D0%BE%D0%B7%D1%91%D1%80%D0%B0" target="_blank" rel="noreferrer noopener"
|
||||
>Великих озёрах</a
|
||||
>
|
||||
Северной Америки (Верхнее, Мичиган, Гурон, Эри, Онтарио), и в 25 раз больше, чем в Ладожском озере. Если же
|
||||
брать абсолютную величину среди всех озёр мира, то Байкал по объёму воды уступает разве что
|
||||
<a class="a" href="https://ru.wikipedia.org/wiki/%D0%9A%D0%B0%D1%81%D0%BF%D0%B8%D0%B9%D1%81%D0%BA%D0%BE%D0%B5_%D0%BC%D0%BE%D1%80%D0%B5" target="_blank" rel="noreferrer noopener"
|
||||
>Каспийскому морю</a
|
||||
>.
|
||||
</p>
|
||||
|
||||
<p class="p">
|
||||
По данным исследований И. Д. Черского (XIX век) в Байкал впадало 336 рек и ручьё, и это число учитывало
|
||||
только постоянные притоки. Более современных данных по данному вопросу нет, однако иногда приводятся цифры в
|
||||
544 или 1123 (которые приведены в результате подсчёта распадков, а не постоянных водотоков). Также считается,
|
||||
что вследствие антропогенного воздействия и изменения климата на Байкале с XIX века по современное время
|
||||
могло пропасть порядка 150 водотоков.
|
||||
</p>
|
||||
|
||||
<p class="p p--highlight">
|
||||
Самые крупные реки, впадающие в Байкал — это Селенга, Верхняя Ангара, Баргузин, Турка, Снежная, Кичера, Тыя,
|
||||
Голоустная, Бугульдейка. Из озера вытекает только одна река —
|
||||
<a class="a" href="https://ru.wikipedia.org/wiki/%D0%90%D0%BD%D0%B3%D0%B0%D1%80%D0%B0" target="_blank" rel="noreferrer noopener"
|
||||
>Ангара</a
|
||||
>.
|
||||
</p>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
89
labWeb/lab3/style.css
Normal file
89
labWeb/lab3/style.css
Normal file
@@ -0,0 +1,89 @@
|
||||
|
||||
|
||||
:root {
|
||||
--maroon: #9f2b2b;
|
||||
--maroon-dark: #7e1f1f;
|
||||
--paper: #ffffff;
|
||||
--highlight: #f7e3c1;
|
||||
--text: #111111;
|
||||
--link: #6b3e1e;
|
||||
--link-hover: #b84c1b;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 24px 0;
|
||||
background: var(--paper);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.page {
|
||||
width: min(980px, calc(100% - 32px));
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.note {
|
||||
margin: 0 0 10px;
|
||||
font: 700 14pt/1.2 "Times New Roman", Times, serif;
|
||||
color: var(--maroon);
|
||||
}
|
||||
|
||||
.card {
|
||||
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.card__header {
|
||||
padding: 10px 14px;
|
||||
background: var(--maroon);
|
||||
border-bottom: 2px solid var(--maroon-dark);
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-family: Cambria, Georgia, "Times New Roman", serif;
|
||||
font-size: 24pt;
|
||||
line-height: 1.1;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.card__body {
|
||||
padding: 10px 12px 12px;
|
||||
}
|
||||
|
||||
.p {
|
||||
margin: 0 0 10px;
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
font-size: 14pt;
|
||||
line-height: 1.35;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.p--highlight {
|
||||
background: var(--highlight);
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
.a {
|
||||
color: var(--link);
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 1px;
|
||||
text-underline-offset: 2px;
|
||||
transition: color 120ms ease-in-out;
|
||||
}
|
||||
|
||||
.a:hover,
|
||||
.a:focus-visible {
|
||||
color: var(--link-hover);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user