Как создать свой сайт бесплатно? Как сделать сайт своими руками? Как заработать в Интернете? Создание сайтов на заказ.

Запрос должен быть не менее 4-х символов.

RSS-лента

Сегодня:        Добавить в Избранное       Написать Автору        Обмен валют        Оплата сервисов

Урок 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-страницу в браузере.

А вот так набранные Заголовки будут выглядеть на экране монитора:

Примеры использования тегов заголовков H

Рисунок 4.1

Раз уж мы решили, что наша web-страничка посвящена автомобилям давайте придумаем для неё заголовок, например "Обзор автомобилей 2008 года" и заключим его в парные теги <h2> </h2> (на мой взгляд в данном случае это наиболее оптимальный размер).

Выравнивание заголовков осуществляется так же, как и у абзацев через атрибут align, придадим значение этому атрибуту "center" (выравнивание по центру). Кстати значения атрибутов принято заключать в кавычки. Наш заголовок в коде будет выглядеть вот так:

Обзор автомобилей 2008 года.

А web-страничка должна иметь вот такой вид:

Внешний вид нашей первой web-страницы

Рисунок 4.2

Потренируйтесь, пробуйте применить теги h разные значения коэффициента n от 1 до 6 и понаблюдайте, как будет изменяется размер заголовков.

Примечание: Теги заголовков всегда используются по убывающей, т.е. всегда в самом первом заголовок заголовке применяются теги <h1> </h1> он бывает обычно только один, т.е. это всегда самый первый заголовок. Затем используются <h2> </h2>, <h3> </h3> и т.д. - этих заголовков на каждой web-странице может быть несколько.

Обновлено: 05.10.2014 г.

 

Читайте также:

Что такое HTML? Введение.

Как создать первую web-страницу.

Форматируем текст html-страницы.

Подготовка html-файлов для форматирования с помощью CSS.

Как создавать стили форматирования в CSS.

Как сделать простой баннер для сайта.

 

Просмотров: 15935


Поделитесь этой информацией со своими друзьями!


Комментарии к этой статье (уроку):

Комментарии добавил(а): Женя
Дата: 2009-09-19

очень интересно и поучительно давно хотел научиться

Комментарии добавил(а): Екатерина
Дата: 2009-09-20

Спасибо, просто и доступно!

Комментарии добавил(а): Олег Гузь
Дата: 2009-10-23

Андрей! Какой у Вас замечательный сайт! Я уже вторую неделю регулярно им пользуюсь: изучаю Ваши уроки, и видеоуроки; читаю Вашу литературу и скачиваю программы; делаю первые шаги в веб-программировании! И, что самое главное, у меня получается!!! А я ведь совсем не физик, а лирик! И в этом может убедиться каждый, кто посетит мой литературный сайт: " СТИХИ ОЛЕГ ГУЗЬ " Мои реквизиты: электронная почта: STIHI100@rambler.ru сайт: http://sites.google.com/site/stihiolegguz/

Комментарии добавил(а): Валентин
Дата: 2009-11-06

Пока не разобрался,Если можно здесь задать вопрос:Что такое "теги" как они выглядят и действие этих "тэгов"?

Комментарии добавил(а): Александр
Дата: 2009-11-06

Наконец-то нашел то, что нужно!

Комментарии добавил(а): Владимир
Дата: 2010-01-09

Спасибо! Давно не видел таких полезностей. Это многим действительно - очень поможет. И я здесь нашел для себя много полезного.

Комментарии добавил(а): Alex
Дата: 2010-02-22

Очень полезные уроки.

Комментарии добавил(а): Ирина
Дата: 2010-09-25

подскажите, я конечно может быть задам глупый вопрос, но я врач- офтальмолог и сами понимаете очень от этого далека: почему то что я создаю в блокноте у меня нигде не отображается как показано, может я сохранила что-то не правильно? Кто разобрался подскажите пожалуйста?

Комментарии добавил(а): АндрейК
Дата: 2010-09-26

Здесь много разных параметров от которых завасит отображение, если Вы все делаете правильно (как описани в уроках 1-4 этого раздела) значит все будет отображаться. Вывод еще раз все внимательно проверьте. Вы гдето ошибаетесь. Удачи.

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

Введите сумму чисел с картинки:
Введите сумму чисел

GudzonPartner.com

Новости сайта


05.08.2014
Новый раздел! Платежные системы Интернета. Все о платежных системах и сервисах.

09.08.2013
Новинка! Обзор и Анализ реальных способов заработка. Как и Сколько можно заработать в Интернете? Цифры. Факты. Комментарии.

28.05.2013
Обновилась Партнерка сайта! Зарабатывайте вместе с нами! "Новые товары и рекламные материалы"

25.05.2013
Видео Курс! "Как создать свой Информационный Бизнес в Интернете" Зарабатывайте: от 30000 ++ рублей.

Почтовая рассылка! Бесплатные электронные книги из серии: "Секреты создания сайтов"


Почтовая рассылка

Новинка!
Как реально заработать
в Интернете?
"Обзор видов и способов заработка."

Специальный Отчет:

Специальный Отчет: Как и сколько можно реально заработать в Интернете? Рельные цифры, факты и анализ различных способ заработка в Интернете

В подарок всем подписчикам!

SmartResponder.ru
Ваш e-mail: *
Ваше имя: *

Полный список наших почтовых рассылок!

Домены

Сервис мгновенной регистрации Доменов

Google Adsense



Навигация

Уроки HTML

CSS уроки

Статьи

Инструменты

Шаблоны сайтов

Книги

Украшения

Сайт от А до Я

Заработать в Интернете

Обман в Интернете

Охрана труда

МОДУЛЬНЫЕ КАРТИНЫ

PHP УРОКИ

Услуги

Скрипты

Почтовая Рассылка

SEO

jQuery

Специальная оценка условий труда (СОУТ) - АРМ

Платежные системы Интернета

УРОКИ ФОТОШОП

Секретный раздел

Видео Курсы

Видео Курс по созданию собственного Информационного Бизнеса в Интернете
Видео Курс по созданию
Информационного Бизнеса в Интернете
Узнать сейчас >>>


Хотите заработать?
2-х Уровневая
Партнерская программа!

Присоединяйтесь.


Последние заметки

Модульная картина: Роскошь красного бархата

Модульная картина абстракция: Энергия солнца

Модульная картина: Синие розы

Модульная картина: Водопад

Модульная картина: Орхидеи

Новости сайта

RSS Лента Новостей сайта www.LuksWeb.ru

Наши новости в Твиттере

Архив

2016 год:

2015 год:

2014 год:

2013 год:

2012 год:

2011 год:

2010 год:

2009 год:

2008 год:

Сайты друзей

Регистрация доменов

ООО "ПК "ЛюксСтрой"

Деревянные дома от СПК "Ванда"

Наши ссылки

Если Вам понравился
наш сайт, установите
Нашу ссылку, и
Получите подарки!!!

QR код сайта www.LuksWeb.ru

Наши Аттестаты


Проверить аттестат

 

Аттестован системой Z-PAYMENT
Проверено Z-PAYMENT