Итак, начнём. Что есть HTML?
HTML — язык разметки текста. Его операторы (тэги) указывают браузеру, как следует отображать ту или иную часть документа. Например, текст, обрамлённый таким образом
Тэги могут записываться с атрибутами (параметрами) или без них. Для каждого тэга существует свой набор допустимых параметров. Порядок следования атрибутов внутри тэга произвольный, разделяются они пробелами. Значения параметров записываются следующим образом в кавычках или без: <img src=image.gif align=left >
или <img src="image.gif" align="left >"
Значение атрибута обязательно записывается в кавычках, если оно содержит пробелы. Если значение параметра не указано явно, то он принимает значение по умолчанию.
Что будет, если тэг записан с ошибкой или браузер не поддерживает этот тэг? Ничего. Не будет сообщения об ошибке, а неверный тэг или атрибут просто проигнорируется браузером. Всё, что было заключено внутри этого тэга отобразится на экране.
Все тэги, которые допустимо использовать в разделе <BODY> могут иметь атрибуты CLASS, ID, NAME, STYLE, TITLE. Это параметры полезны при использовании стилей, о которых речь пойдёт далее.
Вообще, таблицы стилей предназначены для того, чтобы отделить содержание документа от его оформления. Это упрощает поддержку больших порталов, особенно, предназначенных для различных платформ. В связи с этим некоторые тэги в спецификации HTML 4.0 признаны устаревшими или отменёнными. Отменённый тэг продолжает поддерживаться браузерами, но его использование не рекомендуется. Устаревшие тэги уже могут не поддерживаться браузерами. Более подробную информацию о спецификации HTML 4.0 можно получить на официальном сайте консорциума W3C. www.w3.org
Основным тэгом-контейнером является <HTML> </HTML>. В нём заключён весь документ, который состоит из двух разделов: <HEAD> </HEAD> и <BODY> </BODY>. Исключением является документ, описывающий фреймы, но об этом позже.
Это заголовок. Его содержимое не отображается на экране (кроме названия документа, заключённого в тэги <TITLE> </TITLE>). В заголовке указывается информация для браузера. Какая же информация записывается в этом разделе?
Название документа, заключённое в тэг-контейнер <TITLE> </TITLE>. Это не то же самое, что название файла! Название показывается в строке заголовка браузера. Так же этот текст будет использован при создании закладки (добавлении в избранное для IE), поэтому желательно, чтобы заголовок был информативен, а не содержал что-то вроде "моя страничка".
Служит для задания базового URL-адреса. Все относительные ссылки, расположенные в документе, будут работать относительно этого адреса. Записывается так: <BASE HREF="http://www.narod.HomeSite.ru/">
Например: Ссылка расположена в документе myPage.html, расположенном на сервере в каталоге www.narod.HomeSite.ru/
| ссылка без задания базового адреса /new1.html | та же ссылка, но с базовым адресом: http://www.mySite.ru/ |
|---|---|
| ссылка приведёт сюда: http://www.narod.HomeSite.ru/new1.html | ссылка приведёт сюда: http://www.mySite.ru/new1.html |
Данный тэг предназначен для создания логической связи между документами. Он указывает на связь документа , содержащего этот тэг и другого документа, указанного в параметре HREF. Раздел HEAD может содержать несколько тэгов <LINK>
Существует ряд параметров, допустимых в <LINK>:| HREF | содержит URL-адрес другого документа. | допустимое значение: Любой адрес |
|---|---|---|
| REL | Определяет отношение между текущим и другим документом. | допустимое значение: bookmark, copyright, glossary, help, home, index, toc, next, previous, contents. |
| REV | Определяет отношение между другим и текущим документом. | допустимое значение: made, author, editor, publisher, owner. |
| TYPE | Определяет тип присоединённой таблицы стилей. | возможное значение: text/css |
Специальная группа инструкций <META> предназначена, в основном, для описания и индексирования документа поисковыми машинами, а так же для указания некоторых инструкций браузеру. Параметры для данного тэга могут быть следующие:
| HTTP-EQUIV | Определяет свойство для тэга | возможное значение: refresh, content-type, expires. |
|---|---|---|
| NAME | Определяет описание тэга. | возможное значение: keywords, description, author и т.д. |
| URL | Определяет адрес документа для свойства. | возможное значение: Любой адрес. |
| CONTENT | Определяет значение для свойства. | возможное значение: любое |
Эти два тэга предназначены для определения стилей и записи сценариев. Как ими пользоваться и все остальные правила, касающиеся них, будут подробно рассмотрены в соответствующих главах. А сейчас рассмотрим следующий раздел документа.
В этом разделе собственно и содержится документ, отображаемый на экране. В принципе, сами тэги можно и не писать. Браузер и сам разберётся, где начало содержательной части, но этого делать не рекомендуется. В таблице показаны возможные параметра тэга <BODY>.
| ALINK | Определяет цвет активной ссылки. | возможное значение: словесное или цифровое задание цвета. |
|---|---|---|
| VLINK | Определяет цвет просмотренной ссылки. | возможное значение: словесное или цифровое задание цвета. |
| LINK | Определяет цвет не просмотренной ссылки. | возможное значение: словесное или цифровое задание цвета. |
| BACKGROUND | Определяет URL-адрес изображения, используемого а качестве фонового. | возможное значение: любой адрес |
| BGCOLOR | Определяет цвет фона документа. | возможное значение: словесное или цифровое задание цвета. |
| BGPROPERTIES | Определяет возможность прокрутки фонового изображения. | возможное значение: FIXED - изображение не прокручивается. |
| SCROLL | Определяет наличие или отсутствие полос прокрутки браузера | возможное значение: YES, NO |
| TEXT | Определяет цвет текста | возможное значение: словесное или цифровое задание цвета. |
| TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN | Определяет соответствующую границу документа в пикселах. | возможное значение: целое число |
| BGCOLOR ="green" |
| BGCOLOR="#0DFac8" |
| BGCOLOR ="rgb(56, 76, 240)" |
| BGCOLOR ="RGB(25%, 46%, 100%)" |