Комментарии к публикации: Основы оформления контента в HTML

[email protected] 15.12.2018 в 10:28

Здравствуйте, появился такой вопрос. А как сделать расстояние между абзаце больше?А том у меня что то не получается

ivashkevich 16.12.2018 в 10:27

С помощью CSS-свойства margin-bottom

olga-ok 03.01.2019 в 07:54

Доброго дня! У меня получилось 3 подзаголовка h1, h2, h3, и каждый последующий меньше предыдущего почему-то. И еще - сам текст печатала компактно, а в браузере он растянулся в очень длинные строки. Как их укоротить?

olga-ok 03.01.2019 в 07:57

Я имела ввиду, что подзаголовки получились разным шрифтом - самый жирный h1, а остальные все меньше и меньше.

ivashkevich 03.01.2019 в 08:05

Так и должно быть. Это называется не жирность, а размер шрифта. Переносы строк делаются тегом <br>

[email protected] 24.03.2019 в 07:48

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Аффирмации, Холодинамика, НЛП">
<meta name="description" content="Общий обзор систем саморазвития.. Теория и практика.  Учимся разбираться с собственными глюками.">
<title>Саморазвитие и Личностный рост</title>
</head>
<body>
<!-- Здесь будет основной контент страницы-->
<p> Общий обзор </p>
<p> Где я сейчас? </P>
<p> Немного практики</p>
</body>
</html>

ivashkevich 24.03.2019 в 08:32

Ок

[email protected] 19.04.2019 в 16:11

<!DOCTYPE html>
<html>
<head>
<link href="style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="keywords" content="фото, видео, виды, враги, легенды, интересные факты"><meta name="description" content="Знакомство с орлами">

<title>Цари неба</title>
 </head>
  <body>
    <h1>Подробно об орлах</h1>
        <p>По старославянскому календарю 2019 год считается Годом Орла. </p>
        <p><strong>Этим гордым, прекрасным птицам посвящается этот сайт.</strong></p>
        <p>Орёл — птица, которая во многих культурах стала символом отваги, гордости, храбрости и других положительных качеств. Да, в природе орлы являются одними из наиболее грозных представителей пернатых, и единственное существо, представляющее для них реальную угрозу — это человек, вытесняющий орлов из привычных им мест обитания. Тем не менее, на Земле сохранилось ещё немало уголков, где орлы встречаются в изобилии.</p>
        <!-- Здесь будет основной контент страницы-->
    <h2>Жизнь после сорока круто изменяется</h2>
<p>Полет этого крылатого хищника приковывает многочисленные взгляды. Но немногим известно, что при достижении возраста приблизительно 40 лет, жизнь пернатых полностью меняется. Все потому, что у них когти становятся очень длинными и мягкими. Хищники не могут больше ловить добычу, поскольку она ускользает из слабых когтей.

То же происходит с клювом, с возрастом он изгибается, и его обладатель больше не может есть. И плотность перьев на груди и крыльях возрастает, появляются залысины, нарушается аэродинамика, что сильно усложняет полет.

Это ключевой момент в жизни орлов, они встают перед решающим выбором. У них есть только два варианта: голодная смерть либо боль и медленные изменения, которые могут длиться примерно 150 бесконечно длинных дней.</p>

<h2>Сила орлиного характера</h2>

<p>Таким образом, чтобы сохранить себе жизнь, повелителю пернатых нужно подняться на самую вершину, в собственное гнездо. Гордые птицы начинают сильно долбить клюв об камни, пока тот не слезет. После подобной мучительной процедуры нужно время, дабы вырос новый клюв – молодой, здоровый.

Далее начинается не менее мучительный процесс: избавление от бесполезных когтей при помощи молодого клюва. Когда вырастут здоровые когти, птица освобождается от тяжелых старых перьев при помощи когтей и клюва.

Если же царь птиц сможет выдержать длинные пять месяцев мучений, он снова возродится, как Феникс, и будет спокойно жить еще тридцать лет и даже больше.</p>
    </body>
</html>
Проверьте, пожалуйста.
И вопрос:как ввести CSS- редактор.

ivashkevich 19.04.2019 в 17:39

Отлично

Kamic95 21.07.2019 в 15:45

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
        <meta charset="utf-8">
        <meta name="keywords" content="дельфины, млекопитающие, факты">
        <meta name="description" content="Дельфины - одни из самых разумных созданий на планете Земля. Недаром их приравнивают к человеку, а даже иногда называют &quot;людьми моря&quot;. В данной статье отмечены самые интересные факты об этих прекрасных животных.">
        <title>Дельфин - жемчужина моря. Интересные факты</title>
    </head>
    <body>
    <h2>10 потрясающих фактов о дельфинах</h2>
    <!--придумать описание контента, сделать наброски фактов-->
    <p>1. Первый факт</p>
    <p>2. Второй факт</p>
    <p>3. Третий факт</p>
    </body>
</html>

ivashkevich 21.07.2019 в 19:10

Отлично

[email protected] 26.07.2019 в 17:29

<!DOCTYPE html>
<html>
<head>
<!--Подкл стилей css-->
<style>
<link href="style.css" rel="stylesheet"/>
</style>
<meta charset="utf-8"/>
<title>Minecraft servera.ru</title>
<!--Реклама-->
<meta name="keywords" content="Майнкрафт,майнкрафт странички,популярный майнкрафт сайт,скачать майнкрафт,майнкрафт моды на все версии">
<meta name="description" content="Здарова майнкрафет Это сайт интересен модами и другими штучками задоди :)"/>
</head>
<body>
<!--Текст основной страницы-->
<script src="script.js">
</script>
<p>Привет вас приветствует один из людей заньмающийся распространением майнкрафта спасибо если что нибудь скачается все</p>
<p>Спасибо за просмотр!</p>
</br>
</br>
<p>что есть на нашем сайте?</p>
<p>все что вы хотите в майнкрафт моды текстуры и даже клиенты майнкрафт наслаждайтесь сайтом</p>
</body>
</html>

я уже чувтсвтую себе веб разработчиком спасибо за курс :)

ivashkevich 26.07.2019 в 17:31

Супер) на здоровье)

[email protected] 01.08.2019 в 17:44

<!DOCTYPE html>
<html>
 <head>
 <meta charset = "utf-8">
 <meta name = "keywords" content = "кошка, шантилья тиффани, красивая порода, пушистая кошка, домашняя кошка, милые кошки">
 <meta name = "description" content = "Шантильи тиффани – одна из самых нежных кошек. К отличительным чертам породы относят шелковистую ниспадающую шерсть и очень красивые глаза, которые с возрастом становятся все более и более привлекательными.">
  <title>Шантилья Тиффани</title>
 </head>
 <body>
 <!--Интересный текст!!!-->
 <h1>Кто это?</h1>
 <p>Шантильи тиффани – это порода домашних кошек, одетых в невероятно элегантную шубку. У них очень мягкий пышный мех, выразительный «воротник» вокруг шеи и милые «штанишки» на лапках. Эти питомцы обладают покладистым характером, они всегда очень милы, нежны и дружелюбны.</p>
 <h2>Характер породы</h2>
 <p>Кошка шантильи тиффани покоряет своим характером. Она спокойная, ласковая и очень уютная. С ее появлением дом наполняется особенной атмосферой – это животное, словно чашка ароматного какао зимним вечером, мягко согревает и обволакивает нежным теплом. Однако будучи достаточно уравновешенным питомцем, эта кошка не прочь некоторое время и поиграть, особенно если заводилой выступает любимый кормилец. Но сравнительно повышенную активность шантильи тиффани будет сохранять недолго и, набегавшись, сразу же уляжется в свое любимое кресло.</p>
 <p>Заводчики называют нрав этих кошек золотой серединой – они в меру игривы, в меру послушны, в меру своенравны. Они нетребовательны и ненавязчивы, у них нежный мелодичный голосок, который можно услышать по утрам, когда питомец голоден, либо по возвращении домой с работы – тихим мяуканьем шантильи тиффани показывает, насколько сильно она скучала.</p>
 <p>Кошки породы шантильи тиффани считаются прекрасными компаньонами и более подходят для небольших семей. При этом свою любовь и привязанность она будет дарить лишь избранным – обычно это один-два человека. Своего кормильца кошка всегда преследует по пятам, но при этом не требует постоянного к себе внимания. Ей достаточно просто быть рядом и наблюдать за действиями кормильца. Однако такое поведение совсем не означает, что питомец не нуждается во внимании. <strong>Напротив, ваша забота очень важна для него, а длительное одиночество и вовсе способно спровоцировать стресс. По этой причине шантильи тиффани не рекомендуется надолго оставлять одну, ровно, как и постоянно игнорировать, находясь дома.</strong></p>
 <p>В общем, такие кошки являются хорошими домашними питомцами: они крайне редко царапаются, не навязывают свое общество, когда хозяин очень занят, легко входят в контакт с детьми, не проявляют агрессию к другим животным. Шантильи тиффани обучаемы: им довольно легко привить хорошие манеры и нормы поведения, они сравнительно быстро понимают и принимают существующий в доме режим. Кроме того, с представителями этой породы можно отправиться на прогулку либо на природу – такие кошки очень любят бывать на свежем воздухе, где они могут в полной мере удовлетворить свои охотничьи инстинкты.</p>
</body>
 </html>

ivashkevich 01.08.2019 в 20:35

Отлично

Veronika 02.08.2019 в 14:59

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
        <meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
        <title>Лучший программист Вероника</title>
        <link href="style.css" rel="stylesheet"/><!--подключенные внешние стили. находятся в файле style.css-->
    </head>
    <body>
     <p>
     Мои навыки
     </p>
     <p>
     Мой опыт работы
     </p>
     <script src="scripts.js"></script><!--подключенные внешние скрипты. находятся в файле scripts.js-->
    </body>
</html>

подскажите пожалуйста есть разница как писать, так
<p>Мои навыки</p>
или так
<p>
Мои навыки
</p>

ivashkevich 02.08.2019 в 17:57

Разницы нет

[email protected] 22.09.2019 в 23:50

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="SEO-оптимизация, продвижение сайтов,
        SEO">
        <meta name="description" content="На странице вы узнаете все, 
        что необходимо начинающему сео-оптимизатору">
        <title>SEO-оптимизация</title>
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
       <h1 align="right">Все о <em>SEO-оптимизации</em></h1>
       <p>Вашему вниманию предлагается самая интересная 
       информация о продвижении сайтов  в <b>вашем городе</b></p>
       <!--А здесь ядовитый плющ))-->
       <h2>Основные направления работы</h2>
       <p><b>Плотность ключевых слов</b> (сложные алгоритмы современных 
       поисковых систем позволяют производить семантический анализ
       текста, чтобы отсеять поисковый спам, в котором ключевое 
       слово встречается слишком часто (терм. сленг «тошнота»);</p>
       <p><b>Индекс цитирования сайта</b> («ИЦ»), зависящий от количества 
       и авторитетности веб-ресурсов, ссылающихся на данный сайт; 
       многими поисковиками не учитываются взаимные ссылки (друг на друга).
       Примером метрики являлся PageRank;</p>
       <p><b>Водность текста</b> — показатель, определяющий наличие малозначимых
       слов, которые не несут никакой полезной информации и служат для
       разбавления текста (стоп-слова);</p>
       <p><b>Поведенческие факторы</b> (внутренние) — ряд всевозможных действий
       пользователей, которые они могут произвести на сайте: вход, общее
       время проведённое пользователем на сайте, количество сессий 
       одного пользователя на сайте, просмотр страниц, количество 
       просмотренных пользователем страниц, возврат пользователя 
       на сайт, клики на ссылки в тексте, переходы по ссылкам в меню;</p>
       <p><b>Поведенческие факторы</b> (внешние) — основной внешний показатель
       качества поведения пользователя при взаимодействии с сайтом 
       является отказ от дальнейшего поиска по ключевой фразы в 
       поисковой системе;</p>
       <p><b>Индекс качества сайта</b> («ИКС») — это показатель того, 
       насколько полезен конкретный сайт для пользователей с точки
       зрения Яндекса. ИКС введён в 2018 году взамен тематического 
       индекса цитирования (тИЦ), учитывавшего тематику ссылающихся 
       сайтов.</p> <!--Контент взят из Википедии-->
       <script src="scripts.js"></script>
    </body>
</html>

ivashkevich 23.09.2019 в 06:32

Супер

[email protected] 12.10.2019 в 17:56

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="чемоданы, купить чемодан, неубиваемые чемоданы,для ручной клади, большой выбор, ассортимент, противоударный, с замком">
        <meta name="description" content="Качественные чемоданы. Большой выбор дорожных чемоданов для Вас!">
        <title>Надежные чемоданы для путешествий</title>
    </head>
    <body>
    <!-- Здесь будет вставлена картинка -->
    <h1>Заголовок новости</h1>
    <p>
    Чемоданы размера M
    </p>
    <p>
    Чемоданы размера L
    </p> 
    <p>
    Чемоданы размера XL
    </p>

    </body>
</html>

ivashkevich 12.10.2019 в 19:17

Отлично

DoOzAa 12.10.2019 в 19:10

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
            <meta name="keywords" content="обсуждения, ответы на вопросы, помощь в коде">
        <meta name="discription" content="Поможем ответить на вопросы, найдём ошибки в коде,
        обмениваемся знаниями и просто общаемся.">  
        <title>Форум для веб-программистов</title>
    </head>
    <body> 
        <!--Придумать заголовок-->
    <h1>.........</h1>
        <!-- Основной контент -->
        <p>Этот форум для веб-программистов</p> 
            <p>Тут вы найдёте ответы на ваши вопросы.</p>
        <p>Обретёте новые знакомства.</p>
            <p>И даже покажем новости о веб-программировании.</p>   
        <!-- Сделать контур для комментариев -->
    </body>
</html>

ivashkevich 12.10.2019 в 19:17

Отлично

DoOzAa 12.10.2019 в 19:53

Спасибо! Я уже чувствую себя веб-программистом!

Artem 31.10.2019 в 12:43

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="прокат, экипировка, сноуборд, лыжи">
        <meta name="description" content="прокат экипирокви по доступным ценам">
        <title>Прокат экипировки для зимних видов спорта</title>
    </head>
    <body>
    <!-- подумать о разных вариантах абзаца -->
    <p>
    Выберите интересующий вас раздел
    </p>    
    <p>
    Выберите уровень вашей подготовки
    </p>
    </body>
</html>

ivashkevich 31.10.2019 в 12:54

Отлично

Vika 07.11.2019 в 19:41

<!DOCTYPE html>
<html>
 <head>
  <link href="style.ess" rel="stylesheet">
  <meta charset="utf-8">
  <meta name="keywords" content="собаки, карликовые, померанские, разновидности">
  <meta name="description" content="Шпицы- все о породе собак, разновидности, описание, уход">
  <title>Шпицы</title>
 </head>
 <body>
  <h1>Шпицы</h1>
  <P>Померанский шпиц выглядит как детская игрушка. Этот пушистый колобочек станет верным другом и звонким лаем скрасит самый пасмурный день</p>
  <P>Собаки любят лаять</P>
 </body>
</html>

ivashkevich 07.11.2019 в 20:51

Отлично

[email protected] 18.12.2019 в 16:43

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="блог, программирование, профессия, обучение">
<meta name="description" content="Личный дневник маркетолога. Сменить профессию и заниматься тем, что нравится, никогда не поздно!">
<title> 
Блог маркетолога. Как я стал программистом.
</title>
</head>
<body>
<!-- не самый лучший заголовок, нужно переделать -->
<h1>День, когда я решил сменить профессию. </h1>
<!-- Писать текст не про меня -->
<p>Все началось, как и у всех, с того, что я решил упростить себе работу, написав некий код для решения рутинных задач.</p>
<p>Затем я начал искать подходящий курс по основам программирования.</p>
</body>
</html>

ivashkevich 19.12.2019 в 07:14

Отлично

eNergy 04.01.2020 в 14:27

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="блог, начинающего, web, разработчика">
        <meta name="description" content="Хочешь стать web разработчиком? Тогда предлагаю посетить мой блог, где я буду описывать свои шаги для достижения данной цели." >
        <link href="style.css" rel="stylesheet">
        <title>Блог о моём пути с нуля до web разработчика</title>
    </head>
    <body>
    <h1>Мой первый шаг</h1>
        <!--дополнить информацию к первому шагу-->
        <p>В конце 2019 года я твердо решил сменить свою профессию инженера на веб-разработчика. И мой путь начался с регистрации на сайте PHP.Zone</p>
        <p>Первая цель пройти начальный курс "HTML для начинающих"</p>
        <p>3 января 2020 года прошел: "Уровень 1. Введение и основы HTML" и "Уровень 2. Структура HTML-документа"</p>
        <script src="scripts.js"></script>
    </body>
</html>

ivashkevich 06.01.2020 в 16:13

Отлично

MelManwe 16.01.2020 в 14:54

<!DOCTYPE html>
<html>
    <head>
    <!--для практики-->
    <meta charset="utf-8">
    <meta name="keywords" content="видеоигры, персонаж, атрибуты, навыки">
    <meta name="description" content="На данной странице я предоставлю мой личный топ любимых или просто хороших игр в жанре RPG">
        <title>топ 10 RPG всех времён и народов</title>
    </head>
    <body>
    <!--не забудь покормить кота-->
    <p>Здесь будет основной текст<p/>
<p>А здесь перечислим кандидатов топа<p/>
    </body>
</html>

ivashkevich 18.01.2020 в 07:22

Отлично

[email protected] 01.02.2020 в 17:08

<!DOCTYPE html>
<html>
    <head> 
        <meta charset="utf-8">
        <title>Чаепитие.Интернет-магазин развесного чая</title>
        <meta name="keywords" content="чай,чай на развес, развесной чай">
        <meta name="description" content="Мы делаем чай по собственным уникальным рецептам из натуральных ингредиентов">
    </head>
    <body>
    <h1>Свежие поступления!</h1>
        В продажу поступило 5 новых видов чая.<p>
    <h2>Где мы закупаем ингредиенты</h2>
    Все ингредиенты мы покупаем у проверенных поставщиков <br> на территории Российской Федерации.
</p><p>
    <h2>Кто создаёт для нас упаковку</h2>
    Созданием упаковки мы занимаемся самостоятельно.
</p>
<!-- Инлайновое добавление скриптов -->
        <!--<script>
            JavaScript-код
        </script>-->

        <!-- Внешнее добавление скриптов -->
        <!--<script src="scripts.js"></script>--></body>
</html>

ivashkevich 04.02.2020 в 13:05

Теги h1-6 нельзя располагать внутри тега p

Lyubav4ik 02.03.2020 в 00:14

<!DOCTYPE html>
<html>
    <head>
            <title>HTML - как научиться создавать сайт за пару дней</title>
        <meta charset="utf-8">
        <meta name="keywords" content="HTML, обучение, развитие, сайты">
        <meta name="description" content="Тестовая страничка для практики создания страниц в HTML">
          <link href="style.css" rel="stylesheet">

    </head>
    <body>
    <h1>Какая-то очень интересная и захватывающая статья</h1>
 <p>
 Перывй абзац. Будет раскрывать боли читателя и рассказывать о том, что данная статья поможет решить вопросы. И о том как же сильно статья ему поможет.
 </p>
 <p>
 Второй абзац. Тоже интересный и захватывающий. Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
 </p>
 <p>
 Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
 </p>
 <p>
 Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
 </p>
 <p>
 Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст 
 </p>

    </body>
</html>

ivashkevich 05.03.2020 в 03:05

Отлично

Alena 12.03.2020 в 10:00

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta name="keywords" content="курс, вебинары для воспитателей, образование, детский сад, дети">
    <meta name="description" content="Возможность заняться самообразованием для воспитателей и педагогов. После изучения материала предоставляется сертификат">
    <title>Курс вебинаров по дошкольному образованию</title>
    </head>
    <body>
    <p>
       Актуальные проблемы дошкольного образования России
    </p>
    <p>
       В занятиях представлены уникальные методики преподавания в детских дошкольных учреждениях
    </p>
    </body>
</html>

ivashkevich 14.03.2020 в 19:52

Отлично

annferny 08.04.2020 в 11:07

<!DOCTYPE html>
<html>
    <head>
    <!-- комментарий-->
        <meta charset="utf-8">
        <meta name="keywords" content="авиация, самолеты, небо, полеты">
        <meta name="description" content="Гражданская авиация с точки зрения одного человека. Интересные фотографии, видео и просто мысли вслух">
        <title>Гражданская авиация</title>
    </head>
    <body>
        <h1>Гражданская авиация</h1>
    <p>
        Текст про гражданскую авиацию в России, и с чем ее едят.
    </p>
    <p>
        Текст о том, что не все так страшно, как казалось бы.
    </p>
    </body>
</html>

ivashkevich 08.04.2020 в 14:42

Отлично)

Marusya38 08.04.2020 в 14:16

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>КОТИКИ</title>
        <meta name="keywords" content="кошки, коты, домашние животные">
        <meta name="description" content="Как на Руси появились кошки, пушистые любимцы, история домашней кошки">        
    </head>
    <body>
    Домашние любимцы
<br>    
    <h1> К О Т И К И </h1>
        <!-- коментарий переписать этот абзац, когда будет время -->
        <p>Сегодня в это трудно поверить, но до X века домашних кошек на Руси 
        практически не было. Историки предполагают, что этих первых пушистых зверьков 
        в Россию завезли мореплаватели.
        </p>
        <p>Кошка была в то время такой редкостью, что за ее кражу взимался огромный штраф,
        превышающий тот, который полагался за кражу коровы. За случайное или намеренное 
        убийство чужой кошки 
<br>    кроме выплаты штрафа преступник был обязан 
        приобрести потерпевшему другую кошку.
        </p>
    </body>
</html>

ivashkevich 08.04.2020 в 19:09

Отлично

[email protected] 08.04.2020 в 17:06

<html>
 <head>
 <meta charset = "utf-8">
 <meta name = "keywords" content = "собаки,породы,разновидности">
 <meta name = "description" content = "Английские мастифы являются самыми большими собаками в мире. Взрослый кобель весит приблизительно 113 килограммов. Высота в холке составляет около 76 сантиметров..">
  <title>Блог о породах собак- breed of dog.</title>
  <link href="style.css" rel="stylesheet">
 </head>
 <body>
 <!--Интересный текст!!!-->
 <p> Нужный обзор </p>
 <p> Для ознакомления</p>
 <script src="scripts.js"></script>
 <h1>Всё о породах собак</h1>
      Какие бывают разные:крупные и небольшие,гладкошёрстные и пушистые и другие отличия  
 </body>
 </html>

ivashkevich 08.04.2020 в 19:18

Тег <h1> не должен идти после <p>

[email protected] 15.04.2020 в 17:41

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="попугаи, экзотические птицы, птицы, говорящие попугаи, уход за попугаем, волнистые попугаи">
        <meta name="description" content="Все о попугаях. Как научить попугая говорить.">
        <title>Все про попугаев</title>
    </head>
    <body>
    <h1>Что нужно знать, если решил завести попугая </h1>
        <p> Сегодня разнообразие птиц в зоомагазинах или на зоорынках может просто вскружить голову. И, например, вместо того чтобы выбрать наиболее простого в уходе и содержании волнистого попугайчика, вы купите какаду, что скорее окажется пыткой и не принесет ожидаемой радости. <em> Мы учимся, начиная с простого и постепенно переходим к сложному.</em> Это стоит применить и к выбору домашнего питомца, в частности попугая. 
        </p>
        <h2> Как выбрать попугая? </h2>
        <img src="https://i.pinimg.com/236x/03/6b/c1/036bc18082a8322c39afc861e59c188e.jpg" alt="Попугай орёт" width="250" height= "250">
        <p> Для начала вы должны четко понять, чего хотите от птицы. Например, <strong> для обучения человеческой речи скорей подойдут самцы, у них будет больший словарный запас, нежели у самок </strong>. Самки в свою очередь более склонны к тому, чтобы грызть ветки, это связано с природным инстинктом построения гнезда. Имейте в виду, что если в клетке у вашего попугайчика мало или совсем нет веток, он запросто может начать грызть саму клетку и все, что в ней находится.
        </p>
        <h2> К чему мы должны быть готовы:</h2>
        <p>
        <ul>
        <li> чистить клетку; </li> 
        <li> убирать мусор за питомцем вне клетки; </li>
        <li> уделять попугаю внимание; </li> 
        </ul>
        </p>
    </body>
</html>

ivashkevich 15.04.2020 в 17:51

Тег <ul> не должен помещаться внутри <p>. Это не грубая ошибка, но всё же. В остальном - отлично!

[email protected] 04.08.2021 в 03:11

Привет

