---

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Задание 2 — ссылки и закладки</title>
<style>
  body {
    background-color: #f0f4f8;   /* цвет фона */
    color: #222222;              /* цвет текста */
    font-family: Arial, sans-serif;
    margin: 20px;
    line-height: 1.6;
  }

  a:link {
    color: #0033cc;              /* цвет непосещённой ссылки */
  }

  a:visited {
    color: #7a0080;              /* цвет посещённой ссылки */
  }

  .browser {
    width: 600px;
    border: 2px solid #333;
    padding: 15px;
    background-color: #ffffff;
  }

  .section {
    margin-bottom: 40px;
  }

  .picture {
    width: 200px;
    height: 120px;
    border: 2px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e8e8e8;
    margin: 20px 0;
  }

  hr {
    border: none;
    border-top: 1px solid #999;
    margin: 15px 0;
  }

  .top-links {
    margin-bottom: 30px;
  }

  .top-links a {
    display: block;
  }

  .to-top {
    margin-top: 10px;
  }

  .dashed {
    border: 2px dashed #333;
    padding: 15px;
    margin-top: 10px;
  }
</style>
</head>
<body>

<div class="browser">

  <!-- Верхние ссылки на разделы (как на схеме: «Раздел 1», «Раздел 2») -->
  <div class="top-links">
    <a href="#section1">Раздел 1</a>
    <a href="#section2">Раздел 2</a>
  </div>

  <!-- ================= РАЗДЕЛ 1 ================= -->
  <div class="section" id="section1">
    <h2>Раздел 1</h2>

    <hr>
    <hr>
    <hr>

    <div class="picture">Картинка</div>

    <hr>

    <!-- Закладка «В начало» -->
    <p class="to-top"><a href="#top">В начало</a></p>
  </div>

  <!-- ================= РАЗДЕЛ 2 ================= -->
  <div class="dashed">
    <div class="section" id="section2">
      <h2>Раздел 2</h2>

      <div class="picture">Картинка</div>

      <hr>
      <hr>

      <div class="picture">Картинка</div>

      <!-- Закладка «В начало» -->
      <p class="to-top"><a href="#top">В начало</a></p>
    </div>
  </div>

</div>

<!-- Якорь для возврата в начало страницы -->
<a id="top"></a>

</body>
</html>