Формат HTML–тегов

Назначение HTML-тегов

§ форматирование текста;

§ форматирование таблиц и списков;

§ организация ссылок на другие ресурсы;

§ описание фреймов;

§ вставка изображений и расширений HTML.

Формат HTML–тегов

HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов. Атрибуты – элементы, дающие браузеру дополнительную информацию об отображении размещаемой информации.

Теги можно вводить как большими, так и маленькими буквами. Например, теги <body>, <BODY> и <Body> будут восприняты браузером одинаково.

Большинство HTML-тегов — парные, то есть на каждый открывающий тег вида <tag> есть закрывающий тег вида </tag> с тем же именем, но с добавлением "/". Пример:

<title> Пробная страница </title>

Парные теги не должны пересекаться: <tag A>< tag B> . . . </tag B> </tag A>.

Существуют также непарные теги. Общий вид непарного тега: <имя тега>.Пример: <br>

Многие теги, помимо имени, могут содержать атрибуты — элементы, дающие дополнительную информацию о том, как браузер должен обработать текущий тег. Общий вид тега с атрибутами:

<имя тега атрибут_1=значение … атрибут_n=значение> текст </имя тега> . Пример:

<font color="green" size=3> Проба </font>

Структура HTML-документа

<HTML>

<HEAD>

... заголовок

</HEAD>

программа

<BODY>

... тело

</BODY>

</HTML>

Пример простейшего HTML-документа:

<HTML>

<HEAD>

<TITLE>Пример HTML-документа</TITLE>

</HEAD>

Hello!!!

</BODY>

</HTML>

Тег <HTML> указывает программе просмотра страниц что это HTML документ.

Тег <HEAD> определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа.

Тег <TITLE> - тег названия документа. Текст внутри него отображается не на странице, а как заголовок окна браузера.

Тег <BODY> определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).

Атрибут bgcolor устанавливает цвет фона документа, используя значение цвета в виде RGB (возможно использование константы цвета, например “yellow”).

Для удобства чтения введены дополнительные отступы, однако в HTML это совсем не обязательно. Более того, браузеры просто игнорируют символы конца строки и множественные пробелы в HTML-файлах.

Обязательные тэги

<html> ... </html>

Тег <html> должна открывать HTML-документ. Аналогично, тег </html> должна завершать HTML-документ.

<head> ... </head>

Эта пара тегов указывает на начало и конец заголовка документа. Помимо наименования документа (см. описание тега <title> ниже), этот раздел содержит массу полезной информации как для сервера, так и для браузера.

<title> ... </title>

Все, что находится между тегами <title> и </title>, истолковывается браузером как название документа. Браузер показывает название текущего документа в заголовке окна. Рекомендуется использовать названия не длиннее 64 символов.

<body> ... </body>

Эта пара тегов указывает на начало и конец тела HTML-документа. Содержимое тела документа и определяет, собственно, наполнение документа.

Структурирование текста

Рассмотрим теги, позволяющие разбить текст на смысловые группы, абзацы, осуществлять перевод строки, отделять части текста горизонтальными линиями.