superbabby 16.04.2020 в 09:20

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Fitchpork — похуистическое медиа о музыке</title>
        <meta name="description" content="Самое адекватное музыкальное медиа в русскоязычном интернете без фальши, зато с рофлами">
        <meta name="keywords" content="музыка, сми, fitchpork, бэйс, хип-хоп, электроника">
    </head>
    <body>
   <center>  <h1>Everthe8 — пиздуй в США</h1>
    <h2>Почему он так хорош?</h2>
    <img src="https://sun4-17.userapi.com/3A8-Hj6d5nVf4tb0bBqa9Pm_zDw1z59oDZL76Q/nmFllxujNIM.jpg"alt="Bipolar" width="300" >
    <img src="https://sun4-11.userapi.com/w3cbTIe-7LjSKe_nyHmpil1o2MtGaZ61PYoghw/mejMCRxwEfs.jpg"width="300" >
    <img src="https://sun4-16.userapi.com/49rSpzUpjtN8SBywiPyGUZIn4KpcQWxm2M7-Mw/IG63hyPnsho.jpg" width="300"></center> 
    <hr>
        <p>Если когда-нибудь нас спросят, существованием какого русского рэпера мы гордимся больше всего, редакция Фитчпорка единогласно ответит, что это Everthe8.</p> 

        <p>Уничтожив в прошлом году к хуям все возможные потуги плохоньких рэперков со всех простов страны, в 2020-м Тимурик не останавливается. Видимо, закрывшись на студии со своими кентами, наш любимый бурят прекрасно понимает, что сидеть на месте — это не выход, и нужно ебашить. Вполне себе целостным и оформленным плодом этого ебашилова стали три охуительных трека, два из которых, к тому же, обзавелись качественными визуализациями.</p> 

        <p>Даже несмотря на то, что к <em>MJ и Get Gwoop</em> мы отнеслись с некой долей скептицизма, однако при неоднократных повторных прослушиваниях уже не могли не подпевать. А вышедший сегодня ночью Bipolar напрочь порвал наши башни. Надеемся, что ваши башни также не останутся на месте.</p>

        <p>Выходите на запад, парни. С таким уровнем подачи материала иметь на Спотифае <strong>364</strong> ежемесячных слушателя — это настоящее преступление. Ваша аудитория не в Рашке, ваша аудитория в Штатах, которая прям щас сидит и ждет чего-то супер крутого. Как раз таки условный Bipolar и должен стать для них этим крутым.</p>

        <h2><p> Для фанатов:</p></h2>
        <ul>
            <li>Mac Miller</li>
            <li>J. Cole</li>
            <li>Schoolboy Q</li>
        </ul>
        <p><h2>Почему он крут:</h2></p>
        <ol>
            <li>бурят;</li>
            <li>делает круче любого русского</li>
            <hr>

    </body>
</html>

ivashkevich 16.04.2020 в 10:25

Внутри <h2> нельзя писать тег <p>, тут должен быть только текст. И внутри <p> тег <h2> тоже нельзя писать.
Тег <ol> не закрыт.

Solodalex 20.04.2020 в 18:06

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Бесплатные фантастические книги">
        <meta name="keywords" content="книги, фантастика, фэнтези, бесплатно, бестселлер">
        <title>Популярная фантастика бесплатно</title>
    </head>
    <body>

    <h1>Бестеллеры из жанра фантастики и фэнтези</h1>
        <p>На этом сайте собраны новинки и книжные издания, ставшие бестселлером</p>
    <ol>
        <li>
           <h2>Фантастика</h2>
             <p>Фантастика — жанр, объединяющий художественные произведения,<br>
             в которых повествуется о событиях, мирах и героях, нарушающих <br>
             границы реальности. Фантастика рассказывает о том, что находится<br>
             за гранью реальности, и строится на фантастическом допущении.
             </p>
                <ul>
                    <li><em>Роберт Ибатуллин</em> <strong>"Роза и Червь"</strong> <br><img src="https://4fasol.com/img/books/318303.jpg" alt="Роза и Червь" width="200"></li>

                    <li><em>Питер Уоттс</em> <strong>"Ложная слепота"</strong> <br><img src="https://cdn1.ozone.ru/s3/multimedia-2/6008638490.jpg" alt="Ложная слепота" width="200"></li>

                    <li><em>Крис Бекетт</em> <strong>"Во тьме Эдема"</strong> <br><img src="https://cdn.eksmo.ru/v2/AST000000000173586/COVER/cover3d1.jpg" alt="Во тьме Эдема" width="200"></li>

                    <li><em>Адам Робертс</em> <strong>"Стеклянный Джек"</strong> <br><img src="https://www.spbdk.ru/upload/iblock/575/575879fbe692d7be2cf761406e22e8c9.jpg" alt="Стеклянный Джек" width="200"></li>

                    <li><em>Дэниэл Суарез</em> <strong>"Поток"</strong> <br><img src="https://img.yakaboo.ua/media/catalog/product/cache/1/image/234c7c011ba026e66d29567e1be1d1f7/8/4/846828_cover_1.jpg" alt="Поток" width="200"></li>
                </ul>
        </li>   
        <hr>    
        <li>
            <h2>Фэнтези</h2>
            <p>Фэ́нтези (англ. fantasy — «фантазия») — жанр современного искусства,<br>
             разновидность фантастики. Фэнтези основывается на использовании <br>
             мифологических и сказочных мотивов в современном виде.
            </p>
                <ul>
                    <li><em>Джон Р.Р. Толкин</em> <strong>"Властелин Колец"</strong> <br><img src="https://cdn1.ozone.ru/s3/multimedia-r/6008093799.jpg" alt="Властелин Колец" width="200"></li>

                    <li><em>Мартин Джордж</em> <strong>"Игра престолов"</strong> <br><img src="https://cdn1.ozone.ru/s3/multimedia-f/6008236923.jpg" alt="Игра престолов" width="200"></li>

                    <li><em>Клайв Стейплз Льюис</em> <strong>"Хроники Нарнии"</strong> <br><img src="https://bibliotekagrina.ru/assets/images/resources/1238/0012.jpg" alt="Хроники Нарнии" width="200"></li>

                    <li><em>Анджей Сапковский</em> <strong>"Ведьмак"</strong> <br><img src="https://cdn1.ozone.ru/s3/multimedia-i/6007317162.jpg" alt="Ведьмак" width="200"></li>

                    <li><em>Роулинг Джоан Кэтлин</em> <strong>"Гарри Поттер"</strong> <br><img src="https://libmir.com/i/55/325755/cover.jpg" alt="Гарри Поттер" width="200"></li>
                </ul>
        </li>       
    </ol>
    </body>
</html>

ivashkevich 20.04.2020 в 18:08

    <ol>
        <li>
           <h2>Фантастика</h2>
             <p>Фантастика — жанр, объединяющий художественные произведения,<br>

Внутри li нельзя помещать p и h2.

Solodalex 20.04.2020 в 19:03

Тогда как-то так

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Бесплатные фантастические книги">
        <meta name="keywords" content="книги, фантастика, фэнтези, бесплатно, бестселлер">
        <title>Популярная фантастика бесплатно</title>
    </head>
    <body>

    <h1>Бестеллеры из жанра фантастики и фэнтези</h1>
        <p>На этом сайте собраны новинки и книжные издания, ставшие бестселлером</p>

        <h2>Фантастика</h2>
            <p>Фантастика — жанр, объединяющий художественные произведения,<br>
            в которых повествуется о событиях, мирах и героях, нарушающих <br>
            границы реальности. Фантастика рассказывает о том, что находится<br>
            за гранью реальности, и строится на фантастическом допущении.
            </p>
            <ul>
                <li><em>Роберт Ибатуллин</em> <strong>"Роза и Червь"</strong> <br><img src="https://4fasol.com/img/books/318303.jpg" alt="Роза и Червь" width="200"></li>

                <li><em>Питер Уоттс</em> <strong>"Ложная слепота"</strong> <br><img src="https://cdn1.ozone.ru/s3/multimedia-2/6008638490.jpg" alt="Ложная слепота" width="200"></li>

                <li><em>Крис Бекетт</em> <strong>"Во тьме Эдема"</strong> <br><img src="https://cdn.eksmo.ru/v2/AST000000000173586/COVER/cover3d1.jpg" alt="Во тьме Эдема" width="200"></li>

                <li><em>Адам Робертс</em> <strong>"Стеклянный Джек"</strong> <br><img src="https://www.spbdk.ru/upload/iblock/575/575879fbe692d7be2cf761406e22e8c9.jpg" alt="Стеклянный Джек" width="200"></li>

                <li><em>Дэниэл Суарез</em> <strong>"Поток"</strong> <br><img src="https://img.yakaboo.ua/media/catalog/product/cache/1/image/234c7c011ba026e66d29567e1be1d1f7/8/4/846828_cover_1.jpg" alt="Поток" width="200"></li>
            </ul>

        <hr>    

        <h2>Фэнтези</h2>
            <p>Фэ́нтези (англ. fantasy — «фантазия») — жанр современного искусства,<br>
             разновидность фантастики. Фэнтези основывается на использовании <br>
             мифологических и сказочных мотивов в современном виде.
            </p>
            <ul>
                <li><em>Джон Р.Р. Толкин</em> <strong>"Властелин Колец"</strong> <br><img src="img/vlastelinkolec.jpg" alt="Властелин Колец" width="200"></li>

                <li><em>Мартин Джордж</em> <strong>"Игра престолов"</strong> <br><img src="img/igraprestolov.jpg" alt="Игра престолов" width="200"></li>

                <li><em>Клайв Стейплз Льюис</em> <strong>"Хроники Нарнии"</strong> <br><img src="img/hronikinarnii.jpg" alt="Хроники Нарнии" width="200"></li>

                <li><em>Анджей Сапковский</em> <strong>"Ведьмак"</strong> <br><img src="img/vedmak.jpg" alt="Ведьмак" width="200"></li>

                <li><em>Роулинг Джоан Кэтлин</em> <strong>"Гарри Поттер"</strong> <br><img src="img/garripotter.jpg" alt="Гарри Поттер" width="200"></li>
            </ul>

    </body>
</html>

ivashkevich 20.04.2020 в 19:07

Ага, так норм

[email protected] 14.05.2020 в 03:54

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Весь спектр услуг, квалифицированные мастера, оптимальнеы цены">
        <meta name="keywords" content="салон красоты, Ингушетия, Сунжа, лазерная эпиляция, маникюр, массаж">
        <title>Studio TG- студия красоты и здоровья Тамилы Галаевой </title>
    </head>
    <body>
    <h1>Студия красоты и здоровья Тамилы Галаевой</h1>
    <img src="img/studio.jpg" alt="Логотип студии" width="400">
        <p>
        В нашей студии вы сможете получить широкий спектр услуг, такие как парикмахерские услуги, 
        ногтевой сервис, косметология, 
        массаж, хиджама, лазерная эпиляция и многое другое.
    </p>
    <p>
        Наши специалисты систематически проходят повышения
        и всегда в курсе новейших методов и технологий, используемых в бьюти-сфере.
        </p>
        Одной из первостепенных задач
        нашей студии это забота о вас и овашем здоровье. Поэтому <strong>аспекту стерилизации и дезинфекции мы уделям особое внмание</strong>. Маникюрные и косметологические
        инструменты проходят все установленные этапы дезинфекции,ПСО и стерилизации. При клиенте вскрывается крафт-пакет с находящимся внутри индикаторм, по которму можно судить о 
        долженой выдержке времени и температуры воздействия на инструмент. 
        <em>Вы можете доверять нам. И мы вас не подведем.</em>

    <h2>Перечень услуг:
    </h2>
    <p>
    <h3>Парикмахерский зал</h3>
    </p>
    <ul>
       <li>Стрижки</li>
       <li>Укладки</li>
       <li>Окрашивания</li>
       <li>Ботокс волос</li>
       <li>Кератиновое выпрямление</li>
     </ul> 
    <br>
    <h3>Ногтевой сервис</h3>
    <ul>
       <li>Маникюр</li>
       <li>Педикюр</li>
       <li>Наращивание ногтей</li>
       <li>Покрытие гель-лаком</li>
       <li>Дизайн и инкрустация стразами</li>
     </ul> 
    <br>
    <h3>Косметология</h3>
    <ul>
       <li>Чистки</li>
       <li>Пилинги</li>
       <li>Маски</li>
       <li>Контурная пластика</li>
       <li>Шлифовки</li>
     </ul> 
    <br>
    <h3>Массаж</h3>
    <ul>
       <li>Аппаратный массаж</li>
       <ul>
       <li>-Liposonix</li>
       <li>-Криолиполиз</li>
       <li>-RF-лифтинг</li>
       </ul>
       <li>Ручной массаж</li>
       <ul>
       <li>-Лечебный взрослый</li>
       <li>-Детский</li>
       <li>-Антицеллюлитный</li>
       </ul>

     </ul> 
    <br>
    <h3>Хиджама</h3>
    <ul>
       <li>Общая</li>
       <li>Капилляротерапия</li>
     </ul> 
    <br>
    <h3>Визаж</h3>
    <ul>
       <li>Вечерний макияж</li>
       <li>Дневной макияж</li>
       <li>Свадебный макияж</li>
     </ul> 

    <br>
    <h3>Брови/ресницы</h3>
    <ul>
       <li>Коррекция бровей</li>
       <li>Окрашивание краской</li>
       <li>Окрашивание хной</li>
       <li>Коррекция без выщипывания</li>
       <li>Наращивание ресниц</li>
       <li>Ламинирование ресниц</li>
       <li>Ламинирование бровей</li>
     </ul> 

    </body>
</html>

ivashkevich 14.05.2020 в 13:12

    <p>
    <h3>Парикмахерский зал</h3>
    </p>

h-теги нельзя помещать внутри p

В остальном - отличная страничка! =)

[email protected] 01.06.2020 в 03:00

<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Стихи для души и на заказ</title>
    <meta name="description" content="Произведения автора, прием заказов на тексты
                                      песен песен и поздравлений">
    <meta name="keywords" content="стихи, тексты песен, авторская песня, лирика,
                                   стихи о любви">
  </head>
