Здравствуйте, уважаемые читатели сайта Uspei.com. Итак, мы все успели и, наконец, переходим к видимой части страницы. Это теги, которые будут находиться внутри BODY (о теге body мы говорили тут). И здесь уже будет немножко поинтереснее. Сейчас мы создадим параграфы и абзацы, заголовки и подзаголовки в HTML. Возьмите какой-нибудь текст. Я выбрал текст на английском про время. Вы также можете его взять по этой ссылке. Скопируйте данный текст и вставьте его в наш документ между тегами Body.
Пока мы не указываем никаких тегов. Давайте посмотрим, как браузер отобразит эту статью. В notepad++ она у нас красиво отформатирована (здесь как пользоваться Notepad++). Посмотрим, будет ли то же самое в браузере. Нажимаем меню «Запуск» – «Launch in Firefox»
Что мы видим? А видим мы сплошной текст. Такое отображение браузер выдал нам потому, что он не видит форматирования текста привычными для нас методами. Браузеру не важны ни пробелы, ни переносы. Его интересуют только теги.
Тег параграфа <p>
Первый тег, который мы изучим, это тег, позволяющий создать абзац. Это тоже парный тег. Пишется он так:
<p>Ваш текст </p>
Это сокращение от английского слова «параграф». Поэтому здесь ничего сложного нет. Давайте попробуем выделить в абзац первую строку нашего текста.
Теперь давайте сохраним страничку и посмотрим, что у нас покажет браузер.
Мы видим, что браузер у нас выделил параграф. То же самое мы можем сделать и для второй строки. Открываем и закрываем параграф.
Теперь у нас сформировалось уже два абзаца. Таким же образом давайте выделим все наши параграфы. Строки с нижними подчеркиваниями можете удалить, они нам не понадобятся. Вот таким образом мы дали понять браузеру, где у нас начало абзаца и где конец. Теперь каждая строка у нас идет отдельным абзацем.
Заголовки и подзаголовки <h1>-<h6>
Теперь давайте дадим заголовки и подзаголовки нашей статье. Вернемся в код и обернем наше первое предложение в тег h1. Это самый крупный заголовок в плане размера шрифта. А всего таких тегов шесть, т.е. самый маленький заголовок будет h6. Заголовок h1 обычно используется на странице один раз.
Дальше давайте оформим два подзаголовка.
Теперь посмотрим на результат. Мы видим один основной заголовок и два подзаголовка.
На этом урок можно закончить. Мы с вами изучили два очень часто используемых тега, это теги заголовков и абзацев. Их необходимо запомнить, т.к. они используются очень часто.