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

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

выполнено

bardikov1995@mail.ru 14 часов назад
<!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>
bardikov1995@mail.ru 14 часов назад

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

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

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