Чат Telegram
Группа ВКонтакте
Новый комментарий


Hunter 20.12.2017 в 20:17

как мне сделать также как и на образце

ivashkevich 21.12.2017 в 17:04

Вам нужно создать 2 странички - book1.html и index.html. В них положить приведенные примеры. Всё :)

Hunter 21.12.2017 в 19:02

Спасибо

Julia0603 25.02.2018 в 23:39

а почему вместо div используются теги p для образования блоков с информацией? насколько я помню статью - код с душком - это не правильно и далеко не эталонно в качестве примера...как и большое кол-во br в разметке...

ivashkevich 26.02.2018 в 04:18

Привет! В данном курсе нет блочной верстки, поэтому о div-ах здесь нет речи.
Что касается тега p - именно его нужно использовать для разбиения текста на абзацы, независимо от того, используются div-ы или нет.
div-ы нужны для разбиения на функциональные блоки. Например, для отделения текста статьи от сайдбара. Но их не стоит использовать для разбиения на абзацы.

ImmortalPsych 04.07.2018 в 19:39

Сделал свой двухстраничный сайтик, скинул себе в вк сообщением, попытался открыть через устройство, на котором нет файлов формата .html (они есть только на компе), не открывается... Скинул файлики .html на телефон, открываются браузером.
Вывод: до сих пор я учился делать локальные сайты. Думаю, в продолжении узнаю, как делать общедоступные:)

ivashkevich 06.07.2018 в 18:05

Да, впереди вас ждёт урок о том, как выложить сайт в интернет =)

ImmortalPsych 04.07.2018 в 19:42

А так вот он, мой сайт на данный момент. Информацию, ясное дело, я брал с других сайтов.

1 страница:

<!DOCTYPE=html>
<html>
<head>
    <meta charset="utf-8">
    <title>Как выбрать смартфон?</title>
    <meta name="keywords" content="смартфоны, информационные технологии, ит, айти, ай ти, it, 2018, технологии" >
    <meta name="description" content="Жизнь современного человека невозможно представить без мобильного устройства – с тех пор, как мобильный интернет получил широкое распространение, пользователи стали проводить перед экраном <b>смартфона</b> еще больше времени, чем за компьютером. Однако, как правило, о гаджетах мы знаем столько же, сколько о наших организмах – чуть больше, чем <i>ничего</i>.">
</head>
<body>
<h1>Как выбрать смартфон? Руководство по покупке: 5 вещей, которые нужно знать:</h1>
    <ol>
        <h2><li>Выберите подходящую операционную систему (ОС)</li></h2>
        <h2><li>Выбираем размер смартфона: фаблет или не фаблет?</li></h2>
        <h2><li>Обращайте внимание на эти характеристики</li></h2>
            <ul>
                <h3><li>Процессор</li></h3>
                <h3><li>Оперативная память (RAM / Random Access Memory)</li></h3>
                <h3><li>Объём встроенной памяти и  её расширение</li></h3>
                <h3><li>Экран</li></h3>         
            </ul>
        <h2><li>Фотокамера в смартфоне (не придавайте слишком большое значение количеству мегапикселей)</li></h2>
        <h2><li>Проверьте выносливость аккумулятора</li></h2>
    </ol>
<h1>Разобрались? <a href="Рейтинг лучших.html">Тогда перейдём к 5 лучшим смартфонам 2018 года в соотношении цена/качество!</a></h1>
</body>
</html>

2 страница:

<!DOCTYPE=html>
<head>
    <meta charset="utf-8">
    <title>Рейтинг смартфонов 2018 года</title>
    <meta name="keywords" content="смартфоны, информационные технологии, ит, айти, ай ти, it, 2018, технологии, топ смартфонов, цена/качество">
