|
Документ взят из кэша поисковой машины. Адрес
оригинального документа
: 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 Поисковые слова: arp 220 |
|
Структура документа HTML (WEB-страницы) |
Изменение размера шрифта | ||
| + | - | Вернуться на страницу учебника по HTML и CSS | |
Документ HTML
включает в себя управляющие команды (иначе называемые операторами
или тегами)
и сам форматируемый с помощью тегов текст документа. Теги выделяются угловыми
скобками < и >.
Первым тегом, с которого следует начинать описание документа
HTML является тег <HTML> ,
открывающий документ. Завершает описание документа тег
</HTML>
(Смотри
список основных тегов и их параметров (атрибутов)).
Раздел документа документа HEAD включает в себя заголовок и не является обязательным. Тем не менее присутствие этого раздела весьма желательно. Задачей заголовка является предоставление информации для программы просмотра документа (Браузера).
Раздел документа HEAD открывается тегом <HEAD> и закрывается тегом </HEAD>. Единственным обязательным тегом заголовка является тег <TITLE>, определяющий название документа. Обычно оно показывается в заголовке окна браузера. Рекомендуется ограничивать текст строки названия 60 символами. По умолчанию, текст, содержащийся в названии, используется при создании закладки (bookmark) в браузере.
В этом разделе документа располагается его содержательная часть. Наличие тегов <BODY>и </BODY> не является обязательным, поскольку браузеры могут определить начало документа по контексту. Однако их употребление рекомендуется. Назначение параметров шрифта в непосредственно тексте не рекомендуется. Теги < FONT> и <BASEFONT> отнесены к отмененным.
Тем не менее, применение тега <BASEFONT> в ряде случаев может быть полезно. Параметры этого тега используются для указания типа шрифта, которым программа просмотра пользователя будет выводить текст (если такой шрифт имеется на компьютере). Можно указать несколько названий шрифтов, разделенных запятыми. Если на компьютере нет шрифта, указанного первым, делается попытка найти следующий шрифт и т.д. При отсутствии указанных шрифтов текст выводиться шрифтом, установленным по умолчанию.
<HTML>
<HEAD>
<TITLE> Задание параметров шрифтов< TITLE>
<HEAD>
<BODY>
Текст, записанный шрифтом по умолчанию.
<BR>
<FONT FACE="Verdana", "Arial", "Helvetica">
Пример задания названия шрифтов
</FONT>
</BODY>
</HTML>
Параметр SIZE служит для указания размеров шрифта в условных единицах от 1 до 7. Конкретный размер шрифта зависит от программы просмотра. Принято считать, что размер "нормального" шрифта соответствует "3" Размер шрифта указывается как абсолютный , так и относительный: (SIZE=2), (SIZE=+1),следующий шрифт и т.д.
<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
<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
<HTML>
<HEAD>
<TITLE>Гиперcсылки в документах HTML
</HEAD>
<BODY>
<A href="http://www.hermitage.ru> "Эрмитаж </A>
</BODY>
</HTML>
Все форматы хранения графической информации можно разделить на два типа: векторный и растровый.
Файлы векторной графики содержат математические данные о том, как перерисовать изображения с помощью отрезков векторов при выводе на экран. Процесс вывода требует дополнительной обработки, но масштаб изображения может быть изменен без потери качества. Растровая графика предполагает хранение информации о каждой точке изображения. При масштабировании растровой графики обычно происходит потеря качества изображений.
При создании Web-страниц можно управлять цветом фона документа, а также указывать изображение, используемые в качестве фонового.
<HTML>
<HEAD>
<TITLE>Назначение цвета шрифта<TITLE>
</HEAD>
<BODY BACKGROUND=bg/texture.gif BGCOLOR=grey >
Документ HTML с фоновым рисунком
</BODY>
</HTML>
Рисунок texture.gif должен присутствовать в папке bg.
Одновременное задание параметров BACKGROUND и BGCOLOR не обязательно. Любой из них, равно как и оба вместе, могут отсутствовать.
Для встраивания изображений в 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.