Заголовок документа

Веб-страница начинается с тега <html> и заканчивается закрывающим тегом </html>.

Заголовок страницы задается контейнерным элементом <head> …</head>. Этот элемент сообщает браузеру общую информацию о файле, но не выводится в виде части документа. Внутри <head> могут располагаться различные элементы, среди которых есть следующие:

<title> – название документа, которое будет видно в строке заголовка окна браузера (тег является контейнером),

<base> – исходный URL документа,

<meta> – дополнительная информация о странице.

Из этих элементов обязательным является только <title>. Элемент <title> должен располагаться после <head>:

<head>

<title> Консалтинговая фирма Рога и Копыта </title>

</head>

Элемент <base> используется для установки «базового» пути к документам сайта, с его помощью задаются все относительные URL (см. тему «Гиперссылки»).

Элемент <meta> применяется для добавления метаданных, т. е. информации о сайте, которая может быть использована пользователями или другими компьютерами, например, это могут быть ключевые слова для поисковых систем Интернета:

<meta name="description" content ="Фирма Рога и копыта оказывает консалтинговые услуги "/>

<meta name="keywords" content ="консалтинг, менеджмент, рынок, экономика, управление "/>

Здесь первый элемент используется поисковыми системами для описания страницы в списке веб-каталогов. Данный атрибут может содержать 50-200 слов.

Второй элемент содержит ключевые слова.

Тело страницы

Тело страницы – это ее основная часть, оно ограничено тегами <body>…</body>. Внутри этой секции размещается все, что видит пользователь в окне браузера: текст, гиперссылки, заголовки, изображения и т.д.

Примеp:

<html>

<head>

<title> Консалтинговая фирма Рога и копыта </title>

</head>

<body>

… Реальное содержание страницы

</body>

</html>

Ввод текста абзаца

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

Пример:

<p> Благодарим за интерес к фирме Рога и копыта</p>

<p> Благодарим за интерес

к фирме Рога и копыта</p>

И тот и другой абзацы в окне браузера будут выглядеть одинаково:

Благодарим за интерес к фирме Рога и копыта

Элемент <br/> позволяет задавать перевод строки внутри абзаца <p>.

Пример

<p> Наш адрес: <br/>

ул. Мира, 19 <br/>

Главный корпус <br/>

</p>

В окне браузера получится:

Наш адрес:

ул.Мира, 19

Главный корпус

Элемент «преформатированный текст» <pre>…<pre>

Данный элемент распознает вводимые пробелы и переводы строк. Иначе говоря, в окне браузера вы увидите то же, что и окне текстового редактора.

Пример:

<pre>

Буря мглою небо кроет,

Вихри снежные крутя.

То как зверь она завоет,

То заплачет, как дитя.

</pre>

Одна из возможностей элемента <pre> − создание примитивных таблиц.

Пример:

<pre>

регион Маркетинг Конслатинг Прочие услуги

Юг $ 20000 $ 10000 $ 80000

Север $ 15000 $ 12000 $ 5000

Запад $ 13000 $ 10500 $ 9500

Восток $ 22000 $ 9000 $ 6000

</pre>

Элемент <blockquote>…</blockquote> (цитата)

Данный элемент используется для выделения части текста, например, цитат с помощью отступов и типа шрифта.