</head>
<body>
<pre>                                                       <a href="Смартфоны.html">Вернуться назад</a></pre>
<h1>Рейтинг смартфонов 2018 цена/качество и их характеристики:</h1>
    <ol>
        <h2><li>OnePlus 5T</li><h2>
            <ul>
                <li>Диагональ экрана: 6 дюймов</li>
                <br><li>Разрешение: 2160х1080</li>
                <br><li>Вес: 162 г</li>
                <br><li>Количество SIM-карт: 2</li>
                <br><li>Процессор: Qualcomm Snapdragon 835</li>
                <br><li>Объем памяти: 64 Гб</li>
                <br><li>Объем ОЗУ: 6 Гб</li>
                <br><li>Емкость аккумулятора: 3300 мАч</li>
                <br><li>Основная камера: двойная 16/20 МП</li>
                <br><li>Поддержка карт памяти: нет</li>
                <br><li>Поддержка сетей 4G: есть</li>       
            </ul>
        <h2><li>Samsung Galaxy Note 8 64GB</li><h2>
            <ul>
                <li>Диагональ экрана: 6,3 дюйма</li>
                <br><li>Разрешение: 2960×1440</li>
                <br><li>Вес: 195 г</li>
                <br><li>Количество SIM-карт: 2</li>
                <br><li>Процессор: Exynos 9 Octa 8895</li>
                <br><li>Объем памяти: 64 Гб</li>
                <br><li>Объем ОЗУ: 6 Гб</li>
                <br><li>Емкость аккумулятора: 3300 мАч</li>
                <br><li>Основная камера: двойная 12/12 МП</li>
                <br><li>Поддержка карт памяти: есть</li>
                <br><li>Поддержка сетей 4G: есть</li>   
            </ul>
        <h2><li>Google Pixel 2</li><h2>
            <ul>
                <li>Диагональ экрана: 5 дюймов</li>
                <br><li>Разрешение: 1920×1080</li>
                <br><li>Вес: 143 г</li>
                <br><li>Количество SIM-карт: 1</li>
                <br><li>Процессор: Qualcomm Snapdragon 835</li>
                <br><li>Объем памяти: 64 Гб</li>
                <br><li>Объем ОЗУ: 4 Гб</li>
                <br><li>Емкость аккумулятора: 2700 мАч</li>
                <br><li>Основная камера: двойная 12 МП</li>
                <br><li>Поддержка карт памяти: нет</li>
                <br><li>Поддержка сетей 4G: есть</li>       
            </ul>
        <h2><li>Honor 9 Lite</li><h2>
            <ul>
                <li>Диагональ экрана: 5,65 дюйма</li>
                <br><li>Разрешение: 2160×1080</li>
                <br><li>Вес: 149 г</li>
                <br><li>Количество SIM-карт: 2</li>
                <br><li>Процессор: HiSilicon Kirin 659</li>
                <br><li>Объем памяти: 32 Гб</li>
                <br><li>Объем ОЗУ: 3 Гб</li>
                <br><li>Емкость аккумулятора: 3000 мАч</li>
                <br><li>Камера: 13/2 МП</li>
                <br><li>Поддержка карт памяти: есть</li>
                <br><li>Поддержка сетей 4G: есть</li>       
            </ul>
        <h2><li>iPhone X</li><h2>
            <ul>
                <li>Диагональ экрана: 5,8 дюйма</li>
                <br><li>Разрешение: 2436×1125</li>
                <br><li>Вес: 174 г</li>
                <br><li>Количество SIM-карт: 1</li>
                <br><li>Процессор: Apple A11 Bionic</li>
                <br><li>Объем памяти: 256 Гб</li>
                <br><li>Объем ОЗУ: 3 Гб</li>
                <br><li>Емкость аккумулятора: 2716 мАч</li>
                <br><li>Основная камера: двойная 12/12 МП</li>
                <br><li>Поддержка карт памяти: нет</li>
                <br><li>Поддержка сетей 4G: есть</li>   
            </ul>
    </ol>
<h1>Ну вот и всё, выбор за вами!</h1>
</body>
</html>

!!!НЕ ЗАБУДЬТЕ СИНХРОНИЗИРОВАТЬ НАЗВАНИЯ ФАЙЛОВ И ССЫЛОК В КОДАХ!!!

ivashkevich 06.07.2018 в 18:07

Отлично! Но не забывайте, что на странице должен быть только один h1 заголовок. Это очень важно для SEO.

nastasya95 10.07.2018 в 10:12

