Пятница, 29 марта, 2024

Параграфы и абзацы, заголовки и подзаголовки в HTML

Софт и игры
Вячеслав Питель
Вячеслав Питель
Редактор сайта, опыт работы 10 лет, пишу на тему гаджетов, новостей в мире технологий, игр и софта admin@uspei.com, VK, OK, сот. 89132476241

Здравствуйте, уважаемые читатели сайта Uspei.com. Итак, мы все успели и, наконец, переходим к видимой части страницы. Это теги, которые будут находиться внутри BODY (о теге body мы говорили тут). И здесь уже будет немножко поинтереснее. Сейчас мы создадим параграфы и абзацы, заголовки и подзаголовки в HTML. Возьмите какой-нибудь текст. Я выбрал текст на английском про время. Вы также можете его взять по этой ссылке. Скопируйте данный текст и вставьте его в наш документ между тегами Body.

Пока мы не указываем никаких тегов. Давайте посмотрим, как браузер отобразит эту статью. В notepad++ она у нас красиво отформатирована (здесь как пользоваться Notepad++). Посмотрим, будет ли то же самое в браузере. Нажимаем меню «Запуск» – «Launch in Firefox»

Нажимаем меню «Запуск» – «Launch in Firefox»

Что мы видим? А видим мы сплошной текст. Такое отображение браузер выдал нам потому, что он не видит форматирования текста привычными для нас методами. Браузеру не важны ни пробелы, ни переносы. Его интересуют только теги.

Тег параграфа <p>

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

<p>Ваш текст </p>

Это сокращение от английского слова «параграф». Поэтому здесь ничего сложного нет. Давайте попробуем выделить в абзац первую строку нашего текста.

Тег p

Теперь давайте сохраним страничку и посмотрим, что у нас покажет браузер.

Тег P в браузере

Мы видим, что браузер у нас выделил параграф. То же самое мы можем сделать и для второй строки. Открываем и закрываем параграф.

Параграф

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

Заголовки и подзаголовки <h1>-<h6>

Теперь давайте дадим заголовки и подзаголовки нашей статье. Вернемся в код и обернем наше первое предложение в тег h1. Это самый крупный заголовок в плане размера шрифта. А всего таких тегов шесть, т.е. самый маленький заголовок будет h6. Заголовок h1 обычно используется на странице один раз.

Тег h1

Дальше давайте оформим два подзаголовка.

Тег h2

h1

Теперь посмотрим на результат. Мы видим один основной заголовок и два подзаголовка.

На этом урок можно закончить. Мы с вами изучили два очень часто используемых тега, это теги заголовков и абзацев. Их необходимо запомнить, т.к. они используются очень часто.

Свидетельство о регистрации СМИ в РКН: ЭЛ № ФС77-83818 от 29.08.2022

Оставьте комментарий

Пожалуйста, введите Ваш комментарий
Пожалуйста, введите Ваше имя здесь

Гаджеты

Как выбрать Pod-систему

Если вы решили перейти с сигарет на вейпинг и выбираете свою первую Pod-систему, есть несколько важных аспектов, на которые...

Также на эту тему