<body>
       <h1>Избранные стихи автора</h1>
          <p><strong>Любовная лирика</strong>
             <ul>
                <li>И это все о ней</li>
                <li>Я к вам пишу</li>
             </ul>
          </p>
          <p><em>Гражданская лирика</em>
             <ol>
                <li>Мужество</li>
                <li>Кандагар</li>
             </ol>
           </p>  
          <p>Шуточные стихи</p>

        <h1>Прием заказов</h1>
           <p>Заказ поздравлений</p>
           <p>Заказ текстов песен</p>
        <h3>Вариант заставки сборника</h3>
            <img src="Водяные лилии.jpg" alt="Тут красивые цветуёчки в водичке" height="300" width="200"> 
</body>
</html>

ivashkevich 01.06.2020 в 08:04

Списки не помещаются внутри <p>, в остальном всё отлично.

[email protected] 15.06.2020 в 08:58

<!DOCTYPE html>
<html lang="ru">
     <head>
          <meta charset="utf-8">
          <title>Ремонт телефонов и планшетов в москве</title>
          <meta name="description" content="Ремонт телефонов в Москве"/>
          <meta name="keywords" content="Ремонт телефонов, Москва, недорого, Iphone, Xiaomi, redmi, samsung, gelaxi"/>        
     </head>
     <body>
     <h1>Ремонт телефонов</h1>
     <h2>Apple</h2>
        <p>
            Американская корпорация, производитель персональных и планшетных компьютеров, аудиоплееров, 
            телефонов, программного обеспечения.
        </p>
        <p>
        Мы предлагаем:
        </p>
        <ul>
            <li><strong>Бесплатную диагностику</strong></li>
            <li>Оригинальные запчасти</li>
            <li>Привлекательные цены</li>
        </ul>
        <h3>iPhone 11 Pro</h3>
        <img src="img/11pro.jpg" alt="11 pro" width=250>
        <p>
        Порядок работ:
        <p>
            <ol>
                <li><em>Диагностика мастером</li>
                <li>Оценка стоимости запчастей</li>
                <li>Оценка стоимости работ</em></li>
        <h3>iPhone SE</h3>
        <img src="img/se2.jpg" alt="se 2020" height=150 width=100>
     <h2>Android</h2>
        <h3>Samsung</h3>
        <h3>Xiaomi</h3>
    </body>
</html>

ivashkevich 15.06.2020 в 20:41

Отлично

UtillitE 16.06.2020 в 14:59

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> Сад, огород и прочие премудрости...</title>
        <meta name="description" content="Всё, что вы хотели знать о уходе за садовыми деревьями, но стеснялись спросить">
        <meta name="keywords" content="садовые деревья, уход, защита от вредителей">
    </head>
    <body>
    <h1>Во саду, ли в огороде..</h1>
    <img src="img/s1200.jpg" alt="Овощи и фрукты" width="500" height="400">
    <p>
    <h2>Общая информация</h2>
</p>

        Все мы любим <strong>овощи и фрукты</strong> и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
        знают,<em> какой это нелёгкий, каждодневный труд.</em>
        <p>
    <h2>Садоводам</h2>
</p>
<ul>
    <li>Яблони, особенности ухода</li>
    <li>Груши, особенности ухода</li>
    <li>Косточковые, особенности ухода</li>
</ul>
<hr>
<p>
   <h2> Огородникам</h2>
</p>
<ul>
    <li>Томаты, перцы, баклажаны</li>
    <li>Огурцы</li>
    <li>Морковь, капуста, кабачки</li>
</ul>
<hr>
    </body>
</html>

UtillitE 16.06.2020 в 15:01

 Очень понравилось домашнее задание! Спасибо вам огромное, Артём!!

ivashkevich 17.06.2020 в 07:34

Всё отлично, только h-теги нельзя помещать внутри <p>. Это заголовок, он не должен находиться внутри абзацев.

jetsaus 25.06.2020 в 11:18

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords"
          content="программист, 50 лет, возвращение, квалификация, восстановление, навыки, перепрофилирование">
    <meta name="description"
          content="Возвращение в программирование в 50 лет">
    <title>В программисты, когда за 50</title>
</head>
<body>
    <h1>"Судьба программиста"</h1>
    <h3>Пролог</h3>
    <p>В свое время, в 1993 году, закончил Иркутский Политехнический институт, специальность
        АСУ(автоматизированные системы управления производственными процессами и обработкой
        данных) факультета кибернетики. <br>
        В процессе обучения нас, студентов, готовили как аналитиков-системотехников и
        разработчиков программного обеспечения.
    </p>
    <p>Какое-то время, а именно 4 года после получения диплома, работал программистом баз
        данных, программировал в основном  бухгалтерию на языке Foxbase, позже на FoxPro.
        В 1996 году, по воле судьбы, попал в сферу информационной безопасности. Первое время было
        интересно, но в этой сфере масса ограничений законодательством, стандартами и прочими
        нормативными материалами. Скучновато стало, тянуло в разработку &#128531; <br>
        В свободное время, ради развлечения, пописывал программки на Pascal(Borland Delphi),
        C/C++(MS Visual C++), баловался с операционными системами OS/2, Linux(RedHat), FreeBSD,
        Sun Solaris (по которому даже умудрился получить сертификат от RedLab), интерпретаторами
        команд sh, bash, СУБД Interbase, Informix.
    </p>
    <h3>Улыбка судьбы</h3>
    <p>В 2005 году судьба улыбнулась мне - устроился работать сисадмином. Администрировал FreeBSD,
        Unix SCO, MS Exchage Server и MS Windows Active Directory. Это было настоящим подарком
        судьбы! Писал скрипты и всячески старался автоматизировать свою работу. Со временем достиг
        такого уровня автоматизации, что в отличии от своих коллег, выполнял свою работу,
        не вставая со стула &#128522;
    </p>
    <h3>Разворот на 180&#176;</h3>
    <p>В 2007 году предложили должность информационного безопасника. Большими плюсами
        были полная самостоятельность и повышение уровня дохода в 2,5 раза.<br>
        Предложение принял. За несколько лет вывел инфобез на должный уровень и...
        головной офис конторы прибрал бо&#x301;льшую часть самостоятельности в свои руки и опять
        мне наскучило с инфобезом!
    </p>
    <h3>Обратно восвояси</h3>
    <p>Решил вернуться в программирование, точнее в разработку программного обеспечения после
        22 лет практической работы в сфере информационной безопасности. Надоело инфобезничать!<br>
        Ведь мое базовое образование - <b><i>разработчик программного обеспечения!</i></b>
    </p>
    <h3>Выбор сферы приложения и языка программирования</h3>
    <p>И тут передо мной встала дилемма - <b><i>в какую сферу приложить свои усилия?</i></b><br><br>
        Критерии моего выбора:
        <ul>
            <li>В моем городе число вакансий разработчиков стремится к нулю</li>
            <li>Отсутствие желания и возможности покидать свой город</li>
            <li>Стремление работать, не выходя из дома</li>
            <li>Независимость от конкретного работодателя</li>
            <li>Самостоятельность в управлении своим рабочим временем</li>
            <li>Отсутствие ежедневного дяди-надзирателя над душой</li>
        </ul>
    </p>
    <p>Какое-то время я изучал вакансии по удаленной работе на русскоязычном сайте
        <a href="http://hh.ru" target="_blank">HeadHunter</a>, пообщался с дизайнером-удалёнщиком,
        после чего в голове вырисовалась картинка:
    <ol>
        <li>Направление развития- back-end в web-разработке</li>
        <li>Язык программирования - PHP</li>
        <li>Фреймворк - Symfony, Laravel или Yii</li>
        <li>СУБД - MySQL, PostgreSQL или SQLite</li>
        <li>Git</li>
    </ol>
    </p>
    <h3>Опять улыбнуло</h3>
    <p>При поиске информации по какому-то вопросу в PHP наткнулся на статью (уже
        не помню о чем) с сайта.
        <a href="http://php.zone">PHP.Zone</a>, собственно сам сайт и Артема Ивашкевича <br>
        Понравились свободный стиль обучения, что важно при моем плотном графике работы
        10-12 часов в сутки, текстовый стиль изложения материала и стоимость обучения &#128522;
    </p>
    <h3>Жизнь среди слонов &#128521;</h3>
    <p>В стародавние времена земля стояла на трех слонах, позже почему-то начала
        вращаться вокруг солнца, за что и сожгли заживо бедного Джорда&#x301;но Бруно&#x301;
        на очистительном костре святой инквизиции. А зря! Он оказался прав.
    </p>
    <p>Во времена моей срочной службы в рядах ВС СССР "духов" - молодых новобранцев, называли
        "слоны" потому, что они, зачастую, спали стоя на тумбочке дневального по роте. <br>
        Сам когда-то был слоником &#128521;
    </p>
    <p>Мой друг-товарищ по общаге ВУЗа Юрка Попов по кличке Элиф(от английского Elephat),
        имел 45 размер стопы ноги. Учитывая, что парень нормально и пропорционально развит,
        то размер его тела, особенно кулаков, был соответствующим и происхождение такой
        клички теперь наверное всем понятно. Хотя по темпераменту он сангвиник и вряд ли стал бы
        применять свои кулаки, но все равно было страшновато в глаза называть такого огромного
        слона слоником, поэтому звали его ласково - Элиф, и только "за глаза".
    </p>
    <p>Ну, и наконец, всеми нами любимый язык программирования <b>PHP</b> имеет логотип
        слона. Вот он: <br>
        <img src="img/elephant.jpg" alt="PHP" width="225" height="325">
    </p>
    <h3>Эпилог</h3>
    <p>В качестве эпилога хочу отметить, что в сети много пишут о том, что скоро PHP "умрет",
        станет не востребованным. Я в это не верю, язык растет и развивается! <br>
        Ведь называли же в свое время операционную систему Windows "must die", вроде как должна
        была умереть. Так она как Ленин В.И. во времена СССР "живее всех живых". <br>
        Живет, зараза, развивается, и глубоко сомневаюсь, что вам того же желает &#128531; <br>
    </p>
</body>
</html>

ivashkevich 25.06.2020 в 11:42

Супер)

jetsaus 25.06.2020 в 16:01

Спасибо на добром слове ;)
Несколько дней крутил в голове сценарий о чём писать и делать учебный сайт.

ivashkevich 25.06.2020 в 18:19

Может получиться вполне хороший блог)

jetsaus 26.06.2020 в 16:41

Ну да, в свете Парада победы 24.06.20 вспомнил старый душевный фильм "Судьба человека" по мотиву одноименного романа и в главной роли самого автора Василия Шукшина, ну и что-то аналогичное возникло в голове

[email protected] 14.08.2020 в 02:21

<!Doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Книги для програмирования</title>
    <meta name="keywords" content="Книги, программирование, обучение">
    <meta name="description" content="Оячень увлекательная литература для программирования">
</head>
    <body>
    <h1>Книги для программистов</h1>
    <h2>Название книги1</h2>
    <p>
    Текст про книгу1
    </p>
    <h2>Совершенный код</h2>
    <img src="img/Совершенный код.jpg" alt="Обложка книги Совершенный код" width="200" height="200">
    <h2>
    Описание
    </h2>
    <p>
    Более 10 лет первое издание этой книги считалось одним из лучших практических руководств по программированию.<br>
    Сейчас эта книга <em>полностью</em> обновлена с учётом современных технологий <br>
    и дополнена <strong>сотнями новых примеров</strong>, илюстрирующих искуство и науку программирования.
    <br>
    </p>
    <p>
    книга подойдёт для:
    </p>
        <ul>
            <li>Начинающих</li>
            <li>Среднячков</li>
            <li>Опытных</li>
        </ul>
        <hr>
    <h2>Название книги2</h2>
    <p>
    Текст про книгу2
    </p>
    <p>Преимущество єтой книги:</p>
    <ol><li>Она читаеться на одном дыхании</li><li>Она дешевле 1</li></ol>
    <h3>
    Содержание книги:
    </h3>
        <ul>
            <li>1. Как создать чистый код
            <ul>
                <li>1.1 Правильно называем переменные</li>
                <li>1.2 Правильно называем функции</li>
            </ul>
            </li>
            <li>2. Как делать из плохого кода хороший<li>
        </ul>
    </body>
</html>

ivashkevich 14.08.2020 в 11:55

Отлично!

[email protected] 25.08.2020 в 22:11

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="одни очки для разных расстояний">
        <meta name="keywords" content="оптика, очки, зрение, прогрессивные, линзы, оправы">
        <title>Прогрессивные линзы - Оптика</title>
    </head>
    <body>
    <h1>Прогрессивные линзы</h1>
    <img src="img/паскуда.jpeg" alt="Мой бывший начальник" width="600" height="600">
    <p>
        Для людей пресбиопического возраста необходимо двое очков. 
        Но прогрессивные линзы могут заменить их. Приходите к нам и убедитесь в этом!
        </p>
        <br>
        <p>
        Еще какая-то лабуда про пресбиопию.
        <p/>
        <h2>Преимущества прогрессивных линз</h2>
        <p>
        текст
        </p>
        <p>
        <strong>Вы выбираете <em>прогрессивные линзы</em> по нескольким причинам:</strong>
        </p>
        <ul>
        <li>Это замена 2-3 парам очков</li>
        <li>Комфортный переход между зонами ввидения</li>
        <li>Ээстетика</li>
        </ul>
        <h3>Почему так дорого?</h3>
<p>
текст
</p>        
    </body>
</html>

ivashkevich 27.08.2020 в 08:36

Отлично!

[email protected] 28.08.2020 в 13:58

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Теория всего.</title>
    <meta name="description" content="ОТ сингулярности до бесконечности:происхождение и судьба вселенной">
    <meta name="keywords" content="всленная, черные дыры.зарождение">
</head>
<body>
    <div class="content">
        <h1>Теория всего.</h1>
        <p>В этой <strong>серии лекций </strong>я постараюсь в общих чертах рассказать о наших представлениях об истории Вселенной от Большого взрыва до образования черных дыр.</p>
        <p><ul>Первая лекция</ul> посвящена <li>краткому обзору</li> идей о строении Вселенной, <li>которых придерживались</li> в прошлом, и рассказу о том, как была построена современная картина мира. Эту часть можно назвать историей развития представлений об истории Вселенной.
        <ol>

                <li>Во второй лекции я опишу, <strong>как теории гравитации Ньютона и Эйнштейна</strong> привели к пониманию того, что Вселенная не может быть неизменной – она должна либо расширяться, либо сжиматься.</li>
                <li>Из этого, в свою очередь, следует вывод, что в какое-то время в интервале от 10 до 20 млрд лет назад плотность Вселенной была бесконечной.</li> 
                <li>Эта точка на оси времени называется Большим взрывом. </li> 
                <li>По-видимому, <em>этот момент и был началом существования</em> Вселенной</li>
                <img src="https://sun9-27.userapi.com/FbiINVktRe8RbpBttfGoO_reto-U9P4FYcJWVA/e3nQbdgyrp8.jpg" style="width: 574px; height: 450px; margin-top: 0px;">

        </ol>
        <hr>
        <ul>Во второй лекции я опишу, как теории гравитации Ньютона и Эйнштейна привели к пониманию того,<li>что Вселенная не может быть неизменной </li> – она должна либо расширяться, <li>либо сжиматься.</li>  Из этого, в свою очередь, следует вывод, что в какое-то время</ul>
    </div>
    <style type="text/css">
        .content {
            width: 500px;

</body>
</html>

ivashkevich 29.08.2020 в 18:05

Теги li должны располагаться внутри тега ul.
Списки нельзя размещать внутри тега p.
Тег style должен располагаться внутри head. Тег style не закрыт - грубая ошибка.

[email protected] 30.08.2020 в 09:42

<!DOCTYPE html>
<html>
       <head>
         <title> Сайт по продаже воздушных шаров </title> 
         <meta charset="UTF-8">
         <meta name="description" content="Хочешь обрадовать любимую купи шары которые её удивят">
         <meta name="keywords" content="шары, подарок, воздушные шары">

       </head>
       <body>
       <p>
       <h1> 
           Шар "маленький"
        </h1>
        <ul>
        <li> зеленый </li>
        <li> красный </li>
        <li> синий </li>
        </ul>
        <h1> 
           <strong> Шар "большой" </strong>
           <img src="https://get.pxhere.com/photo/balloon-hot-air-balloon-adventure-aircraft-transportation-vehicle-colorful-toy-new-mexico-festival-ballooning-hot-air-ballooning-atmosphere-of-earth-executive-car-624038.jpg" alt="Пример большого шара" width="250">
        </h1>

        </p>

       </body>

</html>

ivashkevich 31.08.2020 в 08:24

На странице должен быть только один тег h1, перечитайте урок.

Thenona 30.08.2020 в 17:20

<!Document html>
<html>
<head>
<meta charset="UTF-8">
<title>Обучение английскому с нуля</title>
<meta name="keywords" content="книги по английскому">
<meta name="description" content="Книги для начинающих студентов">
</head>
<body>
<img scr="https://englex.ru/wp-content/uploads/how-to-learn-english-by-films-and-tv-series-1.png"width="200" >
<h1> Введение в обучение</h1>
<p>Зачем знать английский и как его учить</p>
<ol>
    <li>для себя</li>
    <li>для работы</li>
    <li>для путешествий</li>
</ol>
<h2>Приемы и техники для быстрого изучения</h2>
<p>Метод карточек и построение пирамид фантазий</p>
Эти приемы помогают построить цепочку из новых слов <br> для облегчения <strong>запоминания слов</strong>
<h3>Интернет как помощник и главный источник знаний</h3>
<p>Как правильно фильтровать информацию в интернете</p>
<em>При огромном количестве сайтов надо быть внимательным к содержанию контента</em>
<h4>Способы контроля студентов</h4>
<hr>
<ul>
    <li>тесты</li>
    <ul>
        <li>1.1.Чтение и перевод</li>
        <li>1.2.Выписывание новых слов</li>
        <li>1.3.Обсуждение новых тем</li>
    </ul>
    <li>контрольные работы</li>
    <li>экзамены</li>
</ul>
</body>
</html>

ivashkevich 31.08.2020 в 08:27

Та же ошибка

[email protected] 05.09.2020 в 15:14

Здравствуйте, не совсем поняла как нужно вставить картинку? папку <img> создала, картинку сохранила, как вставить ее в код?

<!DOCTYPE html>
<html lang="ru">
<head>
      <meta charset="UTF-8">
      <title>Программа по скорочтению для дошкольников</title>
      <meta name="keywords" content="литература, обучение, программа по скорочтению">
      <meta name="description" content="На этой странице вы сможете скачать программу по скорочтению для своего ребенка.">
</head>
<body>
       <h1> Как научить своего ребенка читать быстро? </h1>
       <p> C помощью нашей программы, вы <strong> без проблем научите </strong> читать своего ребенка
       <!-- тут текст -->
       <hr>
       <h2> Какие проблемы могут возникнуть при изучении программы? </h2>
       <p> Совершенно без исключения, родители сталкиваются с теми или иными проблемами в изучении программы, давайте рассмотрим несколько из них.</p>
       <ul>
         <li> ребенок слишком мал </li>
         <li> плохо знает буквы и слога </li>
        </ul>
       <h3> Как справиться с возникшими трудностями.</h3>
       <p> Ничего страшного в том что возникли проблемы с изучением скорочтения. <em>Каждый </em> ребенок индивидуален, нужно набраться терпения и постараться максимально помочь своему чаду </p>
       <img> src=" ?" alt= " книга по скорочтению" width="200">

</body>
</html>

ivashkevich 06.09.2020 в 14:36

<img src="имя_картинки" ...

[email protected] 08.09.2020 в 14:09

Что не так? никак не появляется картинка, я понимаю что совсем ничего не понимаю) извините за такие вопросы

<!DOCTYPE html>
<html lang="ru">
<head>
      <meta charset="UTF-8">
      <title>Программа по скорочтению для дошкольников</title>
      <meta name="keywords" content="литература, обучение, программа по скорочтению">
      <meta name="description" content="На этой странице вы сможете скачать программу по скорочтению для своего ребенка.">
</head>
<body>
       <h1> Как научить своего ребенка читать быстро? </h1>
       <p> C помощью нашей программы, вы <strong> без проблем научите </strong> читать своего ребенка
       <!-- тут текст -->
       <hr>
       <h2> Какие проблемы могут возникнуть при изучении программы? </h2>
       <p> Совершенно без исключения, родители сталкиваются с теми или иными проблемами в изучении программы, давайте рассмотрим несколько из них.</p>
       <ul>
         <li> ребенок слишком мал </li>
         <li> плохо знает буквы и слога </li>
        </ul>
       <h3> Как справиться с возникшими трудностями.</h3>
       <p> Ничего страшного в том что возникли проблемы с изучением скорочтения. <em>Каждый </em> ребенок индивидуален, нужно набраться терпения и постараться максимально помочь своему чаду </p>
       <img> src="img/книга.jpg" alt="книга по скорочтению" width="200" height="200">
       <a href= "index3.html"> Программа по скорочтению! </a>
</body>
</html>

ivashkevich 08.09.2020 в 18:43

Так зачем вы после слова img тут же закрыли тег?

[email protected] 09.09.2020 в 14:47

Собственная невнимательность.....

<!DOCTYPE html>
<html lang="ru">
<head>
      <meta charset="UTF-8">
      <title>Программа по скорочтению для дошкольников</title>
      <meta name="keywords" content="литература, обучение, программа по скорочтению">
      <meta name="description" content="На этой странице вы сможете скачать программу по скорочтению для своего ребенка.">
</head>
<body>
       <h1> Как научить своего ребенка читать быстро? </h1>
       <p class="myClass"> C помощью нашей программы, вы <strong> без проблем научите </strong> читать своего ребенка
       <!-- тут текст -->
       <hr>
       <h2> Какие проблемы могут возникнуть при изучении программы? </h2>
       <p> Совершенно без исключения, родители сталкиваются с теми или иными проблемами в изучении программы, давайте рассмотрим несколько из них.</p>
       <ul class="myClass" >
         <li> ребенок слишком мал </li>
         <li> плохо знает буквы и слога </li>
        </ul>
       <h3> Как справиться с возникшими трудностями.</h3>
       <p> Ничего страшного в том что возникли проблемы с изучением скорочтения. <em>Каждый </em> ребенок индивидуален, нужно набраться терпения и постараться максимально помочь своему чаду </p>
       <img src="img/книга.jpg" alt="книга по скорочтению" width="200" height="200">
       <a href= "index3.html"> Программа по скорочтению! </a>
</body>
</html>

ivashkevich 10.09.2020 в 08:37

Отлично!

Egor.Ka 09.09.2020 в 17:51

<!DOCTYPE html>
<html>
    <head>

        <meta charset="utf-8">
        <meta name="keywords" content="Андройд, Эпл, быстрые, емкие >
        <meta name="description" content="Быстрые и емкие обзоры смартфонов продукции Android и Apple">
        <title>Обзор смартфонов: AndrApple.com </title>

    </head>

    <body>
        <h1> Зесь вы найдете емкие и качественные обзоры на смартфоны продукции Android и Apple </h1>

                <h2>Раздел Android</h2>
                <img src="img/img1.jpg" alt="логотип Android" width="200" height="100">
            <br>
                <p>
                    Что-то про Android
                </p>

                    Преимущества <strong>Android</strong>:

                    <ul>
                        <li>Кастомизация</li>
                        <li>Интеграция с Google</li>
                        <li>Возможность расширения памяти</li>
                        <li>Доступность</li>
                    </ul>

                <hr>

                <h2>Раздел Apple</h2>
                <img src="img/img2.jpg" alt="Логотип Apple" width="150" height="100">
            <br>

                <p>
                    Что-то про Apple
                </p>
                        Преимущества <em>Apple</em>:

                    <ol>
                        <li>Безупречное качество</li>
                        <li>Преимущества ПО</li>
                        <li>Оптимизация ОС</li>
                        <li>Экосистема</li>
                    </ol>

    </body> 

</html>

ivashkevich 10.09.2020 в 08:42

Преимущества <strong>Android</strong>:

Должно быть в абзаце.

Преимущества <em>Apple</em>:

И это тоже. Либо сделать их h3-тегами. В общем контент не должен быть "сам по себе", должна быть привязка к какой-либо семантике.

Egor.Ka 10.09.2020 в 09:02

<!DOCTYPE html>
<html>
    <head>

        <meta charset="utf-8">
        <meta name="keywords" content="Андройд, Эпл, быстрые, емкие" >
        <meta name="description" content="Быстрые и емкие обзоры смартфонов продукции Android и Apple">
        <title>Обзор смартфонов: AndrApple.com </title>

    </head>

    <body>
        <h1> Зесь вы найдете емкие и качественные обзоры на смартфоны продукции Android и Apple </h1>

                <h2>Раздел Android</h2>
                <img src="img/img1.jpg" alt="логотип Android" width="200" height="100">
            <br>
                <p>
                    Что-то про Android
                </p>

                    <h3>Преимущества <strong>Android</strong>:</h3>

                    <ul>
                        <li>Кастомизация</li>
                        <li>Интеграция с Google</li>
                        <li>Возможность расширения памяти</li>
                        <li>Доступность</li>
                    </ul>

                <hr>

                <h2>Раздел Apple</h2>
                <img src="img/img2.jpg" alt="Логотип Apple" width="150" height="100">
            <br>

                <p>
                    Что-то про Apple
                </p>
                    <h3>Преимущества <em>Apple</em>:</h3>

                    <ol>
                        <li>Безупречное качество</li>
                        <li>Преимущества ПО</li>
                        <li>Оптимизация ОС</li>
                        <li>Экосистема</li>
                    </ol>

    </body> 

</html>

Понял, сделал

ivashkevich 10.09.2020 в 09:05

Отлично

