Документ взят из кэша поисковой машины. Адрес оригинального документа : http://www.astro.spbu.ru/staff/afk/Teaching/Help/StrHTML.htm
Дата изменения: Fri Nov 19 16:06:20 2010
Дата индексирования: Tue Oct 2 04:30:51 2012
Кодировка: Windows-1251

Поисковые слова: п п п п п п п п п п п п п п п п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п р п
Структура документа

Структура документа HTML (WEB-страницы)

Изменение размера шрифта  
+ - Вернуться на страницу учебника по HTML и CSS


Документ HTML включает в себя управляющие команды (иначе называемые операторами или тегами) и сам форматируемый с помощью тегов текст документа. Теги выделяются угловыми скобками  < и >.   Первым тегом, с которого следует начинать описание документа HTML является тег <HTML> , открывающий документ. Завершает описание документа тег  </HTML>
(Смотри список основных тегов и их параметров (атрибутов)).

Раздел документа HEAD

Раздел документа  документа HEAD включает в себя заголовок и не является обязательным. Тем не менее присутствие этого раздела весьма желательно. Задачей заголовка является предоставление информации для программы просмотра документа (Браузера).

Раздел документа HEAD открывается тегом <HEAD> и закрывается тегом  </HEAD>. Единственным обязательным тегом заголовка является тег <TITLE>, определяющий название документа. Обычно оно показывается в заголовке окна браузера. Рекомендуется ограничивать текст строки названия 60 символами. По умолчанию, текст, содержащийся в названии, используется при создании закладки (bookmark) в браузере.

Раздел документа BODY

В этом разделе документа располагается его содержательная часть. Наличие тегов <BODY>и </BODY> не является обязательным, поскольку браузеры могут определить начало документа по контексту. Однако их употребление рекомендуется. Назначение параметров шрифта в непосредственно тексте не рекомендуется. Теги < FONT> и <BASEFONT> отнесены к отмененным.

Тем не менее, применение тега <BASEFONT> в ряде случаев может быть полезно. Параметры этого тега используются для указания типа шрифта, которым программа просмотра пользователя будет выводить текст (если такой шрифт имеется на компьютере). Можно указать несколько названий шрифтов, разделенных запятыми. Если на компьютере нет шрифта, указанного первым, делается попытка найти следующий шрифт и т.д. При отсутствии указанных шрифтов текст выводиться шрифтом, установленным по умолчанию.

Пример 1

<HTML>

<HEAD>

<TITLE> Задание параметров шрифтов< TITLE>

<HEAD>

<BODY>

Текст, записанный шрифтом по умолчанию.

<BR>

<FONT FACE="Verdana", "Arial", "Helvetica">

Пример задания названия шрифтов

</FONT>

</BODY>

</HTML> 

Параметр SIZE служит для указания размеров шрифта в условных единицах от 1 до 7. Конкретный размер шрифта зависит от программы просмотра. Принято считать, что размер "нормального" шрифта соответствует "3" Размер шрифта указывается как абсолютный , так и относительный: (SIZE=2), (SIZE=+1),следующий шрифт и т.д.

Пример 2:

<HTML>

<HEAD>

<TITLE>Назначение размеров шрифтов<>

</HEAD>

<BODY>

<FONT SIZE=1> Шрифт размера 1 </FONT><BR>

<FONT SIZE=2> Шрифт размера 2 </FONT><BR>

<FONT SIZE=3> Шрифт размера 3 </FONT><BR>

<FONT SIZE=4> Шрифт размера 4 </FONT><BR>

<FONT SIZE=5> Шрифт размера 5 </FONT><BR>

<FONT SIZE=6> Шрифт размера 6 </FONT><BR>

<FONT SIZE=7> Шрифт размера 7 </FONT><BR>

<BODY>

<HTML>

Параметр COLOR устанавливает цвет шрифта. Цвет можно задавать с помощью стандартных имен или в формате RRGGBB

Пример 3:

<HTML>

<HEAD>

<TITLE>Назначение цвета шрифта<>

</HEAD>

<BODY>

<FONT COLOR=green>Текст зеленого цвета<<BR>

