Испытание: другой вариант главной [19/19] 100%

Kano · 23.Март.2017 11:03:13

<body>
  <header class="page-header">
    <div class="logo">
      <img src="/assets/course73/logo.svg" width="90" height="90">
    </div>
    <nav class="main-menu">
      <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
    </nav>
  </header>
    <main>
      <article class="blog-entry">
        <aside class="video-preview">
          <img src="/assets/course73/preview.jpg" alt="Видео превью">
        </aside>
        <section class="idea">
          <h1>Размышления о жизни</h1>
          <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
          <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
        </section>
    </article>
        <section class="photos">
            <figure class="slides">
                <img src="/assets/course73/keks-1.jpg" alt="keks-1">
                <img src="/assets/course73/keks-2.jpg" alt="keks-2">
                <img src="/assets/course73/keks-3.jpg" alt="keks-3">
                <img src="/assets/course73/keks-4.jpg" alt="keks-4">
                <img src="/assets/course73/keks-5.jpg" alt="keks-5">
            </figure>
        </section>
    </main>
    <footer class="page-footer">
        <footer class="info">
            <img src="/assets/course73/keks.jpg" width="50" alt="keks">
                 Кекс, keks@htmlacademy.ru
        </footer>
        <footer class="copyright">
            © 2008—2014 Cat Energy
        </footer>
    </footer>
</body>

Tala · 23.Март.2017 11:55:34

Футер в футер вкладывать нельзя. Несколько футеров на странице может быть в том случае, если на странице есть несколько article, каждый из которых содержит хедер и футер.

yanka · 12.Август.2018 13:16:03

Помогите!!!не понимаю, почему картинки в один ряд не становятся?((((

yanka · 12.Август.2018 13:35:00

    <header class="page-header">
    <div class="logo">
    <img src="/assets/course73/logo.svg" width="90" height="90">
    </div>
 <nav class="main-menu">
    <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
     </nav>
  </div>
</header>
<main>
    <article class="blog-entry">
     <aside class="video-preview">
    <img src="/assets/course73/preview.jpg" alt="Видео превью">
    </aside>
      <section class="idea">
    <h1>Размышления о жизни</h1>
    <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
     </section>
  </article>
  <header class="slides">
      <section class="photos">
          <figure class="slides">
    <img src="/assets/course73/keks-1.jpg" alt="keks-1">
    <img src="/assets/course73/keks-2.jpg" alt="keks-2">
    <img src="/assets/course73/keks-3.jpg" alt="keks-3">
    <img src="/assets/course73/keks-4.jpg" alt="keks-4">
    <img src="/assets/course73/keks-5.jpg" alt="keks-5">
    <img src="/assets/course73/keks.jpg" width="50" alt="keks">
     </figure>
      </section>
  </header>
</main>
 <footer class="page-footer">
     <div class="info">
    Кекс, keks@htmlacademy.ru
    </div>
     <div class="copyright">
    © 2008—2014 Cat Energy
    </div>
 </footer>

Valery_S · 12.Август.2018 14:03:15

Последняя картинка лишняя.
И должна быть в другом месте – ниже, в футере.

И совсем не обязательно картинки складывать в header.

 <nav class="main-menu">
    <ul>
        <li><a href="#home">Главная</a></li>
        <li><a href="#blog">Посты</a></li>
        <li><a href="#me">Обо мне</a></li>
    </ul>
     </nav>
  </div> <!-- где открывается этот div -->

yanka · 12.Август.2018 14:05:01

Спасибо!!!)))))

sakitow · 25.Октябрь.2021 07:47:23

есть код на 100%?

Lena_Kotlyar · 23.Март.2022 09:43:58

Испытание: другой вариант главной

Главная
Посты
Обо мне

<main>
  <article class="blog-entry">
      <aside class="video-preview">
        <img src="preview.jpg" alt="Видео превью">
      </aside>
  <section class="idea">
    <h1>Размышления о жизни</h1>
    <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
  </section>
  </article>

<section class="photos"> <figure class="slides">
  <img src="keks-1.jpg" alt="Фото Кекса 1">
  <img src="keks-2.jpg" alt="Фото Кекса 2">
  <img src="keks-3.jpg" alt="Фото Кекса 3">
  <img src="keks-4.jpg" alt="Фото Кекса 4">
  <img src="keks-5.jpg" alt="Фото Кекса 5">
</figure>
</section>
</main>

<footer class="page-footer">
  <div class="info">

Портрет Кекса Кекс, keks@htmlacademy.ru

  <div class="copyright"> © 2008—2014 Cat Energy</div>
</footer>

DmZhuravlev · 23.Ноябрь.2022 17:26:07

23/11/2022 - 100%. Прочтите перед выполнением конспект и все встанет на свои места. Так же несколько раз повторил задание в теме.

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Испытание: другой вариант главной</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header class="page-header">
      <div class="logo">
   <img src="logo.svg" width="90" height="90" alt="Cat Energy">
   </div>
   <nav class="main-menu">
    <ul>
      <li><a href="#home">Главная</a></li>
      <li><a href="#blog">Посты</a></li>
      <li><a href="#me">Обо мне</a></li>
    </ul>
    </nav>
    </header>
    <main>
    <article class="blog-entry">
    <aside class="video-preview">
    <img src="preview.jpg" alt="Видео превью">
    </aside>
      <section class="idea">
    <h1>Размышления о жизни</h1>
    <p>Существует много вещей, которые безразличны собакам, но кошки от них без ума.</p>
    <p>К примеру, любимое место кота — это клавиатура компьютера. Собака не будет постоянно спать на клавиатуре.</p>
    </section>
    </article>
    
   <section class="photos">
  <figure class="slides">
    <img src="keks-1.jpg" alt="Фото Кекса 1">
    <img src="keks-2.jpg" alt="Фото Кекса 2">
    <img src="keks-3.jpg" alt="Фото Кекса 3">
    <img src="keks-4.jpg" alt="Фото Кекса 4">
    <img src="keks-5.jpg" alt="Фото Кекса 5">
    </figure>
    </section>
    </main>
    
    <footer class="page-footer">
    <div class="info">
    <img src="keks.jpg" width="50" alt="Портрет Кекса">
     Кекс, keks@htmlacademy.ru</div>
    <div class="copyright">© 2008—2014 Cat Energy</div>
    </footer>
  </body>
</html>

AlikPoghosyan · 23.Июль.2024 22:42:44

100% true 24:07:2024