@mikhailshepelev1

Где ошибка в коде html?

Задача: Разобьём страницу на секции.
Найдите все элементы с классом flex-row. Замените имена тегов div на section. Названия классов оставьте прежними.
Замените теги для всех элементов, кроме одного: элемент с дополнительным классом flex-row_frameworks-inner пусть останется без изменений.
Обратите внимание, насколько более читаемым стал ваш код. С первого взгляда на любой блок ясно, для чего он предназначен, в чём смысл его контента, где здесь меню и где «подвал». Это называется «семантика», то есть смысловое, семантическое деление кода.

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://code.s3.yandex.net/web-code/normalize.css">
  <link rel="stylesheet" href="style.css">
  <title>Портфолио</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="портфолио Стас Басов на Яндекс Практикуме">
  <meta name="keywords" content="html, css, javascript">
  <meta name="author" content="Стас Басов">
</head>
<body>
  <header class="header">
    <a href="#" class="header-link" lang="en">Stas Basov</a>
  </header>
  <nav class="menu">
    <a href="#" class="menu-link">Первые шаги в HTML и CSS</a>
    <a href="#" class="menu-link">Библиотеки JavaScript</a>
    <a href="#" class="menu-link">Практика HTML, CSS и JavaScript</a>
  </nav>
  <main class="main">
    <section class="flex-row">
      <div class="project project_beginner project_music-album"></div>
      <div class="project project_beginner project_design-principles"></div>
    </section>  
    <section class="flex-row flex-row_reversed">
      <div class="flex-column flex-column_reversed"></div>
        <div class="project project_frameworks project_p5">
          <video class="project-video" src="https://code.s3.yandex.net/web-code/like.mp4" autoplay muted loop></video>
        </div>
    </section>      
        <div class="flex-row flex-row_frameworks-inner">
          <div class="project project_frameworks project_slider"></div>
          <div class="project project_frameworks project_reactive"></div>
       </div>
      <div class="project project_frameworks project_procrastinate">
        <video class="project-video" src="https://code.s3.yandex.net/web-code/procrastinate.mov" autoplay muted loop></video>
      </div>  
    <section class="flex-row">
      <div class="project project_vanilla project_how-to-study"></div>
      <div class="project project_vanilla project_across-russia"></div>
      <div class="project project_vanilla project_mesto"></div>
  </section>
  </main>  
  <footer class="footer">
    <div class="logo"></div>
  </footer>
</body>
</html>
  • Вопрос задан
  • 210 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы