ludmila

by promonj

HTML

<!DOCTYPE html>
<!--документ html-->
<html lang="ru">
    <!--голова документа-->
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Заголовок</title>
    </head>
    <!--тело документа-->
    <body>
    <main>
    <!--голова сайта-->
      <header>
        <!--меню сайта-->
        <nav>
          <ul>
          <li><a href="https://нашсайт.ру">Главная</a></li>
          <li><a href="#">Тест</a></li>
          <li><a href="#">О нас</a></li>
          </ul>
        </nav>
        <!--меню конец-->
        <h1>
        Это наш заголовок
        </h1>
      </header>
      <!--голове конец-->
      <!--секция с контентом-->
      <section> 
        <!--основной контент-->
        <article>
        <!--изображение-->
        <figure>
          <picture>
            <img src="https://i.artfile.ru/2880x1800_910841_[www.ArtFile.ru].jpg" width="400" alt="Природа красивая" title="Природа красивая">
          </picture>
          <!--описание изображения-->
          <figcaption>Это природа</figcaption>
        </figure>
        <!--конец изображения-->
        <!--текст-->
        <div>
        <p>
        Это наш первый текст
        </p>
        </div>
        <!--конец текста-->
        </article>
        <!--конец контента-->
        <!--вспмогательный контент-->
        <aside></aside>
      </section>
      <!--конец секции-->
      <!--подвал или ноги сайта-->
      <footer>
        <div>
        Тут важная информация
        </div>
      </footer>
      <!--конец подвала-->
    </main>
    </body>
</html>