Как вставить HTML код в сообщение форума

Курсы §20. Возможности HTML и CSS
1

Извиняюсь если не сюда, но столкнулся с незнанием вставки сюда в сообщение кода. Хочу спросить у народа, на последнем испытании вроде все правильно , а результат 78% смещены нижние фотографии и футер

2

Обернуть код в косые кавычки `…`

<header>HEADER</header>

4

Спасибо. А куда эту конструкцию воткнуть?

5

Добрый день, Андрей!
Чтобы вставить HTML-код на форуме, нужно обернуть его в косые кавычки, либо после вставки кода, выделить его и нажать сочетание Ctri+Shift+C. Код будет помечен, как текст “без форматирования”.
Вы можете добавить свой код в эту тему, чтобы мы посмотрели и подсказали, что не так.

7 
`<!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 Energ">
   </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>
    <header class="slides">
    <section class="photos">
    <figure class="sliders">
    <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>
    </header>
    </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>`
8

Код вставить получилось. Жду суровой критики :slight_smile:

9

Посмотрела ваш код. Дело в маленькой опечатке в 34 строке.
<figure class="slides"> - то, что должно быть.
<figure class="sliders"> - то, что в вашем коде.
Суровой критики не будет. Вы - молодец:)

1 лайк
10

Все, испытание пройдено. Спасибо, отпраздную прохождение многокилометровым велопробегом