Я правильно понимаю, что для создания сайтов используем относительные ссылки (короткие) формата <a href="index.html">Вернуться к списку книг</a> ?
или и абсолютные можно использовать ?

ivashkevich 10.07.2018 в 16:27

Как правило абсолютные, начиная со слеша:

/link.html
levenetslev 03.08.2018 в 20:50

Орнул с "небольшая сказка про мучное изделие с большими амбициями"

Summers 11.12.2018 в 16:56

Прикольно :D

ivashkevich 11.12.2018 в 23:09

А то!

Summers 11.12.2018 в 16:58

На этом задании реально пришлось немного поработать. Зато как же потом отлегло, когда всё получилось :)

ivashkevich 11.12.2018 в 23:09

Это отлично!

kekspeks 28.12.2018 в 12:14

Я не понимаю, либо я делаю все неправильно, либо я сверхразум?
Как-то мне это просто дается, все работает. И логика понятна с первого раза.

Хотя еще есть третий варик: Артем - отлично объясняет)))

ivashkevich 28.12.2018 в 21:10

HTML - это просто, всё норм)

olga-ok 08.01.2019 в 07:45

Здравствуйте. Создала ссылки друг на друга на двух файлах - они не открываются... Пишет, что файл не найден, перемещен или удален. Перед этим удалила все предыдущие из прошлых уроков. Зря удалила?

ivashkevich 09.01.2019 в 21:28

Здравствуйте. Ну ссылки должны вести на существующие файлы. Раз не открываются, значит нужно их создать.

Liynar 20.01.2019 в 00:49

Не совсем понялпро . и .. Где на жестком диске иммено надо искать эти точки?
И откуда взялись
post/1
./frontend
../post/1
и с постом 696 697 к сожалению тоже не очень разобрался(

ivashkevich 20.01.2019 в 13:15

. - это текущая папка
.. - это папка на уровень выше (та, в которой лежит текущая)

Что именно непонятно про посты?

rus13mus06@gmail.com 11.04.2019 в 02:02

style="width:700px">
А это для чего?

ivashkevich 12.04.2019 в 10:44

Ширина для блока.

mr.niks2007@gmail.com 27.07.2019 в 07:03

первая страница

<!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>
    </ul>
    <a href="https://webshake.ru/html-training-course/24">помошник по зоздание сайта</a> <br/>
    <a href="version.html">скачать версии</a>

    </body>
    </html>
<!DOCTYPE html>
<html>
<head>
<!--Разл.подкл стилей,кейворды и т.д-->
<title>Pc servers minecraft.ru</title>
<meta charset ="utf-8"/>
<style><link href="style.css" rel="stylesheet"/></style>
<meta name="keywords" content="site block"/>
<meta name="description" content="No description"/>
</head>
 <body>
<strong>Выберите версию представленную ниже:</strong> </br>
<!--ещё недостаточно умен чтобы делать собственные создание скачек игры-->
<a href=>1.0.0</a> </br>
<a href=>1.1.0</a> </br>
<a href=>1.2.0</a> </br>
<a href=>1.3.0</a> </br>
<a href=>1.4.0</a> </br>
<a href=>1.5.0</a> </br>
 </body>
</html>

сойдет 67строчный код :)

ivashkevich 27.07.2019 в 08:40

<a href=>1.0.0</a>
href не может быть пустым

Veronika 03.08.2019 в 18:33

страница раз

<!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>
<a href="experience.html">[можно посмотреть здесь]</a>
<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>
    <meta name="keywords" content="опыт, опыт работы">
    <meta name="description" content="Путь моей деятельности, до того как я открыла для себя программирование">
</head>
<body>
<a href="index.html">Вернуться к резюме</a>
<h1>Организации в которых я работала</h1>
<h2>Организация 1</h2>
<p>Наименование<br>Сфера деятельности<br>Адрес</p>
<h3>Должность</h3>
<h2>Организация 2</h2>
<p>Наименование<br>Сфера деятельности<br>Адрес</p>
<h3>Должность</h3>
<h2>Организация 3</h2>
<p>Наименование<br>Сфера деятельности<br>Адрес</p>
<h3>Должность</h3>
</body>
</html>

