Этот урок набрал набрал достаточно большое количество
комментариев и дальнейшее его комментирование отключено.
Если вы хотели убедиться в правильности выполнения ДЗ или у вас возник вопрос по уроку,
посмотрите ранее добавленные комментарии, кликнув по кнопке ниже. Скорее всего вы найдете там то, что искали.
Если это не помогло - задайте вопрос в чате в телеграме - https://t.me/php_zone
Давно хотела научится делать описание страницы, а здесь такая подробная статья и у меня все получилось. Огромное вам спасибо что делитесь такой информацией.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="рыбный, текст, маленькая, необходимыми, проектах, рот, образ, жизни">
<meta name="description" content="Немного о рыбном тексте и том, что же это такое. Почитать информацию можно на этой странице">
<title>Рыбный текст. Что это такое и с чем его едят</title>
</head>
<body>
<h2 align="center">Рыбка к пиву</h2>
<p>Далеко-далеко за словесными горами в стране гласных и согласных живут рыбные тексты.
Вдали от всех живут они в буквенных домах на берегу Семантика большого языкового океана.
Маленький ручеек Даль журчит по всей стране и обеспечивает ее всеми необходимыми правилами.
Эта парадигматическая страна, в которой жаренные члены предложения залетают прямо в рот.
Даже всемогущая пунктуация не имеет власти над рыбными текстами, ведущими безорфографичный образ жизни.
Однажды одна маленькая строчка рыбного текста по имени Lorem ipsum решила выйти в большой мир грамматики.
Великий Оксмокс предупреждал ее о злых запятых, диких знаках вопроса и коварных точках с запятой, но текст не дал сбить
себя с толку. Он собрал семь своих заглавных букв, подпоясал инициал за пояс и пустился в дорогу.
Взобравшись на первую вершину курсивных гор, бросил он последний взгляд назад, на силуэт своего родного города
Буквоград, на заголовок деревни Алфавит и на подзаголовок своего переулка Строчка. Грустный реторический вопрос
скатился по его щеке и он продолжил свой путь. По дороге встретил текст рукопись. Она предупредила его:
«В моей стране все переписывается по несколько раз. Единственное, что от меня осталось, это приставка «и».
Возвращайся ты лучше в свою безопасную страну». Не послушавшись рукописи, наш текст продолжил свой путь.
Вскоре ему повстречался коварный составитель рекламных текстов, напоивший его языком и речью и заманивший в свое агенство,
которое использовало его снова и снова в своих проектах. И если его не переписали, то живет он там до сих пор.</p>
</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>По старославянскому календарю 2019 год считается Годом Орла. </p>
<p><strong>Этим гордым, прекрасным птицам посвящается этот сайт.</strong></p>
<p>Орёл — птица, которая во многих культурах стала символом отваги, гордости, храбрости и других положительных качеств. Да, в природе орлы являются одними из наиболее грозных представителей пернатых, и единственное существо, представляющее для них реальную угрозу — это человек, вытесняющий орлов из привычных им мест обитания. Тем не менее, на Земле сохранилось ещё немало уголков, где орлы встречаются в изобилии.</p>
</body>
</html>
Наконец-то я нашла То, что давно искала. Можно до потери пульса делать упражнения, но пока сама, шаг за шагом не сделаешь свой сайт, знаний по настоящему не усвоишь. Благодарю, что не прячете свои знания за золотым занавесом.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="самоконтроль, планирование, трекер, время">
<meta name="description" content="Умение самоорганизации. Наконец сделать дела, которые ты откладывала очень давно. Научимся правильно составлять планы на день!:)">
<title>Блог для девушек</title>
</head>
<body>
<h1>Самоорганизация, планирование дня, трекер привычек</h1>
Здесь и именно здесь будут обсуждаться вопросы о самоорганизации,
планирование дня, правильное распределения времени, а так же
научимся вести трекер привычек.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "keywords" content = "кошка, шантилья тиффани, красивая порода, пушистая кошка, домашняя кошка, милые кошки">
<meta name = "description" content = "Шантильи тиффани – одна из самых нежных кошек. К отличительным чертам породы относят шелковистую ниспадающую шерсть и очень красивые глаза, которые с возрастом становятся все более и более привлекательными.">
<title>Шантилья Тиффани</title>
</head>
<body>
<p>Шантильи тиффани – это порода домашних кошек, одетых в невероятно элегантную шубку. У них очень мягкий пышный мех, выразительный «воротник» вокруг шеи и милые «штанишки» на лапках. Эти питомцы обладают покладистым характером, они всегда очень милы, нежны и дружелюбны.</p>
</body>
</html>
Я хочу сделать, чтобы под названием сайта отображались ссылки вот таким образом:
Главная
Новости
Песни
Видео
Биография
Фото
Интерактив
Для этого нужен будет этот тег?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- charset="utf-8" це обовязково для сторінки, за яким кодуванням вона буде написана-->
<meta name="keywords" content="книги, блог, мови програмування, вивчення, HTML, PHP, MySQL, CSS"/>
<!--name="keywords" content="тут вказаються короткі слова для пошуку даної сторінки "-->
<meta name="description" content="Це перший мій блог створений для вивчення HTML, PHP, MySQL. В ньому присутні велика кількість книг по HTML, PHP, MySQL, CSS" />
<!--name="description" content="тут вказаються короткий опис даної сторінки до 80 символів "-->
<title> Блог по вивченню HTML та PHP - WebYuzik82.ua </title>
</head>
<body>
<!-- В цьому тексті будуть чудові статті та книги з описами та малюнками-->
<h1 aligh="center"> WebYuzik82.ua </h1>
<p aligh="center"> Це перший мій блог створений для вивчення HTML, PHP, MySQL, CSS. </p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="книги, саморазвитие, успех, развитие, сила воли, образование">
<meta name="description" content="библиотека в которой вы найдете книги про развитие личности, книги по которым вы сможете продвигаться в разных направлениях используя правильные методы, узнаете ошибки других на этом пути получив иммунитет к ошибкам"
<title>Книги по саморазвитию.</title>
</head>
<body>
......................
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="дельфины, млекопитающие, факты">
<meta name="description" content="Дельфины - одни из самых разумных созданий на планете Земля. Недаром их приравнивают к человеку, а даже иногда называют "людьми моря". В данной статье отмечены самые интересные факты об этих прекрасных животных.">
<title>Дельфин - жемчужина моря. Интересные факты</title>
</head>
<body>
<h2>10 потрясающих фактов о дельфинах</h2>
<p>...</p>
</body>
</html>
Я так поняла в теге description нельзя ставить кавычки? У меня даже цвет поменялся в коде, где написано "люди моря".
Верно. Для этого нужно их заменить на специальный символ
"
Вот так:
<meta name="description" content="Дельфины - одни из самых разумных созданий на планете Земля. Недаром их приравнивают к человеку, а даже иногда называют "людьми моря". В данной статье отмечены самые интересные факты об этих прекрасных животных.">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Minecraft servera.ru</title>
<meta name="keywords" content="Майнкрафт,майнкрафт странички,популярный майнкрафт сайт,скачать майнкрафт,майнкрафт моды на все версии">
<meta name="description" content="Здарова майнкрафет Это сайт интересен модами и другими штучками задоди :)"/>
</head>
<body>
<h1>Minecraft Servers</h1>
здраствуйте вас приветствует спец.страничка по майнкрафт здесь вы найдете все что в озможно моды версии от 1.0.0 до 14.0.0
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="web, программист, разработчик, junior, html, php, резюме">
<meta name="description" content="Талантливый начинающий программист, с горящими глазами. С удовольствием приму участие как в проектировании и разработке новых проектов, так и в доработке и совершенствовании существующих">
<title>Лучший программист Вероника</title>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>BIGchange.RU - пора менять профессию</title>
<meta name="keywords" content="профессия, web, уроки, html, css, js, где учиться, самообразование, развитие">
<meta name="description" content="Поразмыслим о том как начать профессию в web: что нужно знать, где искать, куда смотреть, как не перегореть.">
</head>
<body>
<h1>Задумался о смене профессии?</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="космос,черная дыра,звезды,солнечная система,вселенная,галактика">
<meta name="discription" content="Здесь вы можете узнать много нового о космосе,о мировых достижениях и открытий в этой сфере,как зарождается звезда,откуда взялись черные дыры ,есть ли жизнь на других планетах?">
<title>Блог о космосе - Space.com</title>
</head>
<body>
<h1>Заголовок новости</h1>
Текст новости
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="SEO-оптимизация, продвижение сайтов,
SEO">
<meta name="description" content="На странице вы узнаете все,
что необходимо начинающему сео-оптимизатору">
<title>SEO-оптимизация</title>
</head>
<body>
<h1 align="right">Все о SEO-оптимизации</h1>
<p>Вашему вниманию предлагается самая интересная
информация о продвижении сайтов в <b>вашем городе</b></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="обсуждения, ответы на вопросы, помощь в коде">
<meta name="description" content="Поможем ответить на вопросы, найдём ошибки в коде,
обмениваемся знаниями и просто общаемся.">
<title>Форум для веб-программистов</title>
</head>
<body>
<h1>Заголовок</h1>
Прочий текст ......
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Плюшки для программирования</title>
<meta name="keywords" content="обучение, помощь, программирование, плюсы">
<meta name="description" content="Вы новичок? Помощь для программистов, разработчиков, дизайнеров именно на нашем сайте. Мы поможем вам разобраться и расскажем несколько лайфхаков">
</head>
<body>
<h1>Заголовок новости</h1>
Текст новости
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="блог, программирование, профессия, обучение">
<meta name="description" content="Личный дневник маркетолога. Сменить профессию и заниматься тем, что нравится, никогда не поздно!">
<title>
Блог маркетолога. Как я стал программистом.
</title>
</head>
<body>
<h1>
День, когда я решил сменить профессию.
</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="блог, начинающего, web, разработчика">
<meta name="description" content="Хочешь стать web разработчиком? Тогда предлагаю посетить мой блог, где я буду описывать свои шаги для достижения данной цели." >
<title>Блог о моём пути с нуля до web разработчика</title>
</head>
<body>
<h1>Мой первый шаг</h1>
В конце 2019 года я твердо решил сменить свою профессию инженера на веб-разработчика. И мой путь начался с регистрации на сайте PHP.Zone
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="шаурма, шаверма, рецепты, в домашних условиях">
<meta name="description" content="Рецепты для истинных ценителей шаурмы. Здесь вы узнаете как готовить пищу богов в домашних условиях.">
<title>Любители шавермы</title>
</head>
<body>
<h1>Рецепты шаурмы в домашних условиях</h1>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="мотивация, достижение цели, саморазвитие, как начать, могу собраться, поверить в себя">
<meta name="description" content="Ты здесь. Ты это читаешь. Значит, ты существуешь. Солнце будет светить, даже если все закроют глаза. Я верю в солнце. Во что ещё я верю? Да, ты уже догадался. Заходи.">
<title>Кто в меня верит?</title>
</head>
<body>
Я в тебя верю!
</body>
</html>
вопросы:
1. а можно как-то заранее посмотреть, как в различных поисковых системах будет выдаваться description моего сайта, пока я не выложил его в сеть?
2. насколько безопасно его менять с точки зрения поисковых машин, если я позже решил, что нужно укоротить или заменить описание страницы?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="видеоигры, персонаж, атрибуты, навыки">
<meta name="description" content="На данной странице я предоставлю мой личный топ любимых или просто хороших игр в жанре RPG">
<title>топ 10 RPG всех времён и народов</title>
</head>
<body>
</body>
</html>
Отличные уроки!!!.Я и хожу на курсы HTML, но вы намного больше объясняете чем на курсах. И самое приятное то, что у вас свободный доступ к урокам. Это хорошо для тех, кто хочет знать, но не может сразу оплатить обучение. Спасибо большое за ваш труд. При первой возможности постараюсь материально поддержать ваш проект. Удачи вам в работе!
<head>
<meta charset="utf-8">
<meta name="keywords" content="HTML, обучение, развитие, сайты">
<meta name="description" content="Тестовая страничка для практики создания страниц в HTML">
<title>HTML - как научиться создавать сайт за пару дней</title>
</head>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="курс, вебинары для воспитателей, образование, детский сад, дети">
<meta name="description" content="Возможность заняться самообразованием для воспитателей и педагогов. После изучения материала предоставляется сертификат">
<title>Курс вебинаров по дошкольному образованию</title>
</head>
<body>
<p>Курс раскрывает актуальные проблемы дошкольного образования России</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="кошки, коты, домашние животные">
<meta name="description" content="Как на Руси появились кошки, пушистые любимцы,история домашней кошки">
<title>КОТИКИ</title>
</head>
<body>
<h1>Домашние любимцы</h1>
К О Т И К И
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="авиация, самолеты, небо, полеты">
<meta name="description" content="Гражданская авиация с точки зрения одного человека. Интересные фотографии, видео и просто мысли вслух">
<title>Гражданская авиация</title>
</head>
<body>
<h1>Гражданская авиация</h1>
Здесь будут самолетики
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "keywords" content = "собаки,породы,разновидности">
<meta name = "description" content = "Английские мастифы являются самыми большими собаками в мире. Взрослый кобель весит приблизительно 113 килограммов. Высота в холке составляет около 76 сантиметров..">
<title>Блог о породах собак- breed of dog.</title>
</head>
<body> <h1>Всё о породах собак</h1>
Какие бывают разные:крупные и небольшие,гладкошёрстные и пушистые и другие отличия
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Fitchpork — похуистическое медиа о музыке</title>
<meta name="description" content="Самое адекватное музыкальное медиа в русскоязычном интернете без фальши, зато с рофлами">
<meta name="keywords" content="музыка, сми, fitchpork, бэйс, хип-хоп, электроника">
</head>
<body>
<h1>Everthe8 — пиздуй в США</h1>
Если когда-нибудь нас спросят, существованием какого русского рэпера мы гордимся больше всего, редакция Фитчпорка единогласно ответит, что это Everthe8.
Уничтожив в прошлом году к хуям все возможные потуги плохоньких рэперков со всех простов страны, в 2020-м Тимурик не останавливается. Видимо, закрывшись на студии со своими кентами, наш любимый бурят прекрасно понимает, что сидеть на месте — это не выход, и нужно ебашить. Вполне себе целостным и оформленным плодом этого ебашилова стали три охуительных трека, два из которых, к тому же, обзавелись качественными визуализациями.
Даже несмотря на то, что к MJ и Get Gwoop мы отнеслись с некой долей скептицизма, однако при неоднократных повторных прослушиваниях уже не могли не подпевать. А вышедший сегодня ночью Bipolar напрочь порвал наши башни. Надеемся, что ваши башни также не останутся на месте.
Выходите на запад, парни. С таким уровнем подачи материала иметь на Спотифае 364 ежемесячных слушателя — это настоящее преступление. Ваша аудитория не в Рашке, ваша аудитория в Штатах, которая прям щас сидит и ждет чего-то супер крутого. Как раз таки условный Bipolar и должен стать для них этим крутым.
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Микрожизнь</title>
<meta name="description" content="Вокруг нас огромный микромир, который мы не замечаем, давайте его изучать">
<meta name="keywords" content="микроб, вирус, микробиология">
</head>
<body>
Микробиология - это наука изучающая микроорганизмы из разных семейств и родов. Изучает процесс жизнедеятельности микроорганизмов, взаимодействие с человеком и вызываемые заболевания.
<br>
Начнем с морфологии, сегодня поговорим о "шаровидной" форме микроорганизмов, кокки - от греч. зерно.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Копировальный центр "Оригинал"</title>
<meta name="description" content="Оперативная полиграфия Оригинал. Весь комплекс полиграфических услуг:
изготовление визиток, листовок, буклетов; широкоформатная интерьерная печать баннеров; широкоформатная печать,
сканирование и фальцовка чертежей; нанесение изображений на сувенирную продукцию.">
<meta name="keywords" content="широкоформатная печать, визитки, баннера,
сувенирная продукция, сканирование, печать чертежей">
</head>
<body>
<h1>Копировальный центр "Оригинал"</h1>
Копировальный центр работает с 1996 года
и оснащен комплексом современного оборудования
для оказания практически полного спектра услуг
по оперативной полиграфии. Высокая скорость печати
позволяет нам выполнять заказы в кратчайшие сроки,
высокое качество печати - удовлетворить самых
требовательных клиентов, а наличие собственного
сервисного центра - постоянно поддерживать оборудование
в работоспособном состоянии.
К Услугам наших клиентов профессиональные сканеры,
полноцветные и монохромные принтеры, широкоформатная печать,
резка, брошюрование и другие виды постпечатной обработки
готовой продукции. Богатый практический опыт работы
сотрудников гарантирует неизменно высокое качество услуг,
а разумные цены стали залогом нашего долгосрочного сотрудничества
со многими организациями города и области.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content=" the largest selection of cars in the world, lowest prices , best service! you can choose your own car ,and buy it right away! ">
<meta name="keywords" content="Lexus,audi,BMW,tesla ,Toyota, buy car,cheap car ">
<title>CIScars</title>
</head>
<body>
<h1>Buy best cars here</h1>
choose your car
</body>
</html>
Оформляйте код (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте, пожалуйста. А потом ответьте мне на этот комментарий. Проверю домашку после этого.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="Кошки, фото, описание породы, характер">
<meta name="description" content="Мейн-кун – аборигенная порода американских кошек, характеризующаяся крупными размерами и внушительной массой тела.">
<title>Кошка Мейн-кун: описание породы, фото, цена котят, отзывы</title>
</head>
<body>
<h1>Мейн-ку́н</h1>
Мейн-ку́н (англ. maine coon) — порода кошек, которая произошла от кошек штата Мэн на северо-востоке США. Аборигенная порода кошек Северной Америки. Название «мейн-кун» переводится как «мэнский енот», отсюда происходит второе название этой породы — мэнская енотовая кошка.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Футбольная аналитика - сайт для тех кто любит футбол как науку. Подробный анализ матчей и игроков">
<meta name"keywords" content="футбол,аналитика,разбор">
<title>Футбольная аналитика - cococo.ru</title>
</head>
<body>
<h1>Ибра - ТОП</h1>
Всем известные факты
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Виноград России</title>
<meta name = "description" content = "Все о винограде в России. Различные сорта, описание, уход"/>
<meta name = "keywords" content = "Виноград, Томайский, сорта, уход, разведение, саженцы"/>
</head>
<body>
<h1>Сорта винограда</h1>
<h2>Томайский</h2>
<p>Столовый виноград Томайский выведен селекционерами Молдавского НИИВиВ. Сорт характеризуется хорошей зимостойкостью, перенося без повреждений морозы до минус 23 градусов. Проявляет высокую устойчивость к филлоксере. Недостатком этого сорта считается периодически проявляемая склонность к горошению. В случае повышенной влажности в начале вызревания плодов вероятно растрескивание ягод. При перезревании может быть сильно поражен осами или серой гнилью. Сорт Томайский обладает устойчивостью к оидиуму в 4 балла, 2,75 - 3,25 – к милдью, 3,5 - 4 – к серой гнили.
Растение образует средней силы или сильнорослые кусты с удовлетворительным вызреванием побегов. Виноград сорта Томайский не рекомендуется перегружать, оставляя глазков на куст не более 35 - 45 штук. Плодоносных побегов насчитывается 76%. Плодовые лозы обрезаются на длину 6 - 8 глазков. Плоды, успевающие вызревать, часто появляются на пасынках. На развившийся побег гроздей в среднем должно быть 1,2, на плодоносный – 1,5.
Томайский – очень раннеспелый сорт винограда, для которого период от распускания почек до фазы съемной спелости составляет 105 - 110 дней. Этот сорт с обоеполыми цветками считается отличным опылителем для однополых цветков других сортов. Урожайность его очень стабильна и достигает 14 т/га.
Средние и крупные грозди винограда Томайский средней массой 400 - 600 г могут достигать 1 кг при условии формирования с хорошим запасом древесины. Конической формы ветвистые грозди имеют плотность от средней до высокой. Крупные плоды весом 5 - 7 г и размерами 26x24 мм овальной формы имеют красно-фиолетовую окраску и издают мускатный аромат.
Сочная мясистая мякоть под нежной тонкой кожицей обладает гармоничным приятным вкусом с легкой ноткой черешни в послевкусии. Дегустационная оценка этого винограда в свежем виде – 7,9, в сушеном – 7,8 балла. Сахаристость для сорта Томайский составляет 17,6 г/100 см3, тогда как кислотность – 8,2 г/дм3. Сорт характеризуется средней транспортабельностью при высоких товарных качествах.</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>
<h1>Избранные стихи автора</h1>
<p>Любовная лирика</p>
<p>Гражданская лирика</p>
<p>Шуточные стихи</p>
<h2>Прием заказов</h2>
<p>Заказ поздравлений</p>
<p>Заказ текстов песен</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>о кошечках</title>
<meta name="keywords" content="кошки,породы,уход за кошками,котята">
<meta name="description" content="На этой странице вы узнаете о разных породах кошек">
</head>
<body>
Текст про сиамскую породу
<br>
Текст про персидскую породу
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Сад, огород и прочие премудрости...</title>
<meta name="description" content="Всё, что вы хотели знать о уходе за садовыми деревьями, но стеснялись спросить">
<meta name="keywords" content="садовые деревья, уход, защита от вредителей">
</head>
<body>
<h1>Во саду, ли в огороде..</h1>
Все мы любим овощи и фрукты и вдвойне приятней и полезнее, когда они выращены собственными руками. Но только настоящие садоводы и огородники
знают, какой это нелёгкий, каждодневный труд.
</body>
</html>
<!DOCTYPE html>
<html lang = "ru" >
<head>
<meta charset="UTF-8">
<title>Мой самоучитель по HTML</title>
<meta name="description" content = "Выучить язык HTML самостоятельно за неделю. Учим язык программирования">
<meta name="keywords" content="HTML, самостоятельно, короткие сроки">
</head>
<body>
<h1>Изучаем HTML с нуля</h1>
Это мой личный небольшой проект о том, как в короткие сроки, не прибегая к платным курсам, не тратя время на дорогу до учебного заведения, изучить язык разметки HTML.
Если кому-то интересно, как я учусь, какие ресурсы использую - присоединяйтесь, буду рада помочь.
Помните: возраст, отуствие определенных знаний, например - технического образования, недостаток времени - не помеха, если есть сильное желание и стремление.
Вместе мы научимся не только писать сайты, но и создавать красивый читаемый контент
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Гражданская оборона - далеко бежит дорога (текст)</title>
<meta name="description" content="Текст песни "eдалеко бежит дорога"e известной группы "eгражданская оборона"e ">
<meta name="keywords" content="ГО, гражданская оборона, Егор Летов, Далеко бежит дорога, текст песни гражданской обороны">
</head>
<body>
<h2>Гражданская оборона - далеко бежит дорога</h2>
Мы идём в тишине <br>
По убитой весне <br>
По разбитым домам <br>
По седым головам <br>
По зелёной земле <br>
Почерневшей траве <br>
По упавшим телам <br>
По великим делам <br>
По разбитым очкам <br>
Комсомольским значкам <br>
По кровавым словам <br>
По голодным годам <br>
Мы идём в тишине <br>
По убитой весне <br>
По распятым во сне <br>
И забытым совсем <br>
Ворох писем-не скучай <br>
Похоронка-липкий чай <br>
Но мы идём в тишине <br>
По убитой весне <br>
По разбитым домам <br>
По седым головам <br>
По зелёной земле <br>
Почерневшей траве <br>
По упавшим телам <br>
По великим делам <br>
Мы идём в тишине <br>
По убитой весне <br>
Ворох писем-не скучай <br>
Похоронка-липкий чай <br>
Мы идём в тишине <br>
По убитой весне <br>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Сайтик Лучезара</title>
<meta name="descripsion" content="Сайтик Лучезара,где он изучает HTML-код">
<meta name="keywords" content= "HTML-код, изучение, программирование">
</head>
<body>
<h1>Я Лучезар</h1>
<p><b>Привет! Это мой сайт, где я обучаюсь!</b></p>
<p><i>Я учусь HTML-коду</i></p>
<p><b> HTML </b> — стандартизированный язык разметки документов во Всемирной паутине.
<br>Большинство веб-страниц содержат описание разметки на языке HTML.
<br>Язык HTML интерпретируется браузерами; полученный в результате
интерпретации форматированный текст отображается на экране
монитора компьютера или мобильного устройства.
<img src="https://php.zone/app/img/html-350x184.jpg">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Драники</title>
<meta name="keywords" content="картофель,лук">
<meta name="description" content="Самые правильные драники">
</head>
<body>
<h1>Драники без яиц и без муки</h1>
<p>Картофель чистим и натираем на морковную терку</p>
<p>Лук чистим и измельчаем блендером.</p>
<p>Солим, перемешиваем, ничего не отжимаем.</p>
<p>В сковороде сильно нагреваем растительное масло.</p>
<p>Выкладываем наши драники столовой ложкой.</p>
<p>Жарим с двух сторон до золотистой корочки. Подаем горячими со сметанкой</p>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title> Ira_hairstyles </title>
<meta name="description" content="Делаю любые виды причесок: локоны, собранные, косоплетение и т.д">
<meta name="keywords" content="Прически на дом, выпускные, свадебные,детские, вечерние">
</head>
<body>
<h1>Прически в Харькове</h1>
<img src="https://instagram.fhrk6-1.fna.fbcdn.net/v/t51.2885-15/e35/102840880_1454681421401160_1577509532875613250_n.jpg?_nc_ht=instagram.fhrk6-1.fna.fbcdn.net&_nc_cat=100&_nc_ohc=_C-BX2QZUwsAX_Oq77x&oh=d73b48864ce18838ecaab4377cef6421&oe=5F42E755">
<h2>Свадебные и выпускные</h2>
<br>
<h2>Вечерние</h2>
<br>
<h2>Укладка и локоны</h2>
<br>
<h2>Косоплетение</h2>
</body>
</html>
Возник вопрос, а для того чтобы добавить свою фотографию с рабочего стола, ее нужно залить в интернет или как именно ? Просто ту которую я вставил, ее нашел в коде инстаграмма.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="попугаи,экзотические птицы,птицы,говорящие попугаи,уход за попугаем,волнистые попугаи">
<meta name="description" content="Всё о попугаях. Как научить попугая говорить.">
<title>Всё про попугаев</title>
</head>
<body>
<h1>Что нужно знать, если решил завести попугая </h1>
Текст новости
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блог о спорте - Sportivnaya gimnastika.ua</title>
<meta name="description" content="всё о спортивной гимнастике,
расписание соревнований, соревнования включающие в себя вольные упражнения">
<meta name="keywords" content="спорт,здоровый образ жизни, ">
</head>
<body>
<h1>Sportivnaya gimnastika</h1>
Текст о спортивной гимнастике
<br>
Всё о вольных упражнениях
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<titleЗдоровый образ жизни</title>
</head>
<body> Я в тебя верю!
<h1>Верь в себя,ты сможешь, вкусно и полезно, мы для вас посчитаем каллории
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="одни очки для разных расстояний">
<meta name="keywords" content="оптика, очки, зрение, прогрессивные, линзы, оправы">
<title>Прогрессивные линзы - Оптика</title>
</head>
<body>
<h1>Прогрессивные линзы</h1>
Для людей пресбиопического возраста необходим двое очков.
Но прогрессивные линзы могут заменить их. Приходите к нам и убедитесь в этом!
</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>У нас вы можете провести вечер вместе со всей семьей зс столиком кофе с синабонами или другой выпечкой. Детям предоставляется игровое пространство.</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> C помощью нашей программы, вы без проблем научитте читать своего ребенка
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Новый стиль музыки - поп-панк. Популярные группы, история происхождения нового жанра музыки">
<meta name="keywords" content="панк, группы, музыка, поп-панк">
<title>Популярные поп-панк группы</title>
</head>
<body>
<h1>Происхождение нового жанра поп-панк</h1>
Текст новости
</body>
</html>
Оформите, пожалуйста, код (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте, пожалуйста. А потом ответьте мне на этот комментарий. Проверю домашку после этого.
<!DOCTYPE html>
<html>
<head>
<title>Автотема - блог об автомобилях и всё что с ними связано</title>
<meta charset="UTF-8">
<meta name="description" content="Все самое интересное о новинках автопрома и развитии автомобильной индустрии">
<meta name="keywords" content="Автомобили, автотема, машины, автомобильные новости, автопром">
</head>
<body>
Будущий контент...
</body>
</html>
<!DOCTYP html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="Уравнения, неравенства, производная, тригонометрия,проценты, степени и все, что нужно для сдачи ЕГЭ">
<meta name="description" content="Качественная подготовка к ЕГЭ по математике. Последовательно от простого к сложному. Теории на практике. Подробный разбор решений с понятными пояснениями">
<title>Математику сдам успешно</title>
</head>
<body>
</body>
</html>
<!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>
Первый завтрак – овсяная каша и чашка горячего чая.
<br>Второй завтрак – свежий фрукт, либо ягоды.
<br>Обед – борщ с мясными котлетами.
<br>Полдник – стакан питьевого йогурта.
<br>Ужин – плов и овощной салатик.
<p>График питания</p>
Завтрак в 8-9 часов утра. Как правило, мюсли и йогурт, молочные каши.
<br>Обед в 12-14 часов дня. Суп и борщ без жирного мяса.
<br>Полдник в 4-5 часов вечера. Лучше скушайте яблоко, грушу, банан, сухофрукты.
<br>Ужин в 7 часов вечера. Желательно есть нежирную рыбу, тушеные овощи, кефир.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Descrition" content="Обучим новичков играть на синтезаторе">
<meta name="Keyworlds" content="Обучение, Музыка, Синтезатор">
<title>Музыка для начинающих - WebBegMusic.ru</title>
</head>
<body>
<meta name="keyworlds" content="Обучим новичков играть на синтезаторе">
<h1>WebBegMusic.ru - Сайт обучения игре на синтезаторе</h1>
Всем привет! Мы научим вас играть на синтезаторе, присоединятесь.
</body>
</html>
исправил.
1.Убрал meta из блока body
2.Перенес meta в блоке head в строку после тега title<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Музыка для начинающих - WebBegMusic.ru</title>
<meta name="Descrition" content="Обучим новичков играть на синтезаторе">
<meta name="Keyworlds" content="Обучение, Музыка, Синтезатор">
</head>
<body>
<h1>WebBegMusic.ru - Сайт обучения игре на синтезаторе</h1>
Всем привет! Мы научим вас играть на синтезаторе, присоединятесь.
</body>
</html>
Нужно оформить код в комментарии (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте ваш комментарий, пожалуйста. А потом ответьте мне на этот комментарий. После этого проверю вашу домашнюю работу и отвечу на вопросы.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="discription" content="Сайт для тех кто любит кошек, и хочет знать о них больше! Забавные моменты и интересные истории пронаших друзей младших.">
<meta name="keywords" content="кошки, кот, кошка, домашние животные, юмор, истории">
<title>Все о кошках, от А до Я.</title>
</head>
<body>
<h3>Почему у кошек светятся глаза в темноте?</h3>
Светящиеся в темноте глаза кошек нанесли большой ущерб репутации этих животных.
На протяжении веков черные кошки считались спутниками ведьм, а убеждение, что глаза кошек светятся сами, дожило до наших дней. Однако простой опыт убеждает в обратном. Если посадить кошку в комнату без окон, то в полной темноте ее глаза светиться не будут.
Сияние кошачьих глаз объясняется просто — они отражают свет исключительно от внешнего источника.
Секрет же свечения глаза — в тонком отражающем слое, состоящем из прозрачных клеток.
Когда луч света через роговицу и хрусталик достигает светочувствительной сетчатки, он поглощается не целиком.
Часть света достигает внутренней сосудистой оболочки.
У животных со светящимися глазами этот свет отражается прозрачными клетками назад, пронизывает сетчатку, увеличивая светочувствительность глаза, и узким пучком излучается наружу, что, собственно, и позволяет животному ночью видеть гораздо лучше.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="discription" content="Составление подробного плана тренировок, в домашних условиях">
<meta name="keywords" content="спорт, программа, в домашних условиях">
<title>FitnesBlog</title>
</head>
<body>
<h1>Кубики на животе</h1>
<p>Тренировать мышцы пресса нужно утром. Натощак, когда в организме нет питательных веществ, он начинает сжигать собственные жировые отложения.
По недавним исследованиям физиологов, качать мышцы пресса во время критических дней вредно для организма. Продолжать же тренировки нужно не сразу, а через пару дней после менструации.
Пресс такая же мышца, как и все остальные, и отдых ей нужен не меньше 48 часов. То есть, тренируя мышцы живота пару раз в неделю по 3-4 подхода и выполняя по 15-20 повторений, вы добьетесь такого же эффекта, как и выполняя каждый день по 10 подходов. Дальнейшее увеличение повторений не приведет к ускорению результата.
Даже тысяча повторений не дадут вам такого эффекта роста мышц, как 10-20 повторений, но с максимальным для вас весом. Убедиться в том, что вы тренируете именно те мышцы, которые вам нужно следующим способом. На пике выполнения любого упражнения застыньте на 2-3 секунды. Так вы поймете какие именно мышцы напряглись в этот момент в этом упражнении.
Нельзя качать все зоны пресса в один день. Условно можно разделить все мышцы пресса на несколько зон и прорабатывать каждую из них.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Воплоти свою детскую мечту и напиши книгу! Краткое руководство по развитию писательских способностей.">
<meta name="keywords" content="книги, писательство, литература, самиздат">
<title> Гайд по написанию книги за 30 дней</title>
</head>
<body>
<h1>С чего начать?</h1>
</body>
</html>
Давно хотела научится делать описание страницы, а здесь такая подробная статья и у меня все получилось. Огромное вам спасибо что делитесь такой информацией.
Всегда пожалуйста =)
Если разобраться, то ни чего сложного оказывается нет. Спасибо, все описано простым и понятным языком.
Да, HTML очень прост на самом деле, главное - начать.
Весь текст лучше не читать))))
Хорошо)
Ок
Жаль что описание не посмотришь в поисковой выдаче.
Именно оно и отображается в большинстве случаев.
Отлично!
Стоит переносить теги на новые строки
Отлично
Готово! Примите, пожалуйста!
Отлично
Я хочу сделать, чтобы под названием сайта отображались ссылки вот таким образом:
Главная
Новости
Песни
Видео
Биография
Фото
Интерактив
Для этого нужен будет этот тег?
Да, всё это будет в следующих уроках. Не торопитесь =)
Для чего комментарии?)
Отлично. Для оформления кода используйте соответствующую кнопку в окне создания комментария.
Я так поняла в теге description нельзя ставить кавычки? У меня даже цвет поменялся в коде, где написано "люди моря".
Верно. Для этого нужно их заменить на специальный символ
Вот так:
Спасибо!
Что обозначает строка <meta http-equiv="x-ua-compatible" content="ie=edge"> в коде этой страницы?
А погуглить?)
текст ссылки
вот так сойдет
Отлично
Отлично
Отлично
Супер!
Отлично
Отлично
Отлично
Отлично
Лучше писать описание с большой буквы. Оно также должно быть побольше.
Ошибка. Тег не закрыт. Используйте редактор с подсветкой кода.
Опять та же самая ошибка
Отлично
Отлично
Отлично
Отлично
Отлично
Отличные уроки!!!.Я и хожу на курсы HTML, но вы намного больше объясняете чем на курсах. И самое приятное то, что у вас свободный доступ к урокам. Это хорошо для тех, кто хочет знать, но не может сразу оплатить обучение. Спасибо большое за ваш труд. При первой возможности постараюсь материально поддержать ваш проект. Удачи вам в работе!
Спасибо) Удачи в обучении)
Отлично
Отлично
Почему с большой буквы?
Отлично
Отлично!
Отлично!
Отлично!
Привет.
Привет. Тут всё ок!
Отлично
Отлично
Отлично
Пробел не нужен. В конце тоже.
Отлично
Отлично
Отлично, но есть опечатка: оптимальнеы
Вот, что у меня получилось:)
Оформляйте код (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте, пожалуйста. А потом ответьте мне на этот комментарий. Проверю домашку после этого.
Исправил
Отлично!
Отлично
Спасибо большое за курсы! Все понятно)
Пожалуйста
Отличные курсы. Очень легко и доступно преподносится материал. Спасибо.
Пожалуйста)
Отлично
Отлично
Не стоит в дескрипшене и в кейвордах делать переносы строк. Ну и отступы почему-то пляшут. h и p должны быть на одном уровне.
Отлично
А где тайтл?
Отлично. Тайтл лучше с большой буквы начинать
Отлично
Здравствуйте
Отлично
Отлично!
Отлично
Ну вот как то так:)
Отлично!
Отлично
Отлично!
Возник вопрос, а для того чтобы добавить свою фотографию с рабочего стола, ее нужно залить в интернет или как именно ? Просто ту которую я вставил, ее нашел в коде инстаграмма.
Можно положить рядом с html-файлом, потом в последнем уроке курса когда будем в загружать сайт на хостинг выложите всё разом.
Отлично
Отлично
Норм. Безопасник что ли?)
Отлично!
Отлично!
Тег title с ошибкой
Отлично) Пожалуйста)
Отлично
Отлично
Отлично
Исправил)
Не закрыли кавычку
Отлично
Здравствуйте! Не знаю, как в Google, а вот в Яндексе описание задают самые обычные пользователи из Яндекс.Толоки)))) Очень полезная статья, спасибо.
Да, яндекс умеет удивлять)
Добрый день.
Приветствую. Ошибка. Все мета-теги должны находиться в теге head.
Теперь верно?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Все о книгах Стивена Кинга - KnigiStiva.ru</title>
</html>
Оформите, пожалуйста, код (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте, пожалуйста. А потом ответьте мне на этот комментарий. Проверю домашку после этого.
День добрый, всё ли верно?
Привет! Да, всё отлично
Отлично
Почему КАПСОМ?
Всё сделано)
Прикладывайте исходник в комментарии, не стесняйтесь)
Отлично
Многовато ошибок. Всё в опечатках. Descrition, Keyworlds - это не будет работать для поисковиков.
мета-теги должны быть в шапке
исправил.
1.Убрал meta из блока body
2.Перенес meta в блоке head в строку после тега title<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Музыка для начинающих - WebBegMusic.ru</title>
<meta name="Descrition" content="Обучим новичков играть на синтезаторе">
<meta name="Keyworlds" content="Обучение, Музыка, Синтезатор">
</head>
<body>
<h1>WebBegMusic.ru - Сайт обучения игре на синтезаторе</h1>
Всем привет! Мы научим вас играть на синтезаторе, присоединятесь.
</body>
</html>
Нужно оформить код в комментарии (в редакторе комментариев самая первая кнопка).
Нажмите на карандашик и поправьте ваш комментарий, пожалуйста. А потом ответьте мне на этот комментарий. После этого проверю вашу домашнюю работу и отвечу на вопросы.
h1 должен быть) Дальше будет объяснение. Для данного этапа всё ок.
Отлично
Отлично
Не закрыт мета-тег description. Грубая ошибка.