Новый комментарий

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

        <style>
        h1 {
            color: #ff0000;
        }

        p {
            color: white;
            font-size: 24px;
        }

        .list1 {
            color: #FFEE00;
            font-style: normal;
        }

        .list2 {
            color: #FFEE00;
            font-style: italic;
        }

        body {
            margin: 0 auto;
            text-align: center;
            background-color: #3366CC;
        }
        </style>

    </head>
    <body>

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

        <h2>Фантастика</h2>
            <p>Фантастика — жанр, объединяющий художественные произведения,<br>
            в которых повествуется о событиях, мирах и героях, нарушающих <br>
            границы реальности. Фантастика рассказывает о том, что находится<br>
            за гранью реальности, и строится на фантастическом допущении.
            </p>
            <ul class="list1">
                <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 class="list2">
                <li><em>Джон Р.Р. Толкин</em> <strong>"Властелин Колец"</strong><br>
                <a href="books/books1.html">[подробнее]</a> <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 21.04.2020 в 06:25

А зачем каждое свойство в отдельном теге <style>? Просто перечисляйте их одно за другим в рамках одного тега.

tamilagalaeva@mail.ru 15.05.2020 в 01:25
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Весь спектр услуг, квалифицированные мастера, оптимальнеы цены">
        <meta name="keywords" content="салон красоты, Ингушетия, Сунжа, лазерная эпиляция, маникюр, массаж">
        <title>Studio TG- студия красоты и здоровья Тамилы Галаевой </title>
        <style>
        body{ background-color: #F9F2E3;} 
        h1 {color: brown;
        padding: 50px;
        font-size: 50px;}
        h2 {color: red;
        }
        p {font-size: 25px;}
        .fig {
    text-align: center; /* Выравнивание по центру */ 
   }
        .myClass {font-size: 35px;
        }

                </style>
    </head>
    <body>
    <h1>Студия красоты и здоровья Тамилы Галаевой</h1>
    <p class="fig"><img src="img/studio.jpg" alt="Логотип студии" width="400">
        <p>
        В нашей студии вы сможете получить широкий спектр услуг, такие как парикмахерские услуги, 
        ногтевой сервис, косметология, 
        массаж, хиджама, лазерная эпиляция и многое другое.
    </p>
    <p>
        Наши специалисты систематически проходят повышения
        и всегда в курсе новейших методов и технологий, используемых в бьюти-сфере.
        </p>
        <p>
        Одной из первостепенных задач
        нашей студии это забота о вас и о вашем здоровье. Поэтому <strong>аспекту стерилизации и дезинфекции мы уделям особое внмание</strong>. Маникюрные и косметологические
        инструменты проходят все установленные этапы дезинфекции,ПСО и стерилизации. При клиенте вскрывается крафт-пакет с находящимся внутри индикаторм, по которму можно судить о 
        долженой выдержке времени и температуры воздействия на инструмент. 
        <em>Вы можете доверять нам. И мы вас не подведем.</em>
        </p>

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

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

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

    </body>
</html>
ivashkevich 15.05.2020 в 18:35

Отлично

vitaliyt20100@yandex.ru 01.06.2020 в 12:11
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8">
    <title>Стихи для души и на заказ</title>
    <meta name="description" content="Произведения автора, прием заказов на тексты
                                      песен и поздравлений">
    <meta name="keywords" content="стихи, тексты песен, авторская песня, лирика,
                                   стихи о любви">
<link rel="stylesheet" href="проба стилей.css">
  </head>
<body>
       <h1>Избранные стихи автора</h1>
          <p><strong>Любовная лирика</strong></p>
             <ul>
                <li>И это все о ней</li>
                <li>Я к вам пишу</li>
             </ul>
<a href="любовная лирика.html">пошли читать тексты</a>

          <p><em>Гражданская лирика</em></p>
             <ol>
                <li>Мужество</li>
                <li>Кандагар</li>
             </ol>

          <p>Шуточные стихи</p>
             <ol>
                <li>Оптимист</li>
                <li>Турецкие каникулы</li>
             </ol>

<h1>Прием заказов</h1>
           <p>Заказ поздравлений</p>
             <ol>
                <li>Поздравления на день рождения</li>
                <li>Поздравления молодоженам</li>
                <li>Поздравления по случаю развода</li>
             </ol>
           <p>Заказ текстов песен</p>
             <ul>
                <li>Песни-марши</li>
                <li>Песни лирические в ритме вальса</li>
                <li>Тексты под тему и фонограмму заказчика</li>
             </ul>
<h3>Вариант заставки сборника</h3>
            <img src="Водяные лилии.jpg" alt="Тут красивые цветуёчки в водичке" height="300" width="200"> 

</body>
</html>
ivashkevich 01.06.2020 в 16:33

А стили-то где?)

