Урок 4. Вставляем заголовки на web-страницу.
Автор: Андрей Краснокутский
Дата: 2008-11-27 Как вставить заголовок на страницу сайта?
Открывая любое средство массовой информации (СМИ): газету, журнал, книгу и т.д. первое, что сразу бросается в глаза - это заголовки разделов, статей, рубрик. Что Вы делаете в первую очередь? Правильно! Вы просматириваете заголовки, а уже затем читаете текст.
А ведь web-сайт - это тоже средство массовой информации, только информация здесь представлена в несколько ином виде, чем мы привыкли видеть в печатных изданиях, но смысл остается тем же: заходя на любой сайт, посетители в первую очередь будут просматривают заголовки.
Значит, нужно научиться вставлять заголовки, а как то не смотрится наша статья.
В HTML документах для создания заголовков используют парные тэги: <hn></hn>, где n – число от 1 до 6. Заключив текст между этими тэгами, Вы получите заголовок определенного размера выделенный "жирным". Чем больше цифра – тем меньше размер букв или цифр в заголовоке, т.е. самые большие буквы (или цифры) будут с тегами: <h1>Заголовок</h1>, самые маленькие: <h6>Заголовок</h6>. Давайте напишем это в коде web-страницы:
<h1>Заголовок</h1>
<h2>Заголовок</h2>
<h3>Заголовок</h3>
<h4>Заголовок</h4>
<h5>Заголовок</h5>
<h6>Заголовок</h6>
Сохраняем и обновляем web-страницу в браузере.
А вот так набранные Заголовки будут выглядеть на экране монитора:
Рисунок 4.1
Раз уж мы решили, что наша web-страничка посвящена автомобилям давайте придумаем для неё заголовок, например "Обзор автомобилей 2008 года" и заключим его в парные теги <h2> </h2> (на мой взгляд в данном случае это наиболее оптимальный размер).
Выравнивание заголовков осуществляется так же, как и у абзацев через атрибут align, придадим значение этому атрибуту "center" (выравнивание по центру). Кстати значения атрибутов принято заключать в кавычки. Наш заголовок в коде будет выглядеть вот так:
Обзор автомобилей 2008 года.
А web-страничка должна иметь вот такой вид:

Рисунок 4.2
Потренируйтесь, пробуйте применить теги h разные значения
коэффициента n от 1 до 6 и понаблюдайте, как будет изменяется размер заголовков.
Примечание: Теги заголовков всегда используются по убывающей, т.е. всегда в самом первом заголовок заголовке применяются теги <h1> </h1> он бывает обычно только один, т.е. это всегда самый первый заголовок. Затем используются <h2> </h2>, <h3> </h3> и т.д. - этих заголовков на каждой web-странице может быть несколько.
Обновлено: 05.10.2014 г.
Читайте также:
Что такое HTML? Введение.
Как создать первую web-страницу.
Форматируем текст html-страницы.
Подготовка html-файлов для форматирования с помощью CSS.
Как создавать стили форматирования в CSS.
Как сделать простой баннер для сайта.
Просмотров: 21546
очень интересно и поучительно давно хотел научиться
Спасибо, просто и доступно!
Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: STIHI100@rambler.ru сайт: http://sites.google.com/site/stihiolegguz/
Пока не разобрался,Если можно здесь задать вопрос:Что такое "теги" как они выглядят и действие этих "тэгов"?
Наконец-то нашел то, что нужно!
Спасибо!
Давно не видел таких полезностей. Это многим действительно - очень поможет.
И я здесь нашел для себя много полезного.
подскажите, я конечно может быть задам глупый вопрос, но я врач- офтальмолог и сами понимаете очень от этого далека: почему то что я создаю в блокноте у меня нигде не отображается как показано, может я сохранила что-то не правильно? Кто разобрался подскажите пожалуйста?
Здесь много разных параметров от которых завасит отображение, если Вы все делаете правильно (как описани в уроках 1-4 этого раздела) значит все будет отображаться. Вывод еще раз все внимательно проверьте. Вы гдето ошибаетесь. Удачи.
|