Kane 30.09.2020 в 10:59

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"><!--кодировка сайта--->
    <title>Отдых в Крыму</title><!--Заголовок сайта-->
    <meta name="keywords" content="Крым,история Крыма, отдых в Крыму, города Крыма.">
    <meta name="description" content="На этой странице вы сможете познакомиться с Крымом и его достопримечательностями.">
</head>
<body>
    <h1>История полуострова Крым</h1>
<p>1.Доисторический период</p> 
   <ol>
       <li>Палеолит и мезолит</li>
       <li>Неолит и энеолит</li>
       <li><strong>Бронзовый</strong> и ранний железный век</li>   
   </ol>  

<p>2.Античность</p>
  <ul>
      <li>Греческие колонии-полисы и позднескифское государство</li>
      <li>Римский протекторат</li>
      <li>Поздняя античность в Крыму</li> 
  </ul>    

<p>3.<em>Средневековье</em></p>

<p>4.Крымское ханство и Османская империя</p>

<p>5.XVIII век, русско-турецкие войны</p>

<h2>достопримечательности Крыма</h2>

<h2>Фотографии Крыма</h2>
<img src="Крымский_мост.jpg" alt="Крымский_мост" width="700">

</body>
</html>

ivashkevich 01.10.2020 в 19:00

<h1>История полуострова Крым</h1>

В качестве заголовка h1 стоит использовать то, о чем статья. На странице история - это только первая часть, которую стоит оформить тегом h2. В h1 больше подошло бы "Всё об отдыхе в Крыму", например.

<p>1.Доисторический период</p>

тут соответственно использовать тег h3

[email protected] 12.10.2020 в 16:27

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Книги для программистов</title>
    <meta name="keywords" content="книги, программирование, литература, обучение, разработка">
    <meta name="description" content="На этой странице вы сможете познакомиться с лучшими книгами по программированию.">
</head>
<body>
    <h1>Книга для програмистов</h1>
    <h2>Совершенный код</h2>
    <img src="совершенный код.jpg" alt="Обложка книги совершенный код" width="200">
<p>Более 10 лет первое издание этой книгт считалось одним из лучших практических руководств по програмированию <br>
Сейчас эта книга <em>полностью</em> обновлена с учетехнологий <br>
и дополнена <strong>сотнями новых примеров</strong>, иллюстрирующих искуство и науку программирования.
<br>
Книга подойдет для:
</br>
    <ul>
        <li>начинающих </li>
        <li> середничков</li>
        <li> опытных</li>
</ul>
<hr>
<h2>Книга для разведчиков</h2>
<img src="img\разведчик.jpg" width="300" height="170">

<p>Текст про книгу 2</p>
<br>Приимущества этой книги:</br>

    <ol>
        <li>
        она читается на одном дыхании
        </li>
        <li>
        она дешевле первой
        </li>
    </ol>
    <h3>Содержание книги:</h3>
    <ul>
        <li>1.Как создавать чистый код</li>
            <ul>
                <li>
                1.1 Правильно называем переменные
                </li>
                <li>
                1.2. Правильно называем функции
                </li>
            </ul>
        <li>2.Как делать из плохого кода хороший</li
    </ul>
    <h4>I раздел книги:</h4>
        <ol>
            <li><strong>Введение</strong></li>
            <li><strong>Кульминация</strong></li>
            <li><em>Развязка</li>
            <li>Заключение</em></li>
        </ol>
    <h5>II раздел книги:</h5>
</body>
</html>

ivashkevich 15.10.2020 в 12:19

ОК

[email protected] 12.10.2020 в 16:28

Огромное Вам спасибо, очень затягивает)))

ivashkevich 15.10.2020 в 12:20

Пожалуйста)

Darial 13.10.2020 в 13:48

Вопрос: почему нельзя два раза h1 ставит, если допустом я хочу чтобы был еще один заголовок такого же размера?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="цветы, деревья, кустарники, происхождение, садоводство, выращивание">
        <meta name="description" content="Здесь Вы найдете информацию о разных видах растений, краткую историю их происхождения а также советы по их выращиванию.">
        <title>Яблоко от яблони - Виды растений, их история, садоводство</title>
    </head>
    <body>
    <img src="img/apple.jpg" alt="apple tree" width="200" height="130">
    <h1>Мир растений</h1>
    <p>
        Для всех тех, кто кроме котиков и собачек обожает или даже предпочитает мир "неподвижных питомцев", тоесть <strong>растений</strong>, мы создали наш сайт. Тут собрана информация о разновидностях растений, их "привычках", <em>история происхождения</em>, а также все самые главные секреты по их ухаживанью.
        </p>
        <ol>
        <li>кустарники</li>
        <ul>
        <li>смородина</li>
        <li>малина</li>
        </ul>
        <li>деревья</li>
        <li>цветы</li>
        </ol>
        <hr>
        <h2>История растений</h2>
    </body>
</html>

ivashkevich 15.10.2020 в 12:25

h1 - это название страницы. Будет странно, если этих названий будет несколько. Размером заголовков стоит управлять с помощью CSS, смотрите следующие уроки.

Darial 15.10.2020 в 14:06

Понятно, спасибо большое!

controller747 07.11.2020 в 14:35

Добрый день, ниже код ДЗ, правильно ли всё или нужны какие-то правки?

<!DOCTYPE html>
<html>
<head>
        <title>Автотема - блог об автомобилях и всё что с ними связано</title>
    <meta charset="UTF-8">
    <meta name="description" content="Все самое интересное о новинках автопрома и развитии автомобильной индустрии">
    <meta name="keywords" content="Автомобили, автотема, машины, автомобильные новости, автопром">
</head>
<body>
<h1> Истории образования автоконцернов </h1>
<p>
Автомобильная марка <strong> Ford </strong>
<img src="img/Ford.jpg" width="250" height="200">
    <ul>
      <li> <em>Bronco</em> </li>
      <li> <em>Mustang</em> </li>
      <li> <em>Focus</em> </li>
    </ul>
</p>
<br>
<p>
Автомобильная марка <strong>Audi</strong>
<img src="img/Audi.gif" width="250" height="200">
    <ul>
      <li> <em>Audi 100</em> </li>
      <li> <em>Audi 80</em> </li>
      <li> <em>Audi A4</em> </li>
    </ul>
</p>
<br>
<p>
Автомобильная марка <strong>BMW</strong>
<img src="img/BMW.jpg" width="250" height="180">
    <ul>
      <li> <em>BMW 3 Series</em> </li>
      <li> <em>BMW 5 Series</em> </li>
      <li> <em>BMW 7 Series</em> </li>
    </ul>
</p>
</body>
</html>

ivashkevich 08.11.2020 в 15:27

Всё отлично, только списке не помещаются внутри абзацев <p>, их нужно располагать с ними на одном уровне:

<p>Сейчас будет список:</p>
<ul>

[email protected] 12.11.2020 в 00:45

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Программирование - Учимся создавать сайты</title>
        <meta name="description" content="программирование онлайн, обучение, тренинги, помощь">
        </head>
    <body>
    <h1>Hello, World</h1>
     <h2>  Добро пожаловать на сайт программистов</h2>
        <h3>Книги для программистов:</h3>
<h2>1. Совершенный код </h2>
 <p>
     Более 10 лет первое издание этой книги считалось одним из лучших практических руководств по программированию.<br> 
    Сейчас эта книга полностью обновлена с учетом современных тенденций и технологий<br>
    и дополнена <strong>сотнями новых примеров</strong>, иллюстрирующих искусство и науку программирования.
    <br>
</p>
 <p>
    Книга подойдёт для:
 </p>
<ul>
    <li>Начинающих</li>
    <li>Середнячков</li>
    <li>Опытных</li>
</ul>
<h2>2. Hello, World!</h2>
<img src="img/one.jpg" alt="Hello, world" width="200" height="100">
<p>
    Текст про книгу 2
</p>
 <p>
    Преимущества этой книги:
</p>
<ol>
    <li>она читается на одном дыхании</li>
    <li>она дешевле первой</li>
</ol>
 <h3>Содержание книги</h3>
<ul>
  <li>1. Как создавать чистый код
    <ul>
      <li>1.1 Правильно называем переменные</li>
      <li>1.2 Правильно называем функции</li>
    </ul>
  </li>
  <li>2. Как делать из плохого кода хороший</li>
</ul>
 </body>
</html>```

ivashkevich 13.11.2020 в 02:34

Всё ок, но проблема с форматированием. Нужно сделать отступы как в уроке

[email protected] 17.11.2020 в 21:33

<html>
    <head>
        <meta charset="utf-8">
        <title>Собаки - Sobachki.ru</title>
        <meta name="description" content="Информация о собаках.">
        <meta name="keywords" content="Собаки, Животные, Питомец">
    </head>
    <body>
     <h2>Собаки</h2>
     <img src="file:///C:/Users/Artem/Desktop/Screenshot_20201117_191322.jpg" alt="собака" width="200">
    <p>
    <h4>Соба́ка это <strong><em>домашнее животное</em></strong>, 
        одно из наиболее популярных животных-компаньонов. 
        Первоначально домашняя собака была выделена в
        отдельный биологический вид Линнеем в <strong><em>1758 году</em></strong>, 
        в <strong><em>1993</em></strong> году реклассифицирована Смитсоновским институтом
        и Американской ассоциацией териологов в подвид волка.</h4>
    </p>
    <br>
    <br>
    <h2>Породы собак</h2>
    <UL>
    <h4><LI>Немецкая овчарка</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/93253bf2f32bcf7c3589a7106d2f439a.jpg" alt="Овчарка" width="200">
    </UL>
    <p>
    <h4><strong><em>Немецкая овчарка</em></strong>  изначально использовалась в качестве <strong>пастушьей и служебно-розыскной собаки.</strong>
        Немецкая овчарка была получена в результате селекции и скрещивания некоторых разновидностей 
        гуртовых собак Центральной и Южной Германии. Различают гладкошёрстную и длинношёрстную разновидности.
        В наше время немецкие овчарки участвуют в выставках, а также используются для охраны,
        занятий кинологическими видами спорта, а также как собаки для семьи</h4>
    <hr>
    </p>
    <UL>
    <h4><LI>Сибирский хаски</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/загружено.jpg" alt="Хаски" width="200">
    </UL>
    <p>
    <h4><strong><em>Сибирский хаски</em></strong>, это 
        заводская специализированная порода собак, 
        выведенная чукчами северо-восточной части Сибири и зарегистрированная американскими
        кинологами в <strong><em>1930-х годах</em></strong> как ездовая собака, полученная от аборигенных собак Дальнего 
        Востока России, в основном из Анадыря, Колымы, Камчатки у местных оседлых приморских племён — юкагиров, 
        кереков, азиатских эскимосов и приморских чукчей — анкальын (приморские, поморы — от анкы (море))[2]. 
        Эта аборигенная ездовая собака Дальнего Востока является одной из древнейших пород собак. 
        В настоящее время выведенная порода «сибирский хаски» используется не только как ездовая,
        но и как собака-компаньон и шоу-выставочная собака.</h4>
    </p>
    <hr>
    <UL>
    <h4><LI>Лабрадор-ретривер</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/Labrador-article-cover.jpg" alt="Лабрадо́р-ретри́вер" width="200">
    </UL>
    <p>
    <h4><strong><em>Лабрадо́р-ретри́вер</em></strong> порода собак которая первоначально была выведена в качестве охотничьей подружейной собаки.
        Лабрадоры <strong><em>используются на охоте, в качестве собак-поводырей, собак-спасателей, но главным образом в роли 
        компаньонов.</em></strong> Порода берёт своё начало на острове Ньюфаундленд на восточном побережье Канады.</h4>
    </p>
    </body>
</html>

ivashkevich 19.11.2020 в 20:30

Прочитайте внимательнее про теги h1-h6 и исправьте ошибки

Ymnika 22.11.2020 в 21:22

Не могу увидеть свою картинку в браузере. Браузер не видит изображение, показывает значение атрибута alt. В чем ошибка?


<!DOCTYP html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="keyаwords" content="Уравнения, неравенства, производная, тригонометрия,проценты, степени и все, что нужно для сдачи ЕГЭ">
        <meta name="description" content="Качественная подготовка к ЕГЭ по математике.  Последовательно от простого к сложному. Теория на практике.  Подробный разбор решений с понятными пояснениями">
        <title>Математику сдам успешно</title>
    </head>
    <body>
    <h1>Уравнения </h1>
    <p>определение уравнения</p>    
    <h2>Равносильные уравнения</h2>
    <p>определение</p>
    <h2>Основные свойства уравнения</h2>
    <ul>
    <li>в любой части уравнения <strong>можно</strong> раскрыть скобки</li>
    <li>в любой части уравнения можно привести <em>подобные слагаемые</em></li>
    <li>можно переносить члены уравнения из одной части уравнения в другую, поменяв знак члена на противоположный </li>
    <li>можно делить и умножать члены уравнения на одно и то же число </li>
    <h2>Виды уравнений</h2>
    <ol>
    <li>линейные</li>
    <li>квадратные</li>
    <li>биквадратные</li>
    <li>иррациональные</li>
    <li>показательные</li>
    <li>логарифмические</li>
    <li>тригонометрические</li>
    <li>трансцендентные уравнения</li>
    </ol>
    <img src="img/cat.jpg" alt="познание"  height="170" width="170">
    <h2>определение</h2>

    </body> 
</html>

```Ошиблась в написании атрибута src - две последние буквы местами поменяла. Исправила. Теперь все работает.

