- •Оглавление
- •1.Что такое html
- •2.Минимальные требования к html документу
- •3.Элементы заголовка.
- •4.Элемент body
- •6.Специальные символы
- •7.Списки
- •Нумерованный (упорядоченный) список
- •Маркерованный (неупорядоченный) список
- •Список определений
- •8.Форматирование текста
- •Задание характеристик шрифта
- •9.Отображение графики в документе
- •10.Таблицы
- •11. Фреймы
- •Структура фреймовой конструкции
- •Имена фреймов
- •Документ без фреймов
2.Минимальные требования к html документу
HTML документ должен содержать несколько обязательных тегов. Эти теги сообщают броузеру различные глобальные сведения, такие как номер версии HTML, содержит ли документ HTML - текст, а также название документа. В таблице 1.1 приведены основные элементы HTML. Ниже приведен HTML-документ, содержащий только обязательные тэги. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE> A minimal web page </TITLE> </HEAD> <BODY> </BODY> </HTML>
Таблица 1.1 Основные элементы HTML,представленные в обычном для документа порядке |
|
Элемент |
Описание |
|
|
!DOCTYPE |
Первый элемент HTML-документа. Определяет версию документа. Введен в язык HTML версии 3.2 |
|
|
HTML |
Определяет начало HTML-части документа. Благодаря этому элементу броузер определяет последующий текст документа как HTML-текст |
|
|
HEAD |
Определяет область заголовка документа, в которой помещается элемент TITLE с каким-либо другим элементом, определяющим параметры заголовка: ISINDEX, BASE, STYLE, SCRIPT, META и LINK. |
|
|
TITLE |
Название документа. Это обязательный элемент, который должен размещаться в области действия элемента HEAD. Большинство броузеров выводят этот текст в заголовке окна. |
|
|
BODY |
Отмечает тело документа. Большинство не приведенных в данной таблице элементов HTML используются именно в этой части. |
|
|
Всякий HTML-документ содержит два основных раздела: заголовок и тело. Раздел заголовка,заключенный между тегами HEAD, описывает глобальные характеристики документа. Информация, содержащаяся в заголовке, не отображается в рабочей области окна броузера. Тело документа, отмеченное элементами BODY, содержит текст и изображения, предназначенные для вывода на экран. Хорошим тоном по-прежнему остается вставлять комментарии в свой код. В HTML комментарии начинаются символами . Текст, заключенный между этими элементами, не воспринимается броузером как HTML код и не выводится на экран. Комментарии также бывают полезны при написании скриптов и таблиц стилей. Если броузер не поддерживает их, то комментарии запретят вывод на экран тела скрипта или таблицы стилей.
3.Элементы заголовка.
В разделе заголовка описываются глобальные характеристики документа. Некоторые элементы могут использоваться только между тегами начала и конца заголовка. Они носят название HEAD-элементов. Сейчас мы последовательно опишем каждый из них.
BASE
Часто HTML-документы связаны между собой, т. е. имеют ссылки друг на друга. Ссылки могут быть как абсолютные, так и относительные. И те и другие имеют недостатки. Абсолютные ссылки могут быть слишком громоздкими и переставать работать, если перемещен младший (child) по иерархии документ. Относительные ссылки легче вводить и обновлять, но и эта связь обрывается, если перемещен старший (parent) по иерархии документ. Оба вида связи могут нарушиться при переносе документа с одного компьютера на другой. По умолчанию браузер использует URL, указанный для загрузки какого-либо документ, как полный, абсолютный адрес этого документа. Элемент BASE используется для явной установки абсолютного URL адреса. Этот тэг имеет один обязательный атрибут HREF, после которого указывается полный URL-адрес документа. Например, <!-- BOOK.HTM -- > <BASE HREF="http://www.WidgetWare.com/book.htm"> Документы, в которых задействован элемент BASE, можно свободно перемещать из одного каталога в другой, поскольку ссылки, заданные относительно определенного абсолютного адреса, будут сохранять свою значимость. В приведенном выше примере при перемещении файла Book.htm в другой каталог внутренние, относительные ссылки по-прежнему будут работать, поскольку браузер будет использовать URL, заданный в элементе BASE, а не новый адрес страницы.
LINK
Элемент LINK используется для информационных целей, указывая, что данный документ имеет связи с определенными документами либо что другие документы ссылаются на текущий документ. Он состоит из URL-адреса и атрибутов, конкретизирующих отношения документов. Заголовок документа может содержать любое количество элементов LINK.
Атрибуты тега <LINK> |
|
Атрибут |
Назначение |
URL |
Указывает на URL-адрес другого документа |
REL |
Определяет отношение между текущим и другим документом (описывает чем является документ, указанный в URL, по отношению к текущему) |
REV |
Определяет отношение между другим документом и текущим (функция, обратная REL) |
TYPE |
Указывает тип и параметры присоединенной таблицы стилей |
Например, нижеприведенная строка подсоединяет к документу внешнюю таблицу стилей Styles.css <LINK REL=STYLESHEET TYPE="text/css" HREF="Styles.css"> Рекомендуется также использование следующих значений атрибута REV: "author","editor", "publisher" и "owner" Вот несколько примеров атрибутов группы REL: "bookmark", "copyright","glossary", "help", "home", "index", "toe". Атрибуты REL "next" и "previous" позволяют переходить к следующему документу или возвращаться к предыдущему.
ISINDEX
Тэг <ISINDEX> является не столь часто употребляемым элементом раздела заголовка документа . Он обычно располагается перед тэгом <FORM> и используется для сообщения браузеру о том, что сервером поддерживается индексный поиск. В ответ на это браузер создает поле для ввода текста, по которому будет произведен поиск. Если на вашем сервере установлены современные средства поиска, работа с документами большого объема сильно облегчается. Каталоги и телефонные справочники являются хорошими примерами документов, где весьма уместно применение встроенного индексирования.
Атрибуты элемента <ISINDEX> |
|
Атрибут |
Назначение |
ACTION |
Указывает программу поиска, которой передается введенная строка текста |
PROMPT |
Определяет подсказку, которая выводится вместо подсказки по умолчанию |
META
Элемент МЕТА позволяет автору документа определять информацию, не имеющую отношения к HTML. Он используется, чтобы предоставить высокоуровневую информацию о документе для броузера, поисковых серверов и других приложений, которым эта информация может понадобиться. Основной синтаксис <META NAME=имя элемента метаинформации CONTENT=содержимое информации> или <META HTTP-EQUIV=имя элемента метаинформации CONTENT=содержимое информации> Возможны следующие применения комбинаций значений атрибутов тега META: Указание на программу, с помощью которой был создан документ: <META NAME="Generator" CONTENT="Microsoft FrontPage 2.0" > Описание документа: <META NAME="Description" CONTENT="Моя страничка" > Ключевые слова для поиска пользователями в сети документов на определенную тему : <META NAME="Keywords" CONTENT="Web, POAS" > Авторство: <META NAME="Author" CONTENT="Anknown, e-mail: http:\www.cnn.com" > Авторские права: <META NAME="Copyright" CONTENT="Авторские права защищены" > Управление индексацией поисковых машин: <META NAME="Robots" CONTENT="NoIndex" > Допустимы также следующие значения CONTENT для NAME="Robots": All и Index. Указание на последнюю дату модификации документа: <META NAME="Last Modified" CONTENT="16 Dec 1999"> Определяет дату истечения годности документа.Обеспечивает доставку свежих версий документа, а не версий из КЭШа: <META HTTP-EQUIV="EXPIRES" CONTENT="31 Dec 2000 08:00:00"> Указание на тип содержимого документа документа и является заменителем HTTP-протокола: <META HTTP-EQUIV="Content-Type&qout; CONTENT="text/html;charset=windows-1251"> Указание на тип содержащихся в документе скриптов: <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> Указание на тип встроенной таблицы стилей: <META HTTP-EQUIV="Content-Style-Type " CONTENT="text/css"> Указание броузеру : если через определенноевремя после завершения загрузки текущего документа пользователь не перейдет к загрузке другого документа, то начать загрузку ресурса по адресу, указанному в URL . Если время не указано, то загрузка произойдет немедленно, если же не указан URL, то перезагрузится текущий документ: <META HTTP-EQUIV="Refresh" CONTENT="время в сек.; URL"> Например, перезагружать документ каждые 10 сек. <META HTTP-EQUIV="Refresh" CONTENT="10"> Этот способ удобно применять, если сайт был перемещен на другой узел. Тогда на старом узле оставляют документ с прежним именем , сообщением о произошедших изменениях и единственным указанием - загрузить документ по новому адресу. Определяет имя альтернативного КЭШа: <META HTTP-EQUIV="Ext-cache" CONTENT="инструкции http - протокола"> Управляет кэшированием документа: <META HTTP-EQUIV="Cache-Control" CONTENT="действие"> Content ожет принимать следующие значения: public, private, no-cache, no-store (кэшируется, но не восстанавливается)
SCRIPT
Одним из наиболее мощных усовершенствований HTML является возможность создания сценариев. За счет создания сценариев разработчик Web-страницы может внедрять в неё исполняемые элементы. Это может превратить HTML- страницу в динамический документ. Теперь страница - это не просто статическое отображение на экране отформатированных данных. С появлением сценариев для разработчика открывается целый новый мир. Внедрить сценарий в страницу позволяет контейнер <SCRIPT>. Этот элемент имеет несколько атрибутов, но наиболее употребимым из них является LANGUAGE, определяющий язык, используемый для создания сценария. Броузер Internet Explorer поддерживает как JScript, так и VBScript.
STYLE
Элемент Style, который тоже является контейнером, содержит атрибуты страницы в виде таблицы стилей. Таблицы стилей предоставляют разработчику широчайшие возможности форматирования текста и изображений на экране.
TITLE
Контейнер TITLE просто задает название документа. Это единственный элемент, который должен обязательно находиться внутри контейнера HEAD . Наличие тэгов начала и конца заголовка также является обязательным. Большинство броузеров отображают текст, заданный этим элементом, в заголовке окна. Название документа используется также в качестве имени страницы в списке Favorites (Избранное) броузера. Для каждой страницы должно быть подобрано соответствующее её содержанию название. В HEAD может находиться более одного тега TITLE, что позволяет, например, сделать название документа бегущей при его загрузке строкой. Например, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>ge</TITLE> <TITLE>page </TITLE> <TITLE>eb page </TITLE> <TITLE>web page </TITLE> <TITLE>al web page </TITLE> <TITLE>imal web page </TITLE> <TITLE>inimal web page </TITLE> <TITLE> A minimal web page </TITLE> </HEAD> <BODY> </BODY> </HTML>