я правильно поняла: использовать относительные или неполные абсолютные мы можем только в том случае, если уже находимся почти там? в той папке или в на том сайте, но на другой странице?

ivashkevich 03.08.2019 в 20:45

Именно так - относительно пути текущей страницы. Нет такого понятия, как неполные абсолютные, это вы сами придумали)

Artemy 29.09.2019 в 18:02

Привет! У меня вопрос. Допустим мне, на главной странице, нужно создать ссылки на 99 моих же страниц. Получается, в одной папке у меня лежат все мои 100 файлов HTML и к каждому из них необходимо сделать отдельный CSS файл?

ivashkevich 30.09.2019 в 00:36

Привет. Файл создаётся один. И одинаково везде подключается.

sshurdakov@gmail.com 17.10.2019 в 23:34

а старницы обязательно надо называть на англ? можно ли например чехлы.html ?

ivashkevich 18.10.2019 в 09:39

Необязательно, но рекомендуется. Для поисковиков вроде как так лучше.

sshurdakov@gmail.com 19.10.2019 в 20:23
страница 1
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="keywords" content="чемоданы, купить чемодан, неубиваемые чемоданы,для ручной клади, большой выбор, ассортимент, противоударный, с замком">
        <meta name="description" content="Качественные чемоданы. Большой выбор дорожных чемоданов для Вас!">
        <title>Надежные чемоданы для путешествий</title>
    </head>
    <body>

    <!-- Здесь будет вставлена картинка -->
    <h1>Ассортимент чемоданов</h1>
    <p>
    Чемоданы размера S
    </p>
    <p>
    Чемодан S подойдет для:
    </p>
    <ul>
    <li>Для ручной клади</li>
    <li>для мелких вещей</li>
    <li>для командировок</li>
    <li>для людей, которые любят путешествовать на легке</li>
    </ul>
    <p>
    Чемоданы размера M
    </p> 
    <p>
    Чемоданы размера L
    </p>
    <h2> Цвет чемоданов </h2>
    <p>
    Большой выбор цветов:
    </p>
    <ol start="1">
    <li>Белый</li>
    <li>Желтый</li>
    <li>Зеленый</li>
    <li>Красный</li>
    <li>Синий </li>
    <li>Фиолетовый </li>
    </ol>
     <hr>
    <h3>Характиристики </h3>
    <ul>
    <li>1. Классификация размеров
    <ul>
    <li>1.1 S - 22x37x60 см</li>
    <li>1.2 M - 27x43x69 см</li>
    <li>1.3 L - 32x48x76 см</li>
    </ul> 
    </li>
    <li>2. Вес</li>
    </ul>

    <a href="how-to-order.html">[как оплатить]</a>
    <h3> Описание</h3>
    <p>
    Чемоданы изготовлен из высокопрочного пластика. Прочных колеса позволяют легко перемещаться с чемоданом: по аэропорту, по жд вокзалу, по метро и по городу. 
    Имеет телескопическую ручку с фиксатором, эластичная прорезиненная ручка и кодовый замок.
    Особенности модели: <strong>съемные колеса, отделение с эластичными ремнями, предохраняющими одежду от перемещения; отделение на молнии; карман на молнии.</strong>
    </p>
<blockquote>Первая цель - качество, а прибыль сама придет.</blockquote>
<cite>Аристотель Онассис</cite>

    </body>

</html>

Страница 2 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Как купить</title>
    <meta name="keywords" content=" Купить, способ оплаты">
    <meta name="description" content="оплата за 1 минуту">
</head>
<body>

<a href="index.html">Вернуться к выбору чемоданов</a>
<p>
<b>Способы оплат:</b>
</p>
<ol start="1">
    <li>Банковской картой</li>
    <li>Перевод на P/C</li>
    <li>Наличными</li>
    </ol>
<p style="width:700px">После оформления заказа на сайте менеджер свяжется с вами в течение 30 минут.<br>
 <p>
 <strong> Пожалуйста, проверяйте правильность указания вашего телефонного номера — заказ доставляется только после подтверждения.</strong>
 </p>
 Мы обрабатываем заказы ежедневно с 9:00 до 22:00.
 Если вы оформите ваш заказ ночью, он будет обработан в следующий рабочий день
