Название страницы

Добавляем статью HTML

Добавляем статью в HTML-страницу.

Урок №4
Добавляем текст в HTML-страницу

В первых трех уроках, мы с вами изучили что такое HTML, как создавать HTML-страницы, а также разобрали код HTML-документа.

Теперь нам нужно наполнить свою HTML страницу контентом (статьёй). Обычно статья содержит заголовки и абзацы (параграфы). Также в статье могут присутствовать фотографии, ссылки, списки, аудио и видео файлы. Как добавить всё это на HTML-страницу, мы рассмотрим в этом и последующих уроках.

Вот как на данный момент выглядит код, нашего файла index.html :

    

Заголовок статьи

Абзац статьи.

Сначала добавим в HTML-документ, статью. Для примера я выбрал статью, которая рассказывает об удивительном и загадочном звере — снежном барсе , статья содержит один заголовок и два абзаца:

Снежный барс Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии, Казахстана, Кыргызстана, Китая, Монголии, Непала, Пакистана, России, Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом, относительно короткими лапами, небольшой головой и очень длинным хвостом. Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг. Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными пятнами. Охотится снежный барс, в основном, на горных козлов и баранов, также в его рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по приблизительным оценкам их количество варьируется в районе около 10 тысяч особей. По состоянию на 2016 год, охота на снежных барсов повсеместно запрещена.

В прошлом уроке мы выяснили, что между тегами — находится текст обозначающий название страницы. Так как наша статья посвящена снежному барсу, то мы сделаем название страницы следующим:
Страница о снежном барсе

    

Заголовок статьи

Абзац статьи.

Между тегами помещают текст, который является заголовком статьи, впишем туда следующее:
Снежный барс

    

Снежный барс

Абзац статьи.

Между тегами помещают текст, который является абзацем статьи. В нашей статье о снежном барсе имеется два абзаца, добавим в начало каждого абзаца открывающий тег

, а в конец каждого абзаца закрывающий тег

. Обрамив любой текст тегами p , мы сделаем данный текст абзацем.

В итоге, HTML-документ файла index.html , должен выглядеть так:

    

Снежный барс

Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии, Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России, Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом, относительно короткими лапами, небольшой головой и очень длинным хвостом. Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг. Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными пятнами. Охотится снежный барс, в основном, на горных козлов и баранов, также в его рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по приблизительным оценкам их количество варьируется в районе около 10 тысяч особей. По состоянию на 2013 год, охота на снежных барсов повсеместно запрещена.

Открыв файл index.html с помощью браузера, вы должны увидеть примерно следующее

Источник

Статью в html коде

WordPress 6 с Нуля до Гуру

WordPress 6 с Нуля до Гуру

Этот курс научит Вас созданию самых разных сайтов на самой популярной в мире CMS — WordPress. Вы увидите установку и настройку локального сервера, разбор каждой настройки, каждой кнопки и каждого пункта меню в панели WordPress.

Также Вы получите и всю практику, поскольку прямо в курсе с нуля создаётся полноценный Интернет-магазин, который затем публикуется в Интернете. И всё это прямо на Ваших глазах.

Помимо уроков к курсу идут упражнения для закрепления материала.

И, наконец, к курсу идёт ценнейший Бонус по тому, как используя ChatGPT и создавая контент для сайта, можно выйти на пассивный доход. Вы наглядно увидите, как зарегистрироваться в ChatGPT (в том числе, и если Вы из России), как правильно выбрать тему для сайта, как правильно генерировать статьи для него(чтобы они индексировались поисковыми системами) и как правильно монетизировать трафик на сайте.

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube

Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка

Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт

Мой аккаунт Моя группа

Какая тема Вас интересует больше?

Источник

Читайте также:  Html img alt center
Оцените статью