<FONT>Текст красного цвета</FONT>

</BODY>

</HTML>

Разделение текста на абзацы производится с помощью тега <P> Тег <P> не требует для завершения тега </P> (в то же время его присутствие также не является ошибкой). Безусловный перевод строки осуществляется с помощью тега <br>

Заголовки в документе оформляются с использованием тегов <H1> - <H6>. Заголовок H1 - самый крупный, H6 - самый мелкий.

Для проведения горизонтальных линий используется тег <HR>. Этот тег задает линию во всю ширину экрана. Тег <hr align=left size=2 width="33%"> определяет линию высотой 2 пикселя с шириной, составляющей 33% от ширины экрана.

Ссылки на другие документы и файлы

Гиперссылки оформляются с использованием тега <A> Применение этого тега иллюстрируется в примере 4

Пример 4:

<HTML>

<HEAD>

<TITLE>Гиперcсылки в документах HTML

</HEAD>

<BODY>

<A href="http://www.hermitage.ru> "Эрмитаж </A>

</BODY>

</HTML>

Изображения в языке HTML  

Способы хранения изображений

Все форматы хранения графической информации можно разделить на два типа: векторный и растровый.

Файлы векторной графики содержат математические данные о том, как перерисовать изображения с помощью отрезков векторов при выводе на экран. Процесс вывода требует дополнительной обработки, но масштаб изображения может быть изменен без потери качества. Растровая графика предполагает хранение информации о каждой точке изображения. При масштабировании растровой графики обычно происходит потеря качества изображений.

Фоновые изображения

При создании Web-страниц можно управлять цветом фона документа, а также указывать изображение, используемые в качестве фонового.

Пример 5

<HTML>

<HEAD>

<TITLE>Назначение цвета шрифта<TITLE>

</HEAD>

<BODY BACKGROUND=bg/texture.gif BGCOLOR=grey >

Документ HTML с фоновым рисунком

</BODY>

</HTML>

Рисунок texture.gif должен присутствовать в папке bg.

Одновременное задание параметров BACKGROUND и BGCOLOR не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать.

Встраивание изображений в документы HTML

Для встраивания изображений в HTML документы используется тег <IMG>, имеющий единственный обязательный параметр параметр SRC, определяющий адрес файла с изображением.

Например, тег <IMG SRC=picture.gif> вставляeт рисунок picture.gif на страницу HTML.

Способ выравнивания изображения задается параметром ALIGN тега <IMG> :
Значение параметра ALIGN Действие параметра
TOP Верхняя граница изображения выравнивается по самому высокому элементу текущей строки
TEXTTOP Верхняя граница изображения выравнивается по самому высокому текстовому элементу текущей строки
MIDDLE Выравнивание середины изображения по базовой линии текущей строки
ABSMIDDLE Выравнивание середины изображения по середине текущей строки
BASELINE=BOTTOM Выравнивание нижней границы изображения по базовой линии текущей строки
ABCBOTTOM Выравнивание нижней границы изображения по нижней границе текущей строки
LEFT
Изображение прижимается к левому полю окна. Текст обтекает изображение с правой стороны
RIGHT
Изображение прижимается к правому полю окна. Текст обтекает изображение с левой стороны.

Пример выравнивания изображения по правому краю: <IMG SRC=picture.gif ALIGN=right>

Задание размеров выводимого изображения (в пикселях): <IMG SRC=picture.gif" WIDTH=200>

Отделение изображения от текста: <IMG SRC=picture.gif ALIGN=left HSPACE=20 VSPACE=20>

Рамки вокруг изображений: <IMG SRC=picture.gif BORDER=5 >

Альтернативный текст:
<IMG SRC=spb.gif ALT="Герб Санкт-Петербурга" WIDTH=150 HEIGHT=174>

Изображение можно использовать и в качестве ссылки:
<A HREF=My_doc.htm><IMG SRC=picture.gif></A>


Если изображение является указателем ссылки, то по умолчанию браузеры заключают его в рамку синего цвета. Избежать появления рамки можно, указав значение BORDER=0.