</p>

</body>
</html>
ivashkevich 19.10.2019 в 21:10

Отлично

Vika 08.11.2019 в 18:37
< !DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="keywords" content="собаки, карликовые, померанские, разновидности">
  <meta name="description" content="Шпицы- все о породе собак, разновидности, описание, уход">
  <title>Шпицы</title>
  </head>
 <body>
  <h1>Шпицы</h1>
   <p>В статье собраны породы по схожим внешним признакам: острые ушки, квадратный корпус, длинная 
   шерсть, клиновидная голова с лисьей мордой и прямые тонкие конечности. Хвост у Шпица заброшен на 
   спину или спокойно свисает. Интересно, что все собаки из группы имеют одного общего предка – 
   северного волка.</p>
   <p> В этой статье будут описаны следующие виды собак:
   <ul>
    <li>Американская эскимосская собака</li>
    <li>Вольпино итальяно</li>
    <li>Вольфшпиц</li>
   </ul>
   <h2>Виды шпицов</h2>
   <h2>Американская эскимосская собака</h2>
   <p>Появилась порода от ветки Немецкого шпица, завезенного в Америку в конце 19 века. Из-за анти 
   немецких настроений собак переименовали в Американских, но спустя 10 лет животные стали 
   непохожими на своих собратьев.</p>
   <h2>Вольпино итальяно</h2>
   <p> <b>Декоративный Европейский шпиц</b>, потомок немецких и померанских собак, выведенный в 
   Италии. 
   Порода самая немногочисленная в группе, стоимость доходит до <i>70 000 рублей</i>. Несмотря на 
   то, что официально признали животных только к 1956 году, существовали они и в 10 веке, о чем 
   свидетельствуют исторические холсты.</p>
   <h2>Вольфшпиц</h2>
   <p>Еще одно название – <b>Баржевая собака</b>, появилось из-за назначения песика: сопровождение 
   моряков на переправе для защиты припасов от грызунов. Родилась порода в Голландии от Немецкого 
   шпица, долгое время была символом повстанческой патриотической организации в Нидерландах.</p>
  <a href="http://www.hdseason.ru/publ/lostfilm/dekster/2-1-0-1239">Сериал</a>
  <p>Что такое собаки,вы можете посмотреть здесь <a 
   href="file:///C:/Users/TOSHIBA/Desktop/little%20dog.html"> собаки</a></p>
  </body>
  </html>
```**Вторая страница**
Vika 08.11.2019 в 18:38
< !DOKTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="keywords" content="собака, что это, знатоки">
<meta name="description" content="Точно никто не знает, но есть несколько догадок">
<title>Собаки</title>
</head>
<body>
<h1>Cобака</h1>
<p><b>Собака</b>- домашнее животное, одно из наиболее распространённых (наряду с кошкой) животных-компаньонов.</p>
<p><b>Домашнее животное</b> сем. псовых, родственное волку, используемое человеком для охраны, на охоте, в упряжке (на Севере) и т. п</p>
<p>Существуют собаки:</p>
<ul>
<li>Большие</li>
<li>Маленькие</li>
</ul>
<p>примеры маленьких собак вы можете посмотреть здесь <a
href="file:///C:/Users/TOSHIBA/Desktop/dog.html"> собаки</a></p>
</body>
</html>
ivashkevich 08.11.2019 в 19:05

Отлично

gudron145@yandex.ru 08.11.2019 в 19:42
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Это заголовок тайтл</title>
    </head>
    <body>
        <a href="21урок.html" target="_blank">На вторую страницу</a>
        <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">
        <title>Это заголовок тайтл</title>
    </head>
    <body>
        <a href="20урок.html" target="_blank">На первую страницу</a>
        <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>
    </body>
</html>
ivashkevich 08.11.2019 в 20:15

Отлично

gudron145@yandex.ru 08.11.2019 в 19:43

У меня немного по-другому. Примеры я сохраняю с своей папке для тренировок.

ivashkevich 08.11.2019 в 20:15

Ок

SakuraUzh 16.12.2019 в 01:59

Ссылка /html-training-course - это относительная ссылка, а не абсолютная.

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