|
|
|
|
Урок 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 разные значения
Примечание: Теги заголовков всегда используются по убывающей, т.е. всегда в самом первом заголовок заголовке применяются теги <h1> </h1> он бывает обычно только один, т.е. это всегда самый первый заголовок. Затем используются <h2> </h2>, <h3> </h3> и т.д. - этих заголовков на каждой web-странице может быть несколько. Обновлено: 05.10.2014 г.
Читайте также: Как создать первую web-страницу. Форматируем текст html-страницы. Подготовка html-файлов для форматирования с помощью CSS. Как создавать стили форматирования в CSS. Как сделать простой баннер для сайта.
Просмотров: 20189 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Женя очень интересно и поучительно давно хотел научиться Комментарии добавил(а): Екатерина Спасибо, просто и доступно! Комментарии добавил(а): Олег Гузь Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: STIHI100@rambler.ru сайт: http://sites.google.com/site/stihiolegguz/ Комментарии добавил(а): Валентин Пока не разобрался,Если можно здесь задать вопрос:Что такое "теги" как они выглядят и действие этих "тэгов"? Комментарии добавил(а): Александр Наконец-то нашел то, что нужно! Комментарии добавил(а): Владимир Спасибо! Давно не видел таких полезностей. Это многим действительно - очень поможет. И я здесь нашел для себя много полезного. Комментарии добавил(а): Alex Очень полезные уроки. Комментарии добавил(а): Ирина подскажите, я конечно может быть задам глупый вопрос, но я врач- офтальмолог и сами понимаете очень от этого далека: почему то что я создаю в блокноте у меня нигде не отображается как показано, может я сохранила что-то не правильно? Кто разобрался подскажите пожалуйста? Комментарии добавил(а): АндрейК Здесь много разных параметров от которых завасит отображение, если Вы все делаете правильно (как описани в уроках 1-4 этого раздела) значит все будет отображаться. Вывод еще раз все внимательно проверьте. Вы гдето ошибаетесь. Удачи. Добавить Ваш комментарий: |
Новости сайта Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
|
Разрешается полное или частичное копирование материалов сайта с обязательным |