Этот урок набрал набрал достаточно большое количество
комментариев и дальнейшее его комментирование отключено.
Если вы хотели убедиться в правильности выполнения ДЗ или у вас возник вопрос по уроку,
посмотрите ранее добавленные комментарии, кликнув по кнопке ниже. Скорее всего вы найдете там то, что искали.
Если это не помогло - задайте вопрос в чате в телеграме - https://t.me/php_zone
<!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>
<h1>Гланая страница</h1>
<hr>
<h2>Minecraft просторы</h2>
<strong>Здраствуйте-Я придумал интересный сайт по майнкрафт где находится много чего например текстуры давайте разберём что это?</strong>
<hr>
<h3>Что такое текстуры?</h3>
<p>текстуры это очень важная часть <em>minecraft</em> например небудь текстур то игру врятли можно назвать было бы майнкрафтом ведь был бы просто </br>
черный экран текстуры имеют свой можно сказать разрешение например 32битные самое минимальные рарешение это 16бит это разширение вы можете скачать на нашем сайте
самоое высокое 164бит но не каждый компьютер потянет такое качество по обычному текстуры <em>Minecraft</em> стандартые имею 64бит разрешение вот вы и все поняли по
текстурам теперь давайте про моды!!!</p>
<hr>
<h3>что такое моды?</h3>
<p>моды это добавление в игру чегото нового например мод на огурцы он добавит огурцы на нашем сайте присутсвует много модов качайте и наслаждайтsaaaесь
игрой :) а ещё я вам расскажу про версии?</p>
<hr>
<h3>Что такое версии?</h3>
<p>версии это спец сборка файлов игры чем новея версия тем больше файлом или пофикшено файлом (такое тоже бывает) например самая сарая версия
0.0.1 имеет очень много фикшеных файлов из 0.0.1 удали файло в новой версии 1.14.0 больше середины и добавлено в 1000процентов больше
файлов бывает файлы влияют на выделяемую память для них например файл весит 3кб и выделяют от 26бита оп (приблизительно)</p>
<hr>
<h3>что есть на нашем сайте?</h3>
<strong>Скачать версии майнкрафт:</strong>
<ul>
<li>Текстуры</li>
<li>Моды</li>
<li>игровые клиенты(версии)</li>
<li>шейдеры</li>
<li>новейшие новости майнкрафт</li>
<a href="https://php.zone/html-training-course/24">помошник по зоздание сайта</a>
</ul>
</body>
</html>
<!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>
<h1>Шадрина Вероника</h1>
<h2>Контактная информация</h2>
<p>телефон</p>
<p>адрес</p>
<hr>
<h2>Мои навыки</h2>
<ul>
<li>языки программирования
<ul>
<li>HTML</li>
<li>PHP</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</li>
<li>программы
<ol>
<li>notepad++</li>
<li>Open Server</li>
<li>PhpStorm</li>
</ol>
</li>
</ul>
<h2>Мой опыт работы</h2>
<p>
Опыта в программировании <strong>совсем</strong> не имею.<br>
Но имею <em>огромное</em> желание во всем разобраться и приступить скорее к самому сложному проекту.
</p>
<hr>
<h2>Обо мне</h2>
<a href="https://vk.com/veronika_shadrina"></a>
<script src="scripts.js"></script><!--подключенные внешние скрипты. находятся в файле scripts.js-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Это заголовок тайтл</title>
</head>
<body>
<h1>Лорем ипсум и все такое</h1>
<p>
Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque <br>
vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut<br>
eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum<br>
sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur faucibus<br>
elit massa. Tincidunt et gravida Phasellus eget parturient faucibus tellus<br>
at justo sollicitudin. Mi nulla ut adipiscing.
</p>
<hr>
<p>
Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque <br>
vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut<br>
eleifend habitasse.
</p>
<p>
Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque <br>
vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut<br>
eleifend habitasse.
</p>
<a href="https://ya.ru/" target="_blank">Ссылка на яндекс</a>
</body>
</html>
<!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>
<!--дополнить информацию к первому шагу-->
<h2>Первый шаг</h2>
<p>В конце 2019 года я <em>твёрдо</em> решил <strong>сменить свою профессию</strong> инженера на веб-разработчика. И мой путь начался с регистрации на сайте <strong>PHP.Zone</strong></p>
<h2>Цели:</h2>
<ol>
<li>Пройти начальный курс "HTML для начинающих"</p></li>
<li>Пройти курс "PHP для начинающих"</li>
</ol>
<hr>
<h3>Отчёт первой цели по дням:</h3>
<ol>
<li>3 января 2020 года прошел:
<ul>
<li>Уровень 1. Введение и основы HTML</li>
<li>Уровень 2. Структура HTML-документа</li>
</ul>
</li>
<li>4 января 2020 года в процессе:
<ul>
<li>Уровень 3</li>
<li>Уровень 4</li>
</ul>
</li>
</ol>
<h2>Цитата дня на тему программирования: </h2>
<blockquote>Не бывает хороших языков, бывают хорошие программисты</blockquote>
<cite>Андерс Хейлсберг<sup>*1</sup></cite>
<p><sup>*1</sup>Андерс Хейлсберг - Датский инженер-программист. Создатель Turbo Pascal, Delphi, C# и TypeScript.</p>
<h2>Ссылки на ресурсы, которые мне помогают достигать своей цели:</h2>
<ol>
<li>Лучший ресурс по web разработке - <a href="https://php.zone">PHP.Zone</a></li>
<li>Найдется всё - <a href="https://google.com">Google</a></li>
</ol>
<script src="scripts.js"></script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link href="C:\Users\User\Desktop\Site\templated-woodworking\style.css" rel="stylesheet">
<meta charset="utf-8">
<meta name="keywords" content="автомобили, история, технические характеристики">
<meta name="Description" content="История автомобилий. Технические характеристики автомобилий. История создания автомобиля"/>
<title>АвтоОбзор - История</title>
</head>
<body>
<h1>История первого автомобиля</h1>
<p>
<h2> В 1806 году появились <em><b><a href="https://ru.wikipedia.org/wiki/%D0%98%D1%81%D1%82%D0%BE%D1%80%D0%B8%D1%8F_%D0%B0%D0%B2%D1%82%D0%BE%D0%BC%D0%BE%D0%B1%D0%B8%D0%BB%D1%8F">первые машины</a></b></em>, приводимые в движение <strong>двигателями внутреннего сгорания</strong> на англ. <i>fuel gas</i>, что привело к появлению в 1885 году повсеместно используемого сегодня газолинового или бензинового двигателя внутреннего сгорания.
</P>
Машины, работающие на электричестве на короткий срок появились в начале XX века, но почти полностью исчезли из поля зрения вплоть до начала XXI века, когда снова возникла заинтересованность в малотоксичном и экологически чистом транспорте.
<p>По существу, раннюю историю автомобиля можно разделить на этапы, различающиеся преобладающим способом самоходного движения. Поздние этапы определялись тенденциями в размере и стилистике внешнего вида, а также предпочтениями в целевом использовании.</p>
</h2>
<h3>Вот такой <em>небольшой</em> рассказ</h3>
<hr>
<blockquote><h2><b> Успешные люди вырываются вперед, используя то время, которое остальные используют впустую</b></h2></blockquote>
<cite><h3>Генри Форд</h3></cite>
<p><h2> <b>Первые три автомобиля</b></h2></p>
<h3><ol>
<li>Alfa Romeo — A.L.F.A. 24 h.p. (1910)
<ul>
<li>2.4 литра</li>
<li><b>24 л.с.</b></li>
</ul>
</li>
<li>Aston Martin «Coal Scuttle» (1914)
<ul>
<li>1.4 литра</li>
</ul>
</li>
<li>Audi Type A (1910)
<ul>
<li>2.6 литра</li>
<li>22 л.с.</li>
</ul>
</li>
</ol>
...
<ol start="9">
<li>Chrysler B70 (1924-25)
<ul>
<li>3.3 литра</li>
<li>68 л.с.</li>
</ul>
</li>
<li>Citroen A (1919)
<ul>
<li>1.3 литра</li>
<li>18 л.с.</li>
</ul>
</li>
</ol>
</h3>
</body>
</html>
<p>Присоединяйтесь к нам в <a href="https://www.facebook.com" target="_blank">Facebook</a> и <a href="https://vk.com" target="_blank">ВКонтакте</a></p>
<!DOCTYPE html>
<html>
<head>
<!-- комментарий-->
<meta charset="utf-8">
<meta name="keywords" content="авиация, самолеты, небо, полеты">
<meta name="description" content="Гражданская авиация с точки зрения одного человека. Интересные фотографии, видео и просто мысли вслух">
<title>Гражданская авиация</title>
</head>
<body>
<h1>Гражданская авиация</h1>
<blockquote>Делаем небо уютнее</blockquote>
<cite><a href="https://vk.com/ya_pilot">Паблик ВКонтакте</a></cite>
<h2>Гражданская авиация в России</h2>
<p><strong>Гражданская авиация в России </strong> - это одновременно и предмет гордости нашего государства,<br>и повод для расстройства для ее работников.</p>
<p>Текст о том, что не все так страшно, как казалось бы.</p>
<h3>Плюсы</h3>
<ul>
<li>Систематизированность</li>
<li>Организованность</li>
<li>Упорядоченность</li>
</ul>
<h3>Минусы</h3>
<ul>
<li>Не работает на практике</li>
<li>Забота только о личном благополучии</li>
</ul>
<hr>
<h2>Гражданская авиация за границей</h2>
Текст о том, как обстоят дела у <em>соседей</em>.
<h2>Сравнение условий там и там.</h2>
<h3>В чем мы схожи:</h3>
<ol>
<li><strong>Бюрократия</strong> - всему голова</li>
<li>Плохая идея для бизнеса</li>
</ol>
<h3>Наши различия</h3>
<ol>
<li>Разные выводы из типовых ситуаций
<ol>
<li>Если выявлена проблема, то нужно всех наказать</li>
<li>Недопущение повторной ошибки достигается через наказания</li>
</ol>
</li>
<li>Стремления к улучшению достигаются различными путями</li>
<li>Отношение к "шестеренкам" внутри компаний</li>
</ol>
</body>
</html>
<!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>
<p>
<a href="https://vk.com/popugaimemes">Наш паблик ВКонтакте</a>
</p>
</body>
</html>
Тут всё ок, только теги стоит закрывать с таким же отступом слева когда он открывался (если он не на одной и той же строке открылся и закрылся, конечно).
В частности тег <center> не сразу видно где закрывается.
<!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>
<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>
Вторая
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Популярная фантастика бесплатно</title>
<meta name="keywords" content="Властелин Колец, Джон Р.Р. Толкин, фэнтези, бестселлер">
<meta name="description" content="Книга \"совершенный код\" Стива Макконела - лучшая книга для программистов по результатам опроса пользователей StackOverflow">
</head>
<body>
<a href="../index.html">Вернуться к списку книг</a>
<h1>Властелин Колец</h1>
<h2>Джон Р.Р. Толкин</h2>
<p style="width:700px">"Властели́н коле́ц" (англ. The Lord of the Rings) — роман-эпопея английского писателя Дж. Р. Р. Толкина, одно из самых известных произведений жанра фэнтези. «Властелин колец» был написан как единая книга, но из-за объёма при первом издании его разделили на три части — «Братство Кольца», «Две крепости» и «Возвращение короля». В виде трилогии он публикуется и по сей день, хотя часто в едином томе.
«Властелин колец» — одна из самых известных и популярных книг XX века. Книга переведена по меньшей мере на 38 языков. Она оказала огромное влияние на литературу в жанре фэнтези, на настольные и компьютерные игры, на кинематограф и вообще на мировую культуру. Именно под влиянием работ профессора Толкина появилось ролевое движение. Большим успехом пользовалась и экранизация книги, созданная режиссёром Питером Джексоном.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Liposonix (Липосоникc) безоперационная УЗ-липосакция</title>
<meta name="keywords" content="липосоникс,сжигание жира,похудение,моделирование фигуры">
<meta name="description" content="Идеальная процедура, которая позволит избавиться от избыточных жировых отложений
в области живота и подтянуть кожу.И все за одну процедуру!">
</head>
<body>
<a href="studio.html">Вернуться к главной</a>
<h1>Liposonix (Липосоник) безоперационная УЗ-липосакция.</h1>
<p>
Аппарат Liposonix (Липосоникс) был разработан для эффективной борьбы с локальными отложениями жира без вмешательства пластического хирурга. Липосоникс основан на методе ультразвукового теплового липолиза. Во время процедуры ультразвуковые волны преобразуются в тепловую энергию и разрушают жировые клетки. Точечное воздействие ультразвуковых волн позволяет проводить липосакцию в зоне, где толщина жировой складки не менее 2,5 см.
Двойное действие аппарата Липосоникс позволяет одновременно избавляться от нежелательных объёмов и подтягивать кожу благодаря стимуляции синтеза коллагенового волокна.
Липосоникс отлично сочетается с другими методиками моделирования фигуры.
</p>
<strong>Зона:</strong>ноги, руки, живот
<p>
<strong>Продолжительность процедуры:</strong> 30-60 минут
</p>
<p>
<strong>Ощущения:</strong> во время процедуры Вы можете испытывать дискомфорт, холод, покалывание,
пощипывание или тепло, которые обычно описываются как умеренные.</p>
<p>
<strong>Анестезия:</strong> не требуется
</p>
<p>
<strong>Количество процедур:</strong> 1 процедура | 1 час | минус 1 размер
</p>
<p>
<strong>Восстановительный период:</strong> может ощущаться некоторый дискомфорт (боль),
появление синяков, покраснения и опухания, которые обычно описываются как умеренные
</p>
<p>
<strong>Оборудование:</strong> Liposonix® - уникальный аппарат для моделирования фигуры с помощью патентованной технологии
ультразвукового липолиза
</p>
<p>
<h2>Преимущества этой процедуры:</h2>
</p>
<ol>
<li>Видимый результат от Липосоникс проявляется уже после 1 сеанса;</li>
<li>Ультразвуковая коррекция фигуры Липосоникс может проводиться у пациентов любого возраста;</li>
<li>После моделирования фигуры на Липосоникс не нужно проходить реабилитацию;</li>
<li>Аппарат прошёл множество клинических исследований, которые доказали его безопасность;</li>
<li>Ультразвуковая методика Липосоникс вместе с потерей лишних объёмов позволяет предотвратить проблему провисания кожи,
часто возникающую при похудении.</li>
</ol>
</body>
</html>
<!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>
<a href="любовная лирика.html">пошли читать тексты</a>
</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>
<!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>
<a href="домашка1.html">Вернуться к списку телефонов</a>
<h1>iPhone 11 Pro</h1>
<img src="img/11pro.jpg" alt="11 pro" width=300>
<p>
Совершенно новая система трёх камер. Целый день без подзарядки. Самый быстрый процессор iPhone. И самый яркий дисплей iPhone. Это уровень Pro.
</p>
<p>
Снимайте потрясающие фото и видео на любую из трёх камер: сверхширокоугольную,
широкоугольную или телефото. Делайте красивейшие снимки при слабом освещении в Ночном режиме.
Смотрите фильмы и сериалы в формате HDR на самом ярком дисплее iPhone — Super Retina XDR.
Открывайте новые возможности игр, дополненной реальности и фотосъёмки благодаря непревзойдённой
производительности процессора A13 Bionic. Устройство работает без подзарядки целый день и ещё лучше
защищено от воды. Всё это — новый iPhone. Теперь на уровне Pro.
</p>
<p>
Общие характеристики:
</p>
<ul>
<li>OLED-дисплей Super Retina XDR 5,8 дюйма;</li>
<li>Защита от воды и пыли (при погружении на глубину до 4 метров длительностью до 30 минут (IP68))</li>
<li>Система трёх камер 12 Мп: сверхширокоугольная, широкоугольная и телефото;</li>
<li>Face ID для безопасной аутентификации и Apple Pay;</li>
<li>Процессор A13 Bionic с системой Neural Engine 3-го поколения;</li>
<li>Беспроводная зарядка.</li>
</ul>
<a href="домашка1.html">Вернуться к списку телефонов</a>
</body>
</html>
На основной странице сделал ссылку под картинкой, огородив её тегами <p>
<p>
<a href="домашка6.html">Посмотреть описание</a>
</p>
Первая часть
<!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>
<a href="book1.html">[список используемой литературы]</a>
</body>
</html>
Вторая часть
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Новейшая энциклопедия садовода и огородника</title>
<meta name="keywords" content="энциклопедия, Кизима Галина Александровна, садовод, огородник">
<meta name="description" content="Книга \"Новейшая энциклопедия садовода и огородника\" Кизима Галина Александровна - лучшая книга для начинающих
и опытных садоводов и огородников по результатам опроса пользователей">
</head>
<body>
<a href="index.html">На главную</a>
<h1>Новейшая энциклопедия садовода и огородника</h1>
<h2>Кизима Галина Александровна</h2>
<h3>Описание</h3>
<p>
Часто литература, которая издаётся по садоводству и огородничеству, написана специальным и малопонятным простому человеку языком.
Исправить сложившуюся ситуацию взялась Галина Кизима в своей книге «Новейшая энциклопедия огородника и садовода».
В отличие от других подобных изданий при её написании узкая терминология не использовалась, так как написана она специально для непрофессионалов.
В ней автор делится своим собственным опытом, а также опытом других садоводов и огородников по выращиванию на небольших дачных участках обильных урожаев.
При этом автор делает акцент на биологических способах обработки земли и ухода за растениями.
</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сфинкс кот для программистов</title>
<meta name="keywords" content="совершенный кот, лысый кот, кот без шерсти">
<meta name="description" content="Кот \"совершенный кот\" Сфинкс">
</head>
<body>
<a href="photo.html">Вернуться к фото</a>
<h1>Порода</h1>
<h2>Описание</h2>
<img src="img/cat.jpg" alt="sfinx" width="200">
<p>Несмотря на свой весьма необычный внешний вид, сфинксы – одни из самых дружелюбных и преданных кошек в мире.
Они просто обожают своего хозяина, предпочитая часами валяться у него на коленях, и могут сильно обидеться,
если не уделять им должного внимания. Многие владельцы сфинксов в шутку называют их «поцелуечными» кошками,
но отмечают некоторую навязчивость. Несмотря на свою обидчивость, сфинксы незлопамятны и незлобивы,
так что вряд ли будут точить когти об ваш любимый диван, если вдруг надолго останутся одни.
</p>
</body>
</html>
<!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>
<a href="index.html">Вернуться к списку книг</a>
<a href="book1.html">[подробнее]</a>
<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>
<!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">
<a href= "index3.html"> Программа по скорочтению! </a>
</body>
</html>
<!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>
<a href="Android.html">Список моделей на который есть обзор</a>
<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>
<a href="Apple.html">Список моделей на который есть обзор</a>
</body>
</html>
<!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>
<a href="android.html">Список моделей на который есть обзор</a>
<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>
<a href="apple.html">Список моделей на который есть обзор</a>
</body>
</html>
Вроде все поправил, а можно узнать почему не стоит использовать заглавные буквы в именах файлов?
Потому что на некоторых операционных системах (Windows) имена регистронезависимые и они могут открываться как с большой буквы, так и с маленькой. А в Linux, например, такое не прокатит. Если придерживаться всегда одного стиля в написании это поможет избежать ошибок при работе с проектом на разных платформах.
<!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>
<a href="file:///C:/Users/Theodoros/Desktop/book1.html" target="_blank">История малины<a/>
</ul>
<li>деревья</li>
<li>цветы</li>
</ol>
<hr>
<h2>История растений</h2>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="происхождение,малина, история">
<meta name="description" content="История происхождения малины.">
<title>История происхождения малины</title>
</head>
<body>
<img src="img/malina.jpg" alt="raspberry" width="200" height="130">
<h1>История малины</h1>
<p>
На Руси первое упоминание о малине датируется XI веком. Известно, что ее выращивали в садах Москвы, Новгорода, Владимира, Суздаля и других городов. Но широкое распространение она получила в XVII веке, это было время подъема садоводства.
</p>
<a href="file:///C:/Users/Theodoros/Desktop/j.html" target="_blank">вернуться к главной странице</a>
</body>
</html>
<!DOCTYPE html>
<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/site/Screenshot_20201117_191322.jpg" alt="собака" width="200">
<p>
Соба́ка это <strong><em>домашнее животное</em></strong>,
одно из наиболее популярных животных-компаньонов.
Первоначально домашняя собака была выделена в
отдельный биологический вид Линнеем в <strong><em>1758 году</em></strong>,
в <strong><em>1993</em></strong> году реклассифицирована Смитсоновским институтом
и Американской ассоциацией териологов в подвид волка.
</p>
<br>
<br>
<h2>Топ 3 пород собак</h2>
<UL>
<h4><LI>Немецкая овчарка</LI></h4>
<img src="file:///C:/Users/Artem/Desktop/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/загружено.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/Labrador-article-cover.jpg" alt="Лабрадо́р-ретри́вер" width="200">
</UL>
<p>
<strong><em>Лабрадо́р-ретри́вер</em></strong> порода собак которая первоначально была выведена в качестве охотничьей подружейной собаки.
Лабрадоры <strong><em>используются на охоте, в качестве собак-поводырей, собак-спасателей, но главным образом в роли
компаньонов.</em></strong> Порода берёт своё начало на острове Ньюфаундленд на восточном побережье Канады.
<br>
<br>
<a href="dogs1.html">Список пород собак</a>
</p>
</body>
</html>
2я страничка
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Породы собак - Sobachki.ru</title>
<title>Заголовок новости - Название сайта</title>
</head>
<body>
<h1>Породы собак</h1>
<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>
</body>
</html>
<!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>
<li>"Когда завидуют мертвым" автор Сурен Цормудян</li>
Произведение достаточно большое, но читается <i>на одном дыхании</i>, <strong>невозможно оторваться</strong>,
<br>
если вы поклонник данного жанра, то однозначно вам понравится
</ul>
<li>Вторая по рейтингу</li>
<ul>
<li>"Дорога" автор Кормак Маккарти</li>
</ul>
</ol>
<p><img src="img/когдазавидуютмертвым.jpg" alt="обложка книги Когда завидуют мертвым"></p>
<a href="book1.html">[подробнее]</a>
<p><img src="img/road.jpg" alt="обложка книги Дорога"></p>
<hr>
<h2>Книги жанра <i>попаданцы</i></h2>
<ul>
<li>"Чужой мир" автор Кирилл Шарапов</li>
<li>"Исчадия техно" автор Артём Каменистый</li>
</ul>
<p><img src="img/чужоймир.jpg" alt="обложка книги Чужой мир"></p>
<p><img src="img/исчадиятехно.jpg" alt="обложка книги Исчадия техно"></p>
<hr>
<h3>Книги про <i>зомби</i></h3>
<ol>
<li>"Я еду домой" автор Андрей Круз</li>
<li>"Ареал" автор Сергей Тармашев</li>
</ol>
<p><img src="img/яедудомой.jpg" alt="обложка книги Я еду домой"></p>
<p><img src="img/ареал.jpg" alt="обложка книги Ареал"></p>
<hr>
<h4>Помимо жанра постапокалипсис есть еще одна книга, о которой хотелось бы упомянуть</h4>
<p>Сборник Алексеея Поворова "Черный Легион", которая состоит из 4х книг</p>
<p><img src="img/империя.jpg" alt="обложка книги Империя"></p>
<table>
<thead>
<tr>
<th>Империя</th>
<th>Тринадцатый</th>
<th>Я убийца</th>
<th>Апокалипсис</th>
</tr>
</thead>
<tbody>
<tr>
<td>Первая книга сборника, рассказывает о становлении героя, о его первом воплощении во времена древнего Рима</td>
<td>Вторая книга сборника, действие происходит в современном обществе, когда главный герой пытается вспомнить кто он</td>
<td>Третья книга сборника, всё повествование происходит в будущем, когда становится больше выраженна борьба добра со злом</td>
<td>Четвертая книга сборника, последняя и самая решающая книга о судьбе героя</td>
</tr>
</tbody>
</table>
</body>
</html>
ВТОРАЯ СТРАНИЦА:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Когда завидуют мертвым</title>
<meta name="keywords" content="постапокалипсис, книги, ядерная зима, Сурен Цормудян">
<meta name="description" content="Книга Когда завидуют мертвым автора Сурена Цормудяна является лучшей в своём жанре">
</head>
<body>
<a href="Сайтокнигах.html">Вернуться к списку книг</a>
<h1>Когда завидуют мертвым</h1>
<p><img src="img/когдазавидуютмертвым.jpg" alt="обложка книги Когда завидуют мертвым"></p>
<h2>Описание</h2>
<p>Цивилизация погребена под пеплом ядерной войны, под снегом вечной зимы.
<br>Прошло двадцать лет после дня икс, но лучше не стало.
<br>По-прежнему нет тепла, не хватает еды и воды. Люди еще цепляются за жизнь,
<br>но их число уменьшается с каждым годом
</p>
</body>
</html>
book1.html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="description" content="Блог о книгах. Со мной ты будешь читать больше">
<meta name="keywords" content="книги, детектив, фантастика, фэнтези, магия">
<title>О серии книг "Лабиринты Ехо"</title>
<style>
h1 {
color: violet;
}
#firstParagraph {
background-color: #dddddd;
}
.img {
margin: 18px;
}
</style>
</head>
<body>
<a href="phpzone-book.html">Вернуть назад к списку</a>
<h1>Серия книг "Лабиринты Ехо":</h1>
<ol>
<li>Чужак</li>
</ol>
<p><img class="img" src="img/Maks_Fraj__Chuzhak_sbornik.jpg" alt="Макс Фрай Чужак"></p>
<p><em>Описание</em></p>
<p id="firstParagraph">Фантастика и мистика, детективный сюжет и сказочные подробности, ироническая
пародия и философская притча тщательно перемешаны в творческом котле Макса Фрая и
щедро сдобрены юмором, который с самого начала стал своеобразной "визитной карточкой"
писателя. "Чужак" - первая, самая добрая, трогательная и сказочная из его книг.
Обыкновенный трамвай может оказаться средством для путешествий между мирами; город,
привидевшийся во сне, - сногсшибательной реальностью; смертельная опасность -
поводом для шутки, а маньяк-убийца - вашим двойником. Возможно все - и не только
на страницах книги, но и в вашей собственной жизни; чудеса случаются не с избранными,
а с кем попало - так утверждает лукавый волшебник, сэр Макс Фрай.</p>
</body>
</html>
phpzone-book.html
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="description" content="Блог о книгах. Со мной ты станешь читать больше!">
<meta name="keywords" content="книги, захватывающие, фэнтези, фантастика, детектив, роман, интересные">
<title>Обожаю фантастические книги</title>
<style>
h1 {
color: khaki;
font-size: 28pt;
}
.text {
font-size: 15pt;
font-style: italic;
}
</style>
</head>
<body>
<h1>Предлагаю со мной окунуться в мир необычной литературы.</h1>
<p class="text">Мне нравятся читать серии или циклы книг об одном персонаже или мире,
в котором находится персонаж. По этому среди книг, которые я предлагаю,
чаще будут встречаться серии книг от разных авторов.</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><strong>Чужак</strong> <a href="book1.html">[подробней]</a></li>
<li><strong>Волонтёры вечности</strong></li>
<li><strong>Простые волшебные вещи</strong></li>
<li><strong>Темная сторона</strong>
<p><em>Сейчас остановилась на этой книге. Персонажи все больше раскрываются и нет уже
ощущения сна от этого волшебного мира. Он реален. Дальше будет ...</em></p></li>
<li>Наваждения</li>
<li>Власть несбывшегося</li>
<li>Болтливый мертвец</li>
<li>Лабиринт Мёнина</li>
</ul>
<hr>
<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>
<hr>
<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>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="description" content="здесь вы можете узнать о моем обучении">
<meta name="keywords" content="обучение,основы,понятия,программирование">
<title>мое обучение shake</title>
</head>
<body>
<a href="phpzone.html">о обученение</a>
<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>
Иду дальше!
<br>
<a href="https://php.zone/courses">Источник</a>
<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>
<!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>
Текст про хобби.
<ul>
<li>Вышивка</li>
<li>Вязание</li>
<li>Кулинария</li>
</ul>
Полезные ссылки:
<ul>
<li><a href="https://php.zone/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>
<!DOCTYPE HTML>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="keywords" content="маркетинг, рынок, спрос, предложенеие">
<meta name="description" content="статья, в которой описывается что такое маркетинг и о подходах к его управлению">
<title> Понятие маркетинга </title>
</head>
<body>
<h1> Что такое маркетинг? </h1>
<p> <em> Маркентинг </em> - удовлетвоорение потребностей индивидов путем обмена и изучения этих же потребностей </P>
Понятие маркетинга и само собой маркентинга как науки начало складываться со второй половины 20 века в Западных странах (США , Европа). Толчком к развитию и предпосыком к появлению этой науки был <a href="https://ru.wikipedia.org/wiki/%D0%AD%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B9_%D0%BA%D1%80%D0%B8%D0%B7%D0%B8%D1%81"><strong> первый мировой кризис </strong></a>.
<p> Маркетинг является неотделимой частью бизнеса , но так было не всегда. До того же первого мирового кризиса понятие маркенитга было совсем иным либо этого понятия совсем не существовало как и самой науки. До появления этой науки производство и реализация любых товаров и услуг осуществлялись совсем по иной системе нежели после. Нельзя сказать что и в наше время все пользуются данной наукой в производстве но тот кто умело ей владеет несомненно будет тратить свои ресурсы эффективнее своих конкурентов. </p>
<h2> Так в чем же заключается суть маркетинга? </h2>
<p> Существует множество подходов к маркентингу, к управлению им, но его цель всегда одна - <strong> Изучить и понять что нужно индивиду либо обществу и дать ему это </strong> </p>
<p> Изучим на примерах:
<ul>
<li> Политик перед выборами. Задача в том, чтобы набрать как можно больше голосов либо - больше своих конкурентов. Для начала нужно понять что чтобы набрать голоса нужно дать гражданам программу (план действий) которая удовлетворит их желаниям. Тут то и вступает в дело маркетинг. Во-первых, изучаем желания граждан. Во-вторых, вычисляем какие из них встречаются чаще всего. В-третьих, включаем самые часто встречающиеся потребности (желания) граждан в программу.</li>
<li> Компания по производству продуктов питания. Задача в том чтобы выпустить новый продукт который будет востребован покупателями. Изучается потребность покупателей в том или ином сегменте рынка выбирается тот, который наименее занят, изучаются преимуества и недостатки конкурентов и на основе этих исследований и производится новый продукт.
</ul>
Это очень упрощенные и грубвые примеры маркетинга, но они явно показывают как он работает и для чего он нужен.
</p>
<img src="img/image.gif" alt="закон спроса и предложения">
<p>
Так же в системе маркетинга очень большое значение имеют реклама и <a href="Jordan Belford.html"> продвижение продаж </a>
</P>
</body>
</html>
Главная страница
<!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>За прошедшие 100 лет текстильная промышленность развивалась семимильными шагами, <br>
а вместе с ней не отставала и промышленность по производству швейного оборудования. <br>
Швейная машина прошла огромный путь от ручного привода и прямой строчки в две нитки, <br>
до безшумного электромагнитного моторчика размером с "сигаретную пачку вмонтированного в тело машины"
</p>
<img src="img/shewing.jpg" alt="фото" width="200">
<img src="img/jack a4e.jpg" alt="фото" width="250" height="150">
<p>
Так же появилось множество швейного оборудования упрощающего технологическую<br>
обработку изделия из трикотажного полотна
</p>
<h2>
Что бы сшить изделие потребуется как минимум три машины
</h2>
<h3>
<ol>
<li>Прямострочка</li>
<a href="shewing1.html">[подробнее]</a>
<li>Четырёх ниточный оверлог</li>
<a href="shewing2.html">[подробнее]</a>
<li>Плоскошовная машина</li>
<a href="shewing3.html">[подробнее]
</ol>
</h3>
</body>
Первая страница
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Прямострочка двуниточного челночного стяжка</title>
<meta name="keywords" content="швейные машины для трикотажа">
<meta name="description" content="прямострочка, прямострочная машина, прямоотстрочка">
</head>
<body>
<h1>Прямострочная машина двуниточного челночного стяжка</h1>
<img src="img/jack a4e.jpg" alt="фото" width="500" height="300">
<p>
<h3>
Как видно на фото машина практически полностью автоматизированна,<br>
отсутствует привычный рычах обратного хода для закрепки. Теперь эту функцию выполняет<br>
электронная синяя клавиша ( с лева ). Там же есть ещё две вспомогательные клавишы, которые<br>
на очень маленькой скорости осуществляют движение ткани вперед либо на зад .
</h3>
</p>
<p>
<h3>
Так выглядит строчка на данной машине
</h3>
</p>
<img src="img/foto2.jpg" alt="рисунок" width="350" height="200"><br>
<a href="shewing.html">на главную</a>
</body>
Вторая страница
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Четырехниточный оверлог</title>
<meta name="keywords" content="швейные машины для трикотажа">
<meta name="description" content="оверлог, четырехнитка">
</head>
<body>
<h1>Четырехниточный оверлог</h1>
<img src="img/juki.jpg" alt="рисунок" height="350" width="350">
<img src="img/foto3.jpg" alt="рисунок" height="250" width="250">
<p>
<h3>
4-х ниточный оверлог служит для обработки края и стачивания между собой половинок кроя.<br>
Так же используют для обработки ткани в один слой например: подборт изделия.
</h3>
</head>
<body>
<h1>Плоскошовная машина</h1>
<img src="img/jack w4.jpg" alt="рисунок" width="450" height="300"><br>
<p>
<h3>Плоскошовная машина имеет несколько настроек строчки. От использования двух ниток до пяти<br>
Соответственно получаются различные виды строчек.
</h3>
<ol>
<li>Строчка в две нитки</li>
<img src="img/2-2.jpg" alt="рисунок" width="250" height="250">
<p>Такая строчка в основном используется при работе с дополнительным приспособлением<br>
окантователем.
</p>
<li>Строчка в три нитки</li>
<img src="img/3-3.jpg" alt="рисунок" width="350" height="250"><br>
<li>Собственно и сам окантователь.</li>
<img src="img/окантователь w4.jpg" alt="рисунок" width="250" height="250"<br>
<p>Он имеет разные размеры на выходе, получаем окантовку в готовом виде<br>
различной ширины от 0,8 мм до 2,5 см
</p>
</li>
<li>Строчка в пять ниток</li>
<img src="img/5 ниток w4.jpg" alt="рисунок" width="250" height="250">
<p>Такая строчка используется как отделочная.</p>
</ol>
<a href="shewing.html">на главную</a>
Только что добавила ссылки на 2 сайта друзей. Напрямую в виджете в вордпрессе вставила и всё заработало. Спасибо!
Я бы еще в этом разделе озвучила как скрывать подчеркивание ссылок ;)
Тут самые основы, но если хотите - можете написать в комментариях как вам удалось это сделать =)
<style>
a {
text-decoration: none; / Отменяем подчеркивание у ссылки /
}
</style>
Рассказал бы как сделать сслыку, которая открывается в новой вкладке. Но надеюсь далее об этом рассказывают
С помощью атрибута
вот
Ок
только в браузере ссылки не видно почему-то
Потому что отсутствует текст ссылки. Он обязательно должен быть указан.
Отлично
Отлично
Мило, молодец))
Отлично
Отлично
Отлично
Отлично! А вторую страничку сделали?
Тут всё ок, только теги стоит закрывать с таким же отступом слева когда он открывался (если он не на одной и той же строке открылся и закрылся, конечно).
В частности тег <center> не сразу видно где закрывается.
Главная
Вторая
Исправил
На второй странице тайтл не торт
Отлично
Про списки вам уже сказал. В остальном всё супер.
Вывел списки за параграфы.
Только один момент - результат визуально не изменился. Получается, что "нельзя", но если ошибся, то "сойдет"?
Браузеры нынче умные, могут некоторые ошибки исправить. Проверить валидность можно на https://validator.w3.org/
Отлично
Отлично
Отлично. Только в HTML для написания кавычек в контенте используются спецкоды
Те же ошибки, что и в прошлом уроке.
Отлично
Та же ошибка
Что с тегом img?
По ссылкам - ок. Единственное - лучше не использовать заглавные буквы в именах файлов.
Вроде все поправил, а можно узнать почему не стоит использовать заглавные буквы в именах файлов?
Потому что на некоторых операционных системах (Windows) имена регистронезависимые и они могут открываться как с большой буквы, так и с маленькой. А в Linux, например, такое не прокатит. Если придерживаться всегда одного стиля в написании это поможет избежать ошибок при работе с проектом на разных платформах.
Понял, спасибо!
Первая
Вторая
Отлично!
1я страничка
2я страничка
С ссылками всё ок. По-прежнему проблема с заголовками.
Всё хорошо)
Вложенные списки должны помещаться внутри тега li
Отлично
Ок!
Выполнено
Разметка некорректна. Указал на ошибки в предыдущем уроке
все исправила, пожалуйста, проверьте.
Отлично
Отлично
Отлично
А как сделать так, чтобы описание в li было ссылкой ?
Отлично
все получилось ! круто!
супер)
Отлично
Теги не закрыты. Грубая ошибка
Главная страница
<!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>За прошедшие 100 лет текстильная промышленность развивалась семимильными шагами, <br>
а вместе с ней не отставала и промышленность по производству швейного оборудования. <br>
Швейная машина прошла огромный путь от ручного привода и прямой строчки в две нитки, <br>
до безшумного электромагнитного моторчика размером с "сигаретную пачку вмонтированного в тело машины"
</p>
<img src="img/shewing.jpg" alt="фото" width="200">
<img src="img/jack a4e.jpg" alt="фото" width="250" height="150">
<p>
Так же появилось множество швейного оборудования упрощающего технологическую<br>
обработку изделия из трикотажного полотна
</p>
<h2>
Что бы сшить изделие потребуется как минимум три машины
</h2>
<h3>
<ol>
<li>Прямострочка</li>
<a href="shewing1.html">[подробнее]</a>
<li>Четырёх ниточный оверлог</li>
<a href="shewing2.html">[подробнее]</a>
<li>Плоскошовная машина</li>
<a href="shewing3.html">[подробнее]
</ol>
</h3>
</body>
Первая страница
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Прямострочка двуниточного челночного стяжка</title>
<meta name="keywords" content="швейные машины для трикотажа">
<meta name="description" content="прямострочка, прямострочная машина, прямоотстрочка">
</head>
<body>
<h1>Прямострочная машина двуниточного челночного стяжка</h1>
<img src="img/jack a4e.jpg" alt="фото" width="500" height="300">
<p>
<h3>
Как видно на фото машина практически полностью автоматизированна,<br>
отсутствует привычный рычах обратного хода для закрепки. Теперь эту функцию выполняет<br>
электронная синяя клавиша ( с лева ). Там же есть ещё две вспомогательные клавишы, которые<br>
на очень маленькой скорости осуществляют движение ткани вперед либо на зад .
</h3>
</p>
<p>
<h3>
Так выглядит строчка на данной машине
</h3>
</p>
<img src="img/foto2.jpg" alt="рисунок" width="350" height="200"><br>
</body>
Вторая страница
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Четырехниточный оверлог</title>
<meta name="keywords" content="швейные машины для трикотажа">
<meta name="description" content="оверлог, четырехнитка">
</head>
<body>
<h1>Четырехниточный оверлог</h1>
<img src="img/juki.jpg" alt="рисунок" height="350" width="350">
<img src="img/foto3.jpg" alt="рисунок" height="250" width="250">
<p>
<h3>
4-х ниточный оверлог служит для обработки края и стачивания между собой половинок кроя.<br>
Так же используют для обработки ткани в один слой например: подборт изделия.
</h3>
</body>
Третья страница
<!DOCTYPE.html>
<head>
<meta charset="utf-8">
<title>Плоскошовная машина</title>
<meta name="keywords" content="Плоскошовная машина">
<meta name="description" content="плоскошовка, плоский шов, распошивалка">
</head>
<body>
<h1>Плоскошовная машина</h1>
<img src="img/jack w4.jpg" alt="рисунок" width="450" height="300"><br>
<p>
<h3>Плоскошовная машина имеет несколько настроек строчки. От использования двух ниток до пяти<br>
Соответственно получаются различные виды строчек.
</h3>
<ol>
<li>Строчка в две нитки</li>
<img src="img/2-2.jpg" alt="рисунок" width="250" height="250">
<p>Такая строчка в основном используется при работе с дополнительным приспособлением<br>
окантователем.
</p>
<li>Строчка в три нитки</li>
<img src="img/3-3.jpg" alt="рисунок" width="350" height="250"><br>
<li>Собственно и сам окантователь.</li>
<img src="img/окантователь w4.jpg" alt="рисунок" width="250" height="250"<br>
<p>Он имеет разные размеры на выходе, получаем окантовку в готовом виде<br>
различной ширины от 0,8 мм до 2,5 см
</p>
</li>
</body>