ivashkevich 23.11.2020 в 17:43

Рядом с html-файлом лежит папка img? Файл точно так называется?

Ymnika 23.11.2020 в 20:21

В папке site с html-файлом лежит папка img, в которой лежит картинка с расширением jpg. Переименовывала папку на image, соответственно в коде меняла название папки. Пробовала задать путь так "site/imeg/котик.jpg".
Если путь до картинки прописан верно , то может быть в браузере отключено отображение картинок? Но в настройках браузера не могу найти найти опцию "отображение изображения" или что-то в этом роде.

ivashkevich 24.11.2020 в 10:13

Вряд ли. Попробуйте картинку назвать латиницей

Ymnika 26.11.2020 в 20:48

Ошиблась в написании атрибута src - две последние буквы местами поменяла. Исправила. Теперь все работает.

ivashkevich 29.11.2020 в 11:49

Отлично

[email protected] 01.12.2020 в 17:47

<!DOCTYPE html>
<html lang = "ru">
<head>
<meta charset = "UTF-8">
<meta name ="DESCRIPTION" content = "Тренировочный курс по CrossFit">
<meta name ="KEYWORDS" content = "кроссфит, функциональный тренинг, сила, скорость, выносливость, онлайн-тренинг, домашние тренировки">
<title> Блог о кроссфите - Crossfitrussia.ru</title>
</head>
<body>
<h1>Что такое CrossFit?</h1>
<img src="img/crossfit.jpg" alt="ебашат ребята" width="300">
<h2>Описание и цели</h2>
<p>
CrossFit - Это тренировки, направленные на улучшение таких качеств, как: сила, скорость, выносливость.
<p>
Кроссфит решает большинство задач в спортивных целях. Такие тренировки могут способствовать уменьшению жира в организме, наращиванию мышечной массы и улучшение сердечно-сосудистой системы.
</p>
<p>
Для кого подойдут такие тренировки?
</p>
<ul>
<li> Для начинаюших атлетов</li>
<li> Для среднячков</li>
<li> Для опытных</li>
</ul>
<p>
Какие минусы этих тренировок?
</p>
<ol>
<li>Желательно иметь минимальную подготовку. Хотя бы уметь подтягиваться и отжиматься на брусьях.</li>
<li>Не каждому понравятся кардио тренировки совмещенные с силовыми одновременно</li>
<hr>
<ol>
<h3>Как развивать силу,скорость,выносливость?</h3>
<ul>
<li><strong>1. Сила</strong>
<ul>
<li>1.1. Повторы <em>до 5 раз в подходе</em></li>
<li>1.2. Вес отягощение <em>от 80% от 1ПМ</em></li>
</ul>
</li>
<li><strong>2. Скорость</strong>
<ul>
<li>2.1. Повторы в упражнения <em>3-5 раз с максимальным взрывом</em></li>
<li>2.2. Вес отягощения <em>50-60% от 1 ПМ</em></li>
<li>2.3. Если беговые тренировки, то использовать спринты на взрыв <em>до 5 секунд</em></li>
</ul>
</li>
<li><strong>3. Выносливость</strong>
<ul>
<li>3.1. Повторы <em>от 15 раз</em></li>
<li>3.2. Вес отягощение <em>30-40% от 1 ПМ</em></li>
<li>3.3 Продолжительность тренировки <em>от 30 минут</em></li>
</ul>
</li>
</body>
</html>

ivashkevich 01.12.2020 в 19:39

Не хватает отступов - сложно читать

Ran-Degz 08.12.2020 в 18:03

Всё получилось)

[email protected] 10.12.2020 в 10:55

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8">        
        <title>Рецепт безумно вкусных сырников</title>
        <meta name = 'description' content = 'Рецепт сырников, который всегда получается. Простые вещи порой оказываются намного сложнее, чем кажутся. С сырниками та же история.'>
        <meta name = 'keywords' content = 'сырники, творог, вкусный, еда, завтрак, пп'

    </head>
    <body>
    <h1>Безумно вкусные сырники</h1>
        <p>Сырники, приготовленые по этому рецепту, получаются нежными и очень вкусными.</p>
        <h2>Ингредиенты:</h2>
        <ul>
        <li><b>500 грамм</b> творога</li>
        <li><b>2 ст.л.</b> сахара</li>
        <li><b>1 ч.л.</b> ванильного сахара</li>
        <li><b>щепотка</b> соли</li>
        <li><b>1</b> яйцо</li>
        <li><b>4 ст.л.</b> муки <em>(2 ст. л. в тесто, и 2 ст. л. для панировки)</em></li>
        </ul>
        <h3>Как приготовить</h3>
        <ol>
        <li>Итак берем творог, добавляем к нему обычный, а также ванильный сахар, и при помощи вилки начинаем смесь растирать.</li>
        <ul>
        <li>Затем добавляем яйцо, соль, муку.</li>
        <li>Хорошо перемешиваем, до получения однородной массы.</li>
        </ul>
        <li>Из полученного теста при помощи столовой ложки формируем небольшие шарики, придаем им более плоскую форму и панируем в муке.</li>
        <li>Разогреваем сковородку и наливаем растительное масло. Выкладываем тесто и жарим на среднем огне до золотистой корочки с обеих сторон.</li>
        <li>Все сырники готовы.</li>
        </ol>
        <img src = 'img.jpg' alt = 'вкусные сырники' width = '500' height = '450'>
    </body>
</html>

ivashkevich 13.12.2020 в 07:30

Почему атрибуты тегов в одинарных кавычках?

temkin405 24.12.2020 в 19:55

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Предлагаем вашему вниманию лучшие книги жанра постапокалипсис">
        <meta name="keywords" content="книги, постапокалипсис, мир после ядерной войны, зомби, зима, выживание">
        <title>Книги в жанре постапокалипсис</title>
    </head>
    <body>
     <h1>Книги жанра <strong>постапокалипсис</strong></h1>
       <ol>
         <li>Топ всех книг данного жанра</li>
           <ul>
           <p>
             <li>"Когда завидуют мертвым" автор Сурен Цормудян</li>
           <p>   
             <img src="img/когда завидуют мертвым.jpg" alt="обложка книги Когда завидуют мертвым">
               <p>
               Произведение достаточно большое, но читается <i>на одном дыхании</i>, <strong>невозможно оторваться</strong>, 
                <br>
              если вы поклонник данного жанра, то однозначно вам понравится
               </p>           
           </ul>     
         <li>Вторая по рейтингу</li>
           <ul>
            <p>
             <li>"Дорога" автор Кормак Маккарти</li>
            <p>
              <img src="img/дорога.jpg" alt="обложка книги Дорога">
           </ul>
       </ol>       
     <h2>Книги жанра <i>попаданцы</i></h2>
       <ul>
         <li>"Чужой мир" автор Кирилл Шарапов</li>
           <p>
              <img src="img/чужой мир.jpg" alt="обложка книги Чужой мир">
           <p>
         <li>"Исчадия техно" автор Артём Каменистый</li>
           <p>
              <img src="img/исчадия техно.jpg" alt="обложка книги Исчадия техно">
       </ul>     
     <h3>Книги про <i>зомби</i></h2>
       <ol>
         <li>"Я еду домой" автор Андрей Круз</li>
           <p>
              <img src="img/я еду домой.jpg" alt="обложка книги Я еду домой">
           <p>
         <li>"Ареал" автор Сергей Тармашев</li> 
           <p>
              <img src="img/ареал.jpg" alt="обложка книги Ареал">
       </ol>
     <h4>Помимо жанра постапокалипсис есть еще одна книга, о которой хотелось бы упомянуть</h4>
       <p>Сборник Алексеея Поворова "Черный Легион", которая состоит из 4х книг</p>
               <img src="img/империя.jpg" alt="обложка книги Империя">
         <table>
            <thead> 
             <tr>
              <th>Империя</th>
              <th>Тринадцатый</th>
              <th>Я убийца</th>
              <th>Апокалипсис</th>
             </tr>  
            </thead>
          <tbody>
             <tr>
              <td>Первая книга сборника, рассказывает о становлении героя, о его первом воплощении во времена древнего Рима</td>
              <td>Вторая книга сборника, действие происходит в современном обществе, когда главный герой пытается вспомнить кто он</td>
              <td>Третья книга сборника, всё повествование происходит в будущем, когда становится больше выраженна борьба добра со злом</td>
              <td>Четвертая книга сборника, последняя и самая решающая книга о судьбе героя</td>
    </body>
</html>

ivashkevich 24.12.2020 в 20:04

 <ul>
           <p>
             <li>"Когда завидуют мертвым" автор Сурен Цормудян</li>
           <p>   
             <img src="img/когда завидуют мертвым.jpg" alt="обложка книги Когда завидуют мертвым">
               <p>
               Произведение достаточно большое, но читается <i>на одном дыхании</i>, <strong>невозможно оторваться</strong>, 
                <br>
              если вы поклонник данного жанра, то однозначно вам понравится
               </p>           
           </ul>

Внутри списков абзацы нельзя применять. Можете вот здесь провалидировать - https://validator.w3.org/#validate_by_input

temkin405 25.12.2020 в 16:12

А как расстояние делать между строчками? я правильно понял, что между <ul> </ul> нельзя использовать <p>? да и вообще судя по валидатору, внутри <ul></ul> допускаются только <li>, <img> тоже нельзя, выдает за ошибку
Провалидировал и вот одна из ошибок: элемент ul не допускается в качестве дочернего элемента ol
Почему не допускается? в другом курсе, который я прохожу одновременно с этим, было одно из за заданий как раз таки ul сделать дочерним для ol
Спасибо за исправление
Надеюсь на помощь в данных вопросах

ivashkevich 26.12.2020 в 21:42

Вложенный список нужно помещать внутри тега li, это распространенная ошибка помещать его внутри ul или ol.

temkin405 27.12.2020 в 08:43

ок, попробую

ivashkevich 26.12.2020 в 21:43

Расстояние задаётся с помощью css, дальше по курсу будет

temkin405 27.12.2020 в 08:43

отлично, скоро доберусь до этого этапа

zarin 01.01.2021 в 13:47

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Как питаться правильно и не переедать">
    <meta name="keywords" content="еда, питание, график">
    <title>Здоровое питание</title>
</head>
<body>
<h1>Всё что вам нужно знать о здоровом питании</h1>
<img src="img/zdorovaya-eda-recepty1.jpg" alt="не робит картинка" width="640">
<h2>Рацион на день:</h2>
<!-- кратко опиши рацион -->
<ul>
    <li>
        <p>Завтрак</p>
    </li>
            <ol>
                <li><em>Первый завтрак</em>– овсяная каша и чашка горячего чая.</li>
                <li><em>Второй завтрак</em> – свежий фрукт, либо ягоды.</li>
            </ol>
    <li>
        <p>Обед</p>
    </li>
            <ol>
                <li><em>Обед</em> – борщ с мясными котлетами.</li>
                <li><em>Полдник</em> – стакан питьевого йогурта.</li>
            </ol>
    <li>
        <p>Ужин– плов и овощной салатик.</p>
    </li>
</ul>
<hr>
<h2>График питания:</h2>
<!-- строго определи время -->
<ul>
    <li>
        <strong>Утро</strong>
    </li>
        <ol>
            <li><em>8 часов</em> - мюсли</li>
            <li><em>9 часов</em> - йогурт</li>
        </ol>
    <li>
        <strong>Полдник</strong>
    </li>
        <ol>
            <li><em>4 часа</em> - яблоко</li>
            <li><em>5 часов</em> - груша или банан</li>
        </ol>
    <li>
        <strong>Ужин</strong>
    </li>
        <ol>
            <li><em>7 часов</em> - рыба</li>
            <li><em>9 часов</em> - кефир</li>
        </ol>
</ul>
<h3>Интересная информация о еде</h3>
<p>Жирная еда провоцирует ожирение и избыток веса. Нужно следить за рационом и количеством калорий. Это важно</p>
<p>Помимо фруктовых, овощных соков и различных видов чая, не забывайте пить много чистой питьевой воды <br>
    (около 2,5 литров), чтобы наладить обменные процессы организма и поддерживать водно-солевой баланс.</p>
<img src="img/b20b4312.jpg" alt="и снова не грузит" width="576" height="480">
</body>
</html>

ivashkevich 04.01.2021 в 06:56

Отлично

[email protected] 02.01.2021 в 16:05

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="тут краткое описание страницы, чтобы заманить посетителя">
<meta name="keywords" content="фильмы,развлечение,игры">
<title>My first site </title>

</head>

<body>
 <h1>Книги для программистов:</h1>
<ul>
<li>Python</li>
<li>Java</li>
<li>HTML and CSS</li> </ul> <hr>
 <img src="Python.jpg" alt="Python" width="230px" height="267px" style="float:right; position:relative;">
