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


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

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

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

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

К оглавлению ↑

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

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

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

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

Тег p

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

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

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

Параграф

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

Читайте также:  Жирный и курсивный текст в HTML, теги strong и em
К оглавлению ↑

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

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

Тег h1

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

Тег h2

h1

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

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

До встречи! Успевайте всё и всегда на страницах блога Uspei.com

Плюсануть
Поделиться
Класснуть
Линкануть
Запинить

Буду благодарен, если поделитесь новостью в соцсетях

Вам также понравится...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *