<!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>
Стили вынесены в файл проба стилей.css, в задании не сказано об оформлении стилей в исходном документе html.
Насчет именования файлов учту, к след. домашке будет исправлено.
Еще вопрос про отдаленные перспективы. Я уже писал вам, что у меня слабенький нетбучок Асер образца 2012 г. Но уверен, что как начнутся более сложные вещи. я банально встану. Не могли бы посоветовать, какой ноутбук (стационарную машину даже не рассматриваю) потребуется для решения задач средней сложности по фронтенду? Чтобы в дальнейшем его можно было использовать как движок своих сайтов? (о как загнул:))
Чуть биографии. Я старый человек и старый математик (бывший), дипломная работа была - разработка СУБД и языка запросов небольшой поисковой системы вместе с кодом, тогда я написал всё ПО на ассемблере:) Т.е. то, чем мы сейчас занимаемся, для меня не очень пугающее занятие.
Привет, Артем!
Разрешите еще чуть обнаглею:) В целях экономии буду подыскивать б/у ноут с такими характеристиками. Вдруг в вашем поле зрения такой обнаружится. Покупать б/у неизвестно у кого стрёмно, а мы как бы уже знакомы.
<p>
<h2>Общая информация</h2>
</p>
Все мы любим <strong>овощи и фрукты</strong> и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
знают,<em> какой это нелёгкий, каждодневный труд.</em>
<p>
<h2>Садоводам</h2>
Наоборот должно быть, текст абзацев внутри <p>, а заголовки сами по себе.
<!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>
<!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;
}
<!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>
<!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;
}
<!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>
<strong>Webshake</strong> ваше обучение мне особенно нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает. Опять же по сравнению с другими курсами которые я проходил .Просто делал не зная все ли правильно<br>
Иду дальше!
Исправил
А зачем каждое свойство в отдельном теге <style>? Просто перечисляйте их одно за другим в рамках одного тега.
Отлично
А стили-то где?)
Стили вынесены в файл проба стилей.css, в задании не сказано об оформлении стилей в исходном документе html.
Насчет именования файлов учту, к след. домашке будет исправлено.
Да дело в том, что домашка про стили, а содержимое файла со стилями не прикрепили.
И не стоит называть файлы на русском, да ещё и с пробелами
Еще вопрос про отдаленные перспективы. Я уже писал вам, что у меня слабенький нетбучок Асер образца 2012 г. Но уверен, что как начнутся более сложные вещи. я банально встану. Не могли бы посоветовать, какой ноутбук (стационарную машину даже не рассматриваю) потребуется для решения задач средней сложности по фронтенду? Чтобы в дальнейшем его можно было использовать как движок своих сайтов? (о как загнул:))
Чуть биографии. Я старый человек и старый математик (бывший), дипломная работа была - разработка СУБД и языка запросов небольшой поисковой системы вместе с кодом, тогда я написал всё ПО на ассемблере:) Т.е. то, чем мы сейчас занимаемся, для меня не очень пугающее занятие.
Любой ноут, на котором 10я винда запускается без тормозов подойдёт. Оперативной памяти желательно от 8гб, фронтенд-разработка нынче дико прожорливая.
Привет, Артем!
Разрешите еще чуть обнаглею:) В целях экономии буду подыскивать б/у ноут с такими характеристиками. Вдруг в вашем поле зрения такой обнаружится. Покупать б/у неизвестно у кого стрёмно, а мы как бы уже знакомы.
Ок) Но вообще есть конторы по продаже б/у ноутов, я бы в первую очередь там смотрел.
Наоборот должно быть, текст абзацев внутри <p>, а заголовки сами по себе.
Отлично
Нельзя сказать что это очень легко,спасибо Вам
Отлично!
style.scc
Отлично
Отлично
index.html
Dogs1.html
Dogs2.html
Style.css
Нельзя помещать заголовки в абзацы. Классы нужно применить непосредственно к заголовкам.
Отлично)
Отлично
Цветастенько)
выполнено
Подскажите, как сюда присвоить класс ?
<strong>Webshake</strong> ваше обучение мне особенно нравится из тех что я уже проходил.<br>
Спасибо за обратную связь, это очень помогает. Опять же по сравнению с другими курсами которые я проходил .Просто делал не зная все ли правильно<br>
Иду дальше!