vitaliyt20100@yandex.ru 02.06.2020 в 00:56

Стили вынесены в файл проба стилей.css, в задании не сказано об оформлении стилей в исходном документе html.
Насчет именования файлов учту, к след. домашке будет исправлено.

ivashkevich 02.06.2020 в 11:15

Да дело в том, что домашка про стили, а содержимое файла со стилями не прикрепили.

ivashkevich 01.06.2020 в 16:33

И не стоит называть файлы на русском, да ещё и с пробелами

vitaliyt20100@yandex.ru 02.06.2020 в 01:10

Еще вопрос про отдаленные перспективы. Я уже писал вам, что у меня слабенький нетбучок Асер образца 2012 г. Но уверен, что как начнутся более сложные вещи. я банально встану. Не могли бы посоветовать, какой ноутбук (стационарную машину даже не рассматриваю) потребуется для решения задач средней сложности по фронтенду? Чтобы в дальнейшем его можно было использовать как движок своих сайтов? (о как загнул:))
Чуть биографии. Я старый человек и старый математик (бывший), дипломная работа была - разработка СУБД и языка запросов небольшой поисковой системы вместе с кодом, тогда я написал всё ПО на ассемблере:) Т.е. то, чем мы сейчас занимаемся, для меня не очень пугающее занятие.

ivashkevich 02.06.2020 в 11:14

Любой ноут, на котором 10я винда запускается без тормозов подойдёт. Оперативной памяти желательно от 8гб, фронтенд-разработка нынче дико прожорливая.

vitaliyt20100@yandex.ru 02.06.2020 в 23:57

Привет, Артем!
Разрешите еще чуть обнаглею:) В целях экономии буду подыскивать б/у ноут с такими характеристиками. Вдруг в вашем поле зрения такой обнаружится. Покупать б/у неизвестно у кого стрёмно, а мы как бы уже знакомы.

ivashkevich 03.06.2020 в 09:00

Ок) Но вообще есть конторы по продаже б/у ноутов, я бы в первую очередь там смотрел.

UtillitE Patron 16.06.2020 в 22:04
  <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title> Сад, огород и прочие премудрости...</title>
        <meta name="description" content="Всё, что вы хотели знать о уходе за садовыми деревьями, но стеснялись спросить">
        <meta name="keywords" content="садовые деревья, уход, защита от вредителей">
        <link rel="stylesheet" href="style.css">
        <style>

          h1, h2 {
          background-color: #c0c0c0;
          color: maroon;
         padding: 10px;
         } 
          body { 
          margin: 0; /* Убираем отступы */
         }
        .parent {
        margin: 10%; /* Отступы вокруг элемента */
        padding: 10px; /* Поля вокруг текста */
         } 
         .child {
         border: 3px solid #666; /* Параметры рамки */
         padding: 10px; /* Поля вокруг текста */
         margin: 10px; /* Отступы вокруг */
         } 
  </style>
    </head>
    <body>
       <div class="parent">
        <div class="child">
    <h1>Во саду, ли в огороде..</h1>
    <img src="img/s1200.jpg" alt="Овощи и фрукты" width="500" height="400">
    <p>
    <h2>Общая информация</h2>
</p>

        Все мы любим <strong>овощи и фрукты</strong> и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
        знают,<em> какой это нелёгкий, каждодневный труд.</em>
        <p>
    <h2>Садоводам</h2>
    <img src="img/orig.jpg" alt="Цветущий сад" width="500" height="400">
</p>
<ul>
    <li>Яблони, особенности ухода</li>
    <li>Груши, особенности ухода</li>
    <li>Косточковые, особенности ухода</li>
</ul>
<hr>
<p>
   <h2> Огородникам</h2>
</p>
<img src="img/i.jpg" alt="Овощи и фрукты" width="500" height="400">
<ol>
    <li>Томаты, перцы, баклажаны</li>
    <li>Огурцы</li>
    <li>Морковь, капуста, кабачки</li>
