<!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>
Исправил
А зачем каждое свойство в отдельном теге <style>? Просто перечисляйте их одно за другим в рамках одного тега.
<!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>
Отлично
Исправил
А зачем каждое свойство в отдельном теге <style>? Просто перечисляйте их одно за другим в рамках одного тега.
Отлично