<h2>Python на примерах</h2> <p> Программирование на языке Питон — популярный вид написания кода, который широко используется для решения задач <strong>совершенно разного уровня</strong>. Софт, созданный на основе данного языка, применяется компаниями и частными лицами. По сравнению с другими языками, Питон достаточно <strong>лоялен и прост в освоении к новичкам.</strong> Можно работать прямо из браузера. Питон представляет собой <strong><em>востребованный язык</em></strong>, который используют ведущие компании, такие как<em><strong> Google</strong></em> и <em><strong>Pixar</strong></em>.
</p>
<h3>Книга "Python на примераха" подойдет для:</h3> 
<ul> <li>Новичков</li>
<li>Уже изучающих</li>
<li>Опытных</li>
<li>Преподавателей</li> </ul> 
   <hr>
<h3>Глава книги:</h3> 
<ol>
<li>Введение</li>
<li>Об авторе</li>
<li>Часть 1 
<ul> <li>Почему стоит изучать Python?</li>
<li>Устанавливаем Python</li>
<li>Небольшие проблемы с установкой</li>
 </ul> </li>
<li>Часть 2 
<ul> <li>Переменные и их типы</li>
<li>Условный оператор if-else</li>
<li>Сложные условия</li>
 </ul> 
<li>Часть 3 
<ul> <li>Списки и циклы</li>
<li>Первая программа</li> 
</ul> </li> </li>

</ol>

</body>
</html>

[email protected] 02.01.2021 в 16:32

Привет всем! Оцените мой сайт. Тут вопрос, когда я увеличу размер экрана с нажатием ctr+ или ctr- картинка теряет свою месту. Как быть такой ситуации?

ivashkevich 04.01.2021 в 07:08

Всё ок, но нужно добавить отступы для удобства чтения.

Alexandr92 02.01.2021 в 19:57

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="discription" content="Сайт для тех кто любит кошек, и хочет знать о них больше! Забавные моменты и интересные истории пронаших друзей младших.">
        <meta name="keywords" content="кошки, кот, кошка, домашние животные, юмор, истории"> 
        <title>Все о кошках, от А до Я.</title>  
    </head>
    <body>
    <h1>Каталог пород кошек</h1>
    <h2>Бенгальска кошка</h2>
    <img src="img/bengal.jpg" alt="Изображение бенгальской кошки" height="226" width="300">

    <p>
        Бенгальская порода кошек возникла в результате целенаправленного скрещивания <em> дикого азиатского кота </em> с домашней кошкой. 
    </p>
    Данная порода кошек подойдет для людей, кто:
    <ol>
    <li>хочет кошку лишенную агрессии;</li>
    <li>хочет умную, обучаемую кошкой;</li>
    <li>хочет кошку которая любит воду:
        <ul>
            <li>некоторые любят просто мыться в ванной;</li>
            <li>некоторые любят плавать.</li>
        </ul>
    </li>
    </ol>   
    <hr>
    <h2>Абиссинская кошка</h2>
    <img src="img/abes.jpg" alt="изображение абессинской кошки" height="227" width="300">
    <p>
        Абиссинская кошка – животное среднего размера <strong> с хорошо развитой мускулатурой </strong> и особой грацией, присущей только этой породе.
    </p>
    Данная порода кошек подойдет для людей, кто:
    <ul>
    <li>хочет уравновешенную, покладистую кошку;</li>
    <li>кто может уделят много времени и играть с кошкой;</li>
    <li>верную кошку (привязываются к хозяину).</li>
    <ul>    
    <!-- кошки обормошки -->
    </body>
</html>

ivashkevich 04.01.2021 в 07:12

Отлично

[email protected] 10.01.2021 в 20:24

<!DOCTYPE html>
<html lang="ru">
<head> 
        <meta charset="utf-8">
        <meta name="description" content="Блог о книгах. Со мной ты станешь читать больше!">
        <meta name="keywords" content="книги, захватывающие, фэнтези, фантастика, детектив, роман, интересные">
                <title>Обожаю фантастические книги</title>
</head>
<body>
        <h1>Предлагаю со мной окунуться в мир необычной литературы.</h1> 

                <p>Мне нравятся читать серии или циклы книг об одном персонаже или мире, 
                        в котором находится персонаж. По этому среди книг, которые я предлагаю, 
                        чаще будут встречаться серии книг от разных авторов.</p>

                <p><em>Некоторые миры не отпускают и после того, как закрываешь книгу.</em> </p>

        <h2>Итак, начну с последней серии книг, которая меня затянула: </h2>

                <ol>
                        <li><strong>Макс Фрай</strong> "Лабиринты Ехо":
                        <p><img src="img/seriya-knig-maks-fray-maksa-fraya.jpg" alt="Серия книг Макса Фрая" height="200" width="400"> </p></li>
                </ol>        
                                <ul>
                                        <li>Чужак</li>
                                        <li>Волонтёры вечности</li>
                                        <li>Простые волшебные вещи</li>
                                        <li>Темная сторона

                                        <p><em>Сейчас остановилась на этой книге. Персонажи все больше раскрываются и нет уже 
                                    ощущения сна от этого волшебного мира. Он реален. Дальше будет ...</em></p> </li>

                                        <li>Наваждения</li>
                                        <li>Власть несбывшегося</li>
                                        <li>Болтливый мертвец</li>
                                        <li>Лабиринт Мёнина</li>
                                </ul>
                <ol start="2">      
                        <li><p><strong>Александр Рудазов</strong> "Преданья старины глубокой":</p>
                        <p><img src="img/преданья.jpg" alt="Книга Рудазова" height="180"> </p></li>
                </ol>               
                                <ul>
                                        <li>Преданья старины глубокой</li>
                                        <li>Былины сего времени</li>
                                        <li>Конец сказки</li>
                                </ul>
                <ol start="3">      
                        <li><p><strong>Алексей Пехов</strong> "Страж":</p>
                        <p><img src="img/pexov.jpg" alt="Пехов серия Страж" width="130"></p></li>
                </ol>       
                                <ul>
                                        <li>Страж</li>
                                        <li>Аутодафе</li>
                                        <li>Золотые костры</li>
                                        <li>Проклятый горн</li>
                                </ul>
</body>
</html>

ivashkevich 11.01.2021 в 05:05

Некорректно размещать теги p внутри списков, а списки внутри абзацев. Можете провалидировать свою страничку вот здесь - https://validator.w3.org/nu/#textarea

[email protected] 12.01.2021 в 18:05

спасибо за ссылку на сайт для проверки кода, полезная вещь! все исправила, посмотрите, пожалуйста, еще раз.

ivashkevich 13.01.2021 в 05:52

Супер! Только отступы пляшут, по-хорошему надо выровнять

Bary 11.01.2021 в 21:23


<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta name="description" content="здесь вы можете узнать о моем обучении">
        <meta name="keywords" content="обучение,основы,понятия,программирование">
        <title>мое обучение shake</title>
    </head>
    <body>
    <h1>Основы html, теги и понятия </h1>
        Сделал первую страницу в данном курсе,сейчас начал второй урок!<br>
        теперь узнаю больше о тегах.<br>
        Начал третий урок этого курса,тема:основы оформления контента.Это очень важная часть всего обученения<br>
        <p>Сейчас буду узнавать новые теги, которые отвечают за оформления контента.</p>
        <em>курсив очень пригодится</em>

        <hr>
        <h2>первое впечатление</h2>
        <img src="ws.png" alt="label wedshake" height="200" width="200">
        <strong>PhpZone</strong> ваше обучение мне особено нравится из тех что я уже проходил.<br>
        Спасибо за обратную связь, это очень помогает.Опять же по сравнению с другими курсами которые я проходил.Просто делал не зная все ли правильно<br>
        Иду дальше!

    <hr>    

        <h3>сложности в процессе</h3>
        <ol>
        <li>Выбор текстового редактора 
        <li>Мало времени</li>
        </ol>

    <hr>    
        <h3>Хочу освоить</h3>
            <ul>
        <li>Языки програмирования</li>
        <ul>
        <li>1.1 JS
        <li>1.2 CSS</li>
        <li>1.3 Python</li>
        </ul>
        <li>web-дезайн</li>
        </ul>

    </body>
</html>

ivashkevich 13.01.2021 в 05:50

Отлично. Только отступы местами пляшут

[email protected] 20.01.2021 в 15:52

<!DOCTYPE html>
<html>
<head>
        <!-- Внешнее добавление стилей -->
        <!--<link href="style.css" rel="stylesheet">
        <script src="head_scripts.js"></script> -->

        <!-- Инлайновое добавление стилей -->
        <!--<style>
         тут классы и #id
        </style>-->
    <meta charset="UTF-8">
    <title>Хобби</title>
    <meta name="keywords" content="вышивка, программирование, литература, кулинария, хобби, фотографии">
    <meta name="description" content="Будет рассказываться о любимом хобби.">
</head>
<body>
        <h1>Мое хобби</h1>
        <img src="img/main.jpg" width="150" >
        <img src="img/main.jpg" height="100">
        <img src="img/main.jpg" width="150" height="100">
        <h2>Тут будет описание.</h2>
        <h3>История возникновения вышивки.</h3>
        <h4>История.</h4>
        <h5>Всего лишь.</h5>
        <h6>Рассказ.</h6>
        <p>Первобытные женщины использовали всё что было под рукой и что могло заменить иголку с ниткой. Иголки делали из дерева или же из рыбьих костей, а ниткой служили волокна растений, жилы животных, шерсть и даже волосы. Сначала они сшивали шкуры диких животных, которые использовали как одежду, а постепенно начали украшать их разными вышитыми узорами. Так и начало развиваться это рукоделие.</p>

        <p>Археологи нашли подтверждение тому, что вышивка была развита во всем мире. Находили одежду украшенную вышивкой в Древнем Китае, Египте, Индии, Греции. В Древней Руси все женщины хорошо вышивали. Уже с семилетнего возраста девушки готовили себе приданое, вышивая полотенца, скатерти и красивую одежду, по качеству которой перед свадьбой судили о трудолюбии невесты. Вышивкой также украшали иконы, скатерти, полотенца, головные уборы, обувь, конскую сбрую.</p>
        <!-- мой комментарий -->
        <br>
        Текст про хобби. Вязание, вышивка, кулинария.

        <!-- Инлайновое добавление скриптов -->
        <!--<script>
            JavaScript-код
        </script>-->

        <!-- Внешнее добавление скриптов -->
        <!--<script src="footer_scripts.js"></script>-->
</body>
</html>

ivashkevich 21.01.2021 в 06:16

Отлично

[email protected] 24.01.2021 в 20:05

Тег scr задаёт путь до картинки... Если нужно задать путь до фото нужно указывать путь до своей странице ВК или можно с компьютера загрузить?

ivashkevich 25.01.2021 в 19:37

И так и так можно

[email protected] 29.06.2021 в 13:57

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="верстка, сайт, html, веб - страница">
        <meta name="description" content="Заказать верстку сайта у лучшего верстальщика мира, по шаблону и учитывая все пожелания заказчика">
        <title>Верстка сайтов по макету</title>
    </head>
    <body>

    <h1>Верстка сайта</h1>

    <h2>Верстка сайта-визитки</h2>

    <p>Сайт <strong>Визитка</strong> - это одностраничный информационный сайт, который позволит <em>разместить в интернете</em> информацию о компании, ее телефон и адрес с картой проезда, подробности об услугах и ценах.</p>

    <p>Визитка быстро себя окупает, становясь одновременно:</p>

    <ul>
        <li>
            Местом ознакомления с услугами
        </li>
        <li>
            Информационной площадкой для новостей и акций компании
        </li>
        <li>
            Способом связи и общения с клиентами и партнёрами
        </li>
    </ul>

    <img src="img/визитка.jpg">

    <h2>Верстка лендинга</h2>

    <p><strong>Лендинг</strong> (или «посадочная страница») – это <em>одностраничный сайт</em>, предназначенный для проведения рекламной кампании на конкретный товар или услугу с уникальной (низкой) ценой и привлечения на сайт целевой аудитории.</p>

    <p>Что входит в лендинг-пейдж:</p>
    <ul>
        <li>
            Каждый блок лендинга призывает к целевому действию.
        </li>
        <li>
            Хороший лендинг помогает клиенту узнать о преимуществах вашей фирмы
        </li>
        <li>
            Убедительный текст всегда находит отклик у пользователя.
        </li>
    </ul>

    <img src="img/лендинг.jpg">

    </body>
</html>

ivashkevich 05.07.2021 в 08:36

Отлично

exkomjunikado 06.02.2022 в 13:11

Добрый день . Подскажите пожалуйста ,один вопрос меня никак не отпускает . Как после загрузки фото на страничку добавить описание так ,чтобы оно находилось рядом с фото а не с низу ?... Фото уменьшаю,увеличиваю и двигаю по сторонам без проблем но текст всегда снизу .Спасибо

Комментарии к публикации Основы оформления контента в HTML

Комментарии к публикации
Основы оформления контента в HTML