</ol>
<hr>
<a href="book1.html">[список используемой литературы]</a>
</div>
  </div>
    </body>
</html>
ivashkevich 17.06.2020 в 07:39
    <p>
    <h2>Общая информация</h2>
</p>

        Все мы любим <strong>овощи и фрукты</strong> и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
        знают,<em> какой это нелёгкий, каждодневный труд.</em>
        <p>
    <h2>Садоводам</h2>

Наоборот должно быть, текст абзацев внутри <p>, а заголовки сами по себе.

vdovkin1989@yandex.ru 30.08.2020 в 11:01
<!DOCTYPE html>
<html>
       <head>
         <title> Сайт по продаже воздушных шаров </title> 
         <meta charset="UTF-8">
         <meta name="description" content="Хочешь обрадовать любимую купи шары которые её удивят">
         <meta name="keywords" content="шары, подарок, воздушные шары">
         <style>
             h1,h2 {
             color: red;
             font-size: 40pt;
             }
             .myClass {
             color: #00FA9A;
             font-style: italic;
             }

         </style> 
       </head>
       <body>
       <p>
       <h1> 
           Шар "маленький"
        </h1>
        <ul>
        <li> зеленый </li>
        <li> красный </li>
        <li> синий </li>
        </ul>
        <a href=st1.html> ЦЕНЫ </a>
        <h2> 
           <strong> Шар "большой" </strong>

        </h2>
        <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">
        </p>
        <p class="myClass">
        Отличный выбор
        </p>

       </body>

</html>
ivashkevich 31.08.2020 в 08:26

Отлично

nastu_93@bk.ru 09.09.2020 в 15:46

Нельзя сказать что это очень легко,спасибо Вам

<!DOCTYPE html>
<html lang="ru">
<head>
      <meta charset="UTF-8">
      <title>Программа по скорочтению для дошкольников</title>
      <meta name="keywords" content="литература, обучение, программа по скорочтению">
      <meta name="description" content="На этой странице вы сможете скачать программу по скорочтению для своего ребенка.">
      <style>
        body{
    background-color: #00ffff;
   }
   .layer1 {
    font: 12pt sans-serif;  
   } 
   h1 {
    font: 200% serif;
   }

      </style>
</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:38

Отлично!

Darial 15.10.2020 в 14:02
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="цветы, деревья, кустарники, происхождение, садоводство, выращивание">
        <meta name="description" content="Здесь Вы найдете информацию о разных видах растений, краткую историю их происхождения а также советы по их выращиванию.">
        <title>Яблоко от яблони - Виды растений, их история, садоводство</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <img src="img/apple.jpg" alt="apple tree" width="200" height="130">
    <h1>Мир растений</h1>
    <p class="myClass">
        Для всех тех, кто кроме котиков и собачек обожает или даже предпочитает мир "неподвижных питомцев", тоесть <strong>растений</strong>, мы создали наш сайт. Тут собрана информация о разновидностях растений, их "привычках", <em>история происхождения</em>, а также все самые главные секреты по их ухаживанью.
        </p>
        <ol>
        <li>кустарники</li>
        <ul>
        <li>смородина</li>
        <li>малина</li>
        <a href="file:///C:/Users/Theodoros/Desktop/book1.html" target="_blank">История малины<a/>

        </ul>
        <li>деревья</li>
        <li>цветы</li>
        </ol>
        <hr>
        <h2>История растений</h2>
    </body>
</html>

style.scc

ol li {
    color:green;
}

ul li{
    color:red;
}

.myClass {
    font-style: italic;
}
ivashkevich 18.10.2020 в 15:15

Отлично

k_dusimova@mail.ru 28.10.2020 в 15:56
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Новый стиль музыки - поп-панк. Популярные группы, история происхождения нового жанра музыки">
        <meta name="keywords" content="панк, группы, музыка, поп-панк">
        <title>История происхождения панк-рока и поп-панка</title>
    <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <h1>История происхождения панк-рока и поп-панка</h1>
    <hr>
    <h2>Происхождение панк-рока</h3>
    <p>
    Сейчас все без исключения жители планеты Земля слушают различную музыку: от рэпа до поп-музыки, от классики до рока. Но мало кто действительно интересуется истоками и развитием любимого жанра. Давайте вместе окунемся в историю появления <strong>панк-рока</strong>. Он возник в начале 1960-х годов в США, а затем в Великобритании. Идеологией этого жанра является стремление создавать музыку, верховенствующее над умением досконально ее играть. Из-за этого многие панк-рок группы не прижились, они раздражали слух обычного человека. Вместе с тем есть небольшое количество групп, действительно достигших совершенства в этом жанре и являющихся признанными мастерами своего дела.

В начале <em>60-х</em> <strong>панк-рок</strong> называли гаражным, так как небольшие ансамбли репетировали свою музыку именно в гаражах. Больше им было негде это делать.

Этим песням по большей части свойственен простой, быстро запоминающийся аккомпанемент, тексты, указывающие на социологические проблемы людей, довольно быстрый темп и небольшая продолжительность.
</p>
<h2>Первые панк-рокеры</h3>
        <p class="myClass">
        Первыми поп-панками считаются первые панк-рокеры — 
        <a href="Ramones.html">Ramones</a>
        Для некоторых их, особенно ранних, композиций уже были характерны увеселительная направленность, отсутствие социальных проблем и общее позитивное настроение, так нехарактерное для появившихся на грани с 80-ми «мрачных» жанров панка (таких, как хардкор и Oi!).). Но первой полноценной поп-панк группой стали <em>Buzzcocks</em>, которые стали добиваться очень легкого саунда, по сравнению с брутальной и совершенно непривычной для неподготовленных слушателей аранжировкой и вокалом Ramones. В их саунде был гитарный напор, характерный для панк-рока, а также воздушные мелодии из поп-рока и бабблгам-попа 60-х годов. 
        <br>
        </br>
        <img src=https://sun9-12.userapi.com/c853520/v853520036/1b2190/DZVg1UFTKxc.jpg height="450">
        </p>
        <p>
        В середине-конце 1990-х поп-панк стал широко популярным среди таких групп:
        </p>
        <ul>        
        <li>Green Day</li> 
        <li>Offspring</li>
        <li>Blink-182</li>
        </ul>
        Этот жанр получил дальнейшую популяризацию благодаря <em>Warped Tour</em> и розничной сети <em>Hot Topic</em>.
    <h2>Происхождение нового жанра поп-панк</h3>
    <p id="firstParagraph">
        Одним из главных базовых поджанров панк-рока является именно <strong>поп-панк</strong>. Его характеризуют как смешанные принципы, здесь и инструментальная секция обычного панк-рока, и довольно мягкие поп-мелодии с приемами поп-музыки (и еще других «легких» жанров). Он появился, в принципе, почти вместе с панк-роком и переживал свое «новое рождение» и очень крупный (особенно для музыки из направления панк) коммерческий успех в <strong>1990-х годах</strong>. Поп-панк эволюционировал на протяжении всей своей истории, вбирая в себя элементы новой волны , студенческого рока , ска , рэпа , эмо и бойз-бэндов , и иногда его называют взаимозаменяемо с пауэр-попом и скейт-панком.
        </p>
        </body>
</html>
ivashkevich 28.10.2020 в 20:32

Отлично

monser2281337@gmail.com 18.11.2020 в 16:31

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Собаки - Sobachki.ru</title>
        <meta name="description" content="Информация о собаках.">
        <meta name="keywords" content="Собаки, Животные, Питомец">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <p class="myClass">
     <h1>Собаки</h1>
    </p>
     <img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/Screenshot_20201117_191322.jpg" alt="собака" width="200">
    <p>
        Соба́ка это <strong><em>домашнее животное</em></strong>, 
        одно из наиболее популярных животных-компаньонов. 
        Первоначально домашняя собака была выделена в
        отдельный биологический вид Линнеем в <strong><em>1758 году</em></strong>, 
        в <strong><em>1993</em></strong> году реклассифицирована Смитсоновским институтом
        и Американской ассоциацией териологов в подвид волка.
    </p>
    <p>
    <a href="dogs2.html">Топ 3 пород собак</a>
    </p>
    <p>
    <a href="dogs1.html">Список пород собак</a>
    </p>
    </body>
</html>

Dogs1.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Породы собак - Sobachki.ru</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <p class="myClass">
    <h1>Породы собак</h1>
    </p>
    <p>В настоящее время в мире насчитывается около <strong><em>500 пород</em></strong>,
    однако селекционная работа продолжается. 
    Большая ее часть основывается на метисизации уже существующих пород с целью совмещения в одной особи качеств нескольких пород. 
    Отбор может производиться как исключительно по внешним признакам («дизайнерские породы»), так и по рабочим качествам, 
    собо высоко ценимым в некоторых видах спорта (спортивные миксы). К новым «дизайнерским» породам принадлежит лабрадудль, 
    официально признанный в 2004 году в Австралии, где и был выведен этот селекционный тип из шести различных пород.
    Кинологические ассоциации Америки, Англии, Скандинавии и Австралии пользуются каждая своей классификацией, но во всех подходах к
    систематизации пород имеется смешение критериев хозяйственного применения собак и близости их по типу и происхождению, например, комнатно-декоративные 
    или подружейные собаки[86][87][88]. Во всём мире наиболее унифицирована система классификации собак Международной кинологической федерации (МКФ),
    которая изменяется время от времени, по решению Генеральной ассамблеи МКФ. В этой классификации кинологи пытаются найти баланс между историей 
    образования пород, особенностями их добавления и принципами использования.
    По состоянию на 2013 год, МКФ признаёт 339 пород собак, которые классифицируются в 10 групп.
    <strong><em>Данная классификация используется в Европе и России[88]:</em></strong>
    <p>
    <ul>
    <li>Пастушьи</li>
    <li>Сторожевые и охранные собаки</li>
    <li>Терьеры</li>
    <li>Таксы</li>
    <li>Лайки</li>
    <li>Шпицы</li>
    </ul>
    </p>
    <br>
    И другие примитивные породы:
    Гончие и собаки, работающие по кровяному следу;
    Собаки, работающие со стойкой (легавые);
    Собаки, поднимающие дичь, апортирующие её и работающие на воде (спаниели и ретриверы);
    Комнатно-декоративные собаки и собаки-компаньоны;
    Классификация пород Английского кеннел-клуба включает семь групп пород, 
    в том числе три группы охотничьих (борзые и гончие, подружейные, терьеры), 
    пастушьи, рабочие, утилитарные и комнатно-декоративные. 
    <strong><em>В классификации Американского клуба собаководства восемь групп:</em></strong> 
    <p>
    <ul>
    <li>спортивные</li>
    <li>охотничьи</li>
    <li>терьеры</li>
    <li>пастушьи</li>
    <li>рабочие</li>
    <li>неспортивные</li>
    <li>комнатно-декоративные</li>
    </ul>
    </p>
    <bg>
    <bg>
    <p>
    <a href="index.html">Изначальная страница</a>
    </p>
    <p>
    <a href="dogs2.html">Топ 3 пород собак</a>
    </p>
    </body>
</html>

Dogs2.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Топ 3 пород собак - Sobachki.ru</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <p class="myClass">
    <h1>Топ 3 пород собак</h1>
    </p>
    <UL>
    <h4><LI>Немецкая овчарка</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/93253bf2f32bcf7c3589a7106d2f439a.jpg" alt="Овчарка" width="200">
    </UL>
    <p>
    <strong><em>Немецкая овчарка</em></strong> изначально использовалась в качестве <strong>пастушьей и служебно-розыскной собаки.</strong>
        Немецкая овчарка была получена в результате селекции и скрещивания некоторых разновидностей 
        гуртовых собак Центральной и Южной Германии. Различают гладкошёрстную и длинношёрстную разновидности.
        В наше время немецкие овчарки участвуют в выставках, а также используются для охраны,
        занятий кинологическими видами спорта, а также как собаки для семьи
    <hr>
    </p>
    <UL>
    <h4><LI>Сибирский хаски</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/загружено.jpg" alt="Хаски" width="200">
    </UL>
    <p>
    <strong><em>Сибирский хаски</em></strong>, это 
        заводская специализированная порода собак, 
        выведенная чукчами северо-восточной части Сибири и зарегистрированная американскими
        кинологами в <strong><em>1930-х годах</em></strong> как ездовая собака, полученная от аборигенных собак Дальнего 
        Востока России, в основном из Анадыря, Колымы, Камчатки у местных оседлых приморских племён — юкагиров, 
        кереков, азиатских эскимосов и приморских чукчей — анкальын (приморские, поморы — от анкы (море))[2]. 
        Эта аборигенная ездовая собака Дальнего Востока является одной из древнейших пород собак. 
        В настоящее время выведенная порода «сибирский хаски» используется не только как ездовая,
        но и как собака-компаньон и шоу-выставочная собака.
    </p>
    <hr>
    <UL>
    <h4><LI>Лабрадор-ретривер</LI></h4>
    <img src="file:///C:/Users/Artem/Desktop/site/картинки%20для%20сайта/Labrador-article-cover.jpg" alt="Лабрадо́р-ретри́вер" width="200">
    </UL>
    <p>
    <strong><em>Лабрадо́р-ретри́вер</em></strong> порода собак которая первоначально была выведена в качестве охотничьей подружейной собаки.
        Лабрадоры <strong><em>используются на охоте, в качестве собак-поводырей, собак-спасателей, но главным образом в роли 
        компаньонов.</em></strong> Порода берёт своё начало на острове Ньюфаундленд на восточном побережье Канады.
        <p>
        <a href="dogs1.html">Список пород собак</a>
        </p>
        <p>
        <a href="index.html">Изначальная страница</a>
        </p>
    </body>
</html>

Style.css

        ul li {
            color: red;
        }

        ol li {
            color: blue;
        }

        .myClass {
            font-style: italic;
        }

        #firstParagraph {
            background-color: #dddddd;
        }
ivashkevich 19.11.2020 в 20:41

Нельзя помещать заголовки в абзацы. Классы нужно применить непосредственно к заголовкам.

Ran-Degz 08.12.2020 в 18:05

Отлично)

Alexandr92 02.01.2021 в 23:06
ul li {
    color:blue;
}
ol li {
    color: red;
}
.myClass {
    font-size: italic;
}
#forFirstText {
    background-color: dark gray;
}
.help {
    cursor: help;
}
.block {
    background-color: yellow;
    font-style: oblique;
    border: 1px solid black;
    width: 40%;
}
ivashkevich 04.01.2021 в 07:14

Отлично

ok.google.10@mail.ru 03.01.2021 в 09:13

Оцените как выглядит мой сайт.

ivashkevich 04.01.2021 в 07:15

Цветастенько)

mvlju977@gmail.com 03.01.2021 в 13:18

выполнено

Bary 16.01.2021 в 18:48
<!DOCTYPE html>
<html lang="ru">
<head>
        <meta charset="utf-8">
        <meta name="description" content="здесь вы можете узнать о моем обучении">
        <meta name="keywords" content="обучение,основы,понятия,программирование">
        <link rel="shortcut icon" href="htm5.jpg"/>
        <title>мое обучение shake</title>
        <link rel="stylesheet" href="style.css">
        <style>
        body {
          background-image: url(mlcss.jpg); 
          background-attachment: fixed; 
                 }

        h1 {
        color:#01DFD7;
        font-size:90px;
        }
        h3 {
        color:#FF0000;
        font-size:40px;
        }
        ol {
        font-size:25px;
        }
        .tekst {
        font-style: comic sans ms;
        font-size:18px;
        }
            img { 
        border: 5px solid #00a8e1;
        }
        </style>
</head>
<body>
<a href="webshake.html">о обученение</a>

        <h1>Основы html, теги и понятия </h1>
<a class="tekst">Сделал первую страницу в данном курсе,сейчас начал второй урок!<br>
        теперь узнаю больше о тегах.<br>
        Начал третий урок этого курса,тема:основы оформления контента.Это очень важная часть всего обученения<br>
        <p>Сейчас буду узнавать новые теги, которые отвечают за оформления контента.
        Урок номер...Вот и начались элементы CSS.Множество разных стилей текста,шрифта итд.Тут зависнуть можно надолго.<br>
        <p>По началу было просто,повторить за примером! Начал использовать разные цветовые вариации в этом мне помогла цветовая диаграмма HTMl<br>
        украсил свой текст разными цветами,а потом все удали))</p>
</a>
<hr>

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

<a href="https://webshake.ru/courses">Источник</a>

<hr>    

        <h3>сложности в процессе</h3>
        <ol>
        <li>Выбор текстового редактора 
        <li>Мало времени</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>
Bary 16.01.2021 в 18:50

Подскажите, как сюда присвоить класс ?

<strong>Webshake</strong> ваше обучение мне особенно нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает. Опять же по сравнению с другими курсами которые я проходил .Просто делал не зная все ли правильно<br>
Иду дальше!

ivashkevich 17.01.2021 в 12:35

Привет. В комментариях нельзя использовать HTML-теги) для оформления комментариев нужно использовать markdown-разметку с помощью кнопок над окном ввода комментариев.

Подскажите, как сюда присвоить класс ?

куда именно?

Bary 17.01.2021 в 13:01

Адз правильно выполнено? Выше комментарий)

ivashkevich 19.01.2021 в 19:03

По ДЗ всё ок)

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

        <!-- Инлайновое добавление стилей -->
<style>
        body{
        background-color: pink;
        } 
        h1 {
        color: brown;
        padding: 30px;
        font-size: 30px;
        }
        h2,h3,h4,h5,h6 {
        color: green;
        }
        p {
        text-align: justify;
        font-size: 25px;
        }
        #imgs {
        width: 300px;
        height: 200px;
        }
        .tex {
        text-align: center;
        }
        .textss {
        font-size: 12px;
        text-align: justify;
        }
        .texts {
        font-size: 26px;
        }

                </style>

    <meta charset="UTF-8">
    <title>Хобби</title>
    <meta name="keywords" content="вышивка, программирование, литература, кулинария, хобби, фотографии">
    <meta name="description" content="Будет рассказываться о любимом хобби.">
</head>
<body>
        <h1>Мое хобби</h1>

        <h2>Тут будет описание.</h2>
        <h3>История возникновения вышивки.</h3>
        <h4>История.</h4>
        <h5>Всего лишь.</h5>
        <h6>Рассказ.</h6>
        <p class="texts">Первобытные женщины использовали всё что было под рукой и что могло заменить иголку с ниткой. Иголки делали из дерева или же из рыбьих костей, а ниткой служили волокна растений, жилы животных, шерсть и даже волосы. Сначала они сшивали шкуры диких животных, которые использовали как одежду, а постепенно начали украшать их разными вышитыми узорами. Так и начало развиваться это рукоделие.</p>
        <p class="tex"><img src="img/main.jpg" id="imgs"></p>
        <p class="textss">Археологи нашли подтверждение тому, что вышивка была развита во всем мире. Находили одежду украшенную вышивкой в Древнем Китае, Египте, Индии, Греции. В Древней Руси все женщины хорошо вышивали. Уже с семилетнего возраста девушки готовили себе приданое, вышивая полотенца, скатерти и красивую одежду, по качеству которой перед свадьбой судили о трудолюбии невесты. Вышивкой также украшали иконы, скатерти, полотенца, головные уборы, обувь, конскую сбрую.</p>
        <!-- мой комментарий -->
        <br>
        Текст про хобби.
<ul>
<li>Вышивка</li>
<li>Вязание</li>
<li>Кулинария</li>
</ul>
Полезные ссылки:
<ul>
<li><a href="https://webshake.ru/html-training-course/24">Курсы</a></li>
<li><a href="https://ya.ru/" target="_blank">Ссылка на яндекс</a></li>
</ul>

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

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

Супер!

Silver 25.02.2021 в 16:09
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Сайт для фанатов игры Fortnite. Новости, события, обзоры.">
        <meta name="keywords" content="Fortnite, FortniteFan, игры, гейминг.">
        <title>FortniteFan - всё о мире Fortnite</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
    <h1>Привет, друзья!</h1>
        Это сайт для всех ценителей игры Fortnite. Здесь я буду рассказывать о прохождении игры, модах, стратегии и многом другом.
    <p class="myClass">
    Начнём с того, что вам нужно будет сделать, чтобы начать играть в Fortnite.
    </p>
    <hr>
    <h2>Установка игры</h2>
    <img src="img/Image1.png" alt="Изображение загрузки" height="100" class="myClass2">
    <p>
    Установка на PC:
    </p>
    <ul>
        <li>скачивание</li>
        <li>установка</li>
    </ul>
    <a href="book1.html">[системные требования]</a> 
    <p>
    Установка на Xbox:
    </p>
    <ul>
        <li>оформление подписки Xbox Live, Xbox Game Pass, Ultimate</li>
        <li>скачивание и установка</li>
    </ul>
    <p id="firstParagraph">
    <em>Преимущества подписки Ultimate:</em>
    </p>
    <img src="img/Ultimate1.jpg" alt="Изображение подписки" width="200" class="myClass2">
    <ol class="myClass">
        <li>включает в себя <strong>все</strong> подписки сразу</li>
        <li>огромный выбор игр в одной подписке</li>
    </ol>
    <hr>    
    </body>
</html>
ivashkevich 28.02.2021 в 06:14

Отлично

Silver 25.02.2021 в 16:11

Style.css

        h1, ul li { color: blue; }
        h2 { color: green; }
        ol li { color: red; }
        .myClass { font-style: italic; border: 4px solid green }
        .myClass2 { opacity: 0.7; }
        #firstParagraph { background-color: #dddddd; }
ivashkevich 28.02.2021 в 06:14

Лучше одним комментарием отправлять

jetsaus 01.03.2021 в 11:42
<!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>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<h1 class="mainHead">"Судьба программиста"</h1>
<h3 class="italicFont">Пролог</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 class="italicFont">Улыбка судьбы</h3>
<p>В 2005 году судьба улыбнулась мне - устроился работать сисадмином. Администрировал FreeBSD,
    Unix SCO, MS Exchage Server и MS Windows Active Directory. Это было настоящим подарком
    судьбы! Писал скрипты и всячески старался автоматизировать свою работу. Со временем достиг
    такого уровня автоматизации, что в отличии от своих коллег, выполнял свою работу,
    не вставая со стула &#128522;
</p>
<h3 class="italicFont">Разворот на 180&#176;</h3>
<p>В 2007 году предложили должность информационного безопасника. Большими плюсами
    были полная самостоятельность и повышение уровня дохода в 2,5 раза.<br>
    Предложение принял. За несколько лет вывел инфобез на должный уровень и...
    головной офис конторы прибрал бо&#x301;льшую часть самостоятельности в свои руки и опять
    мне наскучило с инфобезом!
</p>
<h3 class="italicFont">Обратно восвояси</h3>
<p>Решил вернуться в программирование, точнее в разработку программного обеспечения после
    22 лет практической работы в сфере информационной безопасности. Надоело инфобезничать!<br>
    Ведь мое базовое образование - <b><i>разработчик программного обеспечения!</i></b>
</p>
<h3 class="italicFont">Выбор сферы приложения и языка программирования</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 class="italicFont">Опять улыбнуло</h3>
<p>При поиске информации по какому-то вопросу в PHP наткнулся на статью (уже
    не помню о чем) с сайта.
    <a href="http://webshake.ru">WebShake</a>, собственно сам сайт и Артема Ивашкевича <br>
    Понравились свободный стиль обучения, что важно при моем плотном графике работы
    10-12 часов в сутки, текстовый стиль изложения материала и стоимость обучения &#128522;
</p>
<h3 class="italicFont">Жизнь среди слонов &#128521;</h3>
<p>В стародавние времена земля стояла на трех слонах, позже почему-то начала
    вращаться вокруг солнца, за что и сожгли заживо бедного Джорда&#x301;но Бруно&#x301;
    на очистительном костре святой инквизиции. А зря! Он оказался прав.
</p>
<p>Во времена моей срочной службы в рядах ВС СССР "духов" - молодых новобранцев, называли
    "слоны" потому, что они, зачастую, спали стоя на тумбочке дневального по роте. <br>
    Сам когда-то был слоником &#128521;
</p>
<p>Мой друг-товарищ по общаге ВУЗа Юрка Попов по кличке Элиф(от английского Elephant),
    имел 45 размер стопы ноги. Учитывая, что парень нормально и пропорционально развит,
    то размер его тела, особенно кулаков, был соответствующим и происхождение такой
    клички теперь наверное всем понятно. Хотя по темпераменту он сангвиник и вряд ли стал бы
    применять свои кулаки, но все равно было страшновато в глаза называть такого огромного
    слона слоником, поэтому звали его ласково - Элиф, и только "за глаза".
</p>
<p>Ну, и наконец, всеми нами любимый язык программирования <b>PHP</b> имеет логотип
    слона. Вот он: <br>
    <img src="img/elephant.jpg" alt="PHP" width="225" height="325">
</p>
<b><i><a href="php.html" target="_blank">Немного ресурсов о PHP</a></i></b>
<h3 class="italicFont">Эпилог</h3>
<p>В качестве эпилога хочу отметить, что в сети много пишут о том, что скоро PHP "умрет",
    станет не востребованным. Я в это не верю, язык растет и развивается! <br>
    Ведь называли же в свое время операционную систему Windows "must die", вроде как должна
    была умереть. Так она как Ленин В.И. во времена СССР "живее всех живых". <br>
    Живет, зараза, развивается, и глубоко сомневаюсь, что вам того же желает &#128531; <br>
</p>
</body>
</html>
ivashkevich 10.03.2021 в 08:08

Отлично

Логические задачи с собеседований