HTML. Параграфы и заголовки (Урок 3)

Оглавление:

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

html параграфы и заголовки

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

html параграфы и заголовки

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

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

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

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

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

html как сделать параграф

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

html параграф

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

html закрытие тега параграфа

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

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

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

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

html заголовки h1 html_3_8

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

html заголовки h2

html заголовки h1

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

html заголовок и два подзаголовка

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

Увидимся в следующем уроке, где мы изучим атрибуты тегов!

Удачи вам! До скорых встреч на страницах блога VyacheslavDanilov.ru


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

Смотри и удивляйся:
Десерт

*посмотреть еще ролик можно обновив страницу в браузере

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

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