УРОК № 8 (2 часа)
Web-дизайн
Индексы и надписи
*A *ADDRESS *APPLET *AREA
*B *BASE *BASEFONT *BIG *BLOCKQUOTE *BODY *BR
*CAPTION *CENTER *CITE *CODE
*DD *DFN *DIR *DIV *DL *DT
*EM *FONT *FORM
*H1 *H2 *H3 *H4 *H5 *H6 *HEAD *HR *HTML
*I *IMG *INPUT *ISINDEX
*KBD
*LI *LINK
*MAP *MENU *META
*OL *OPTION *P *PARAM
*PRE
*SAMP *SCRIPT *SELECT *SMALL *STRIKE *STRONG *STYLE *SUB *SUP
*TABLE *TD *TEXTAREA *TH *TITLE *TR *TT
*U *UL
*VAR
Структуры описания тега могут быть сведены к нижеследующему:
· Заголовок (heading), содержащий имя тега и короткое описание его значения, а также, если необходимо, констатацию того факта, что такого тега нет в HTML 2.0.
· Короткое описание назначения тега.
· Словесное описание типичного отображения графическими Web броузерами.
· Описание основного синтаксиса (без атрибутов, за исключением обязательных или очень распространенных).
· Возможные атрибуты с указанием их смысла и возможных значений - в табличном виде.
· Допустимый контекст, т. е. спецификация, которая говорит об окружении, в котором может появиться элемент.
· Допустимое содержимое элемента, т. е. элементы (или другие конструкции), которые могут появиться между начальным и конечным тегами. Если содержимое определяется, как ничего, элемент является так называемым пустым, который либо ничего не требует, либо реализуется без конечного тега и без какого-либо содержания.
· Примеры. Сначала - простые, показывающие самое основное и простое использование с "умолчанием обо всем", затем более сложный пример (если возможно), демонстрирующий необязательные возможности и т. д. Большинство примеров кодов HTML, представлены, как отдельные абзацы шрифтом одного размера, причем перед этим примером приведено его название в виде, подобном Пример PRE-1.html, действующее как связь к документу, содержащему код и позволяющий читателю посмотреть, как пример выглядит на его броузере и в его программном окружении. Обратите внимание, что само отображение примера не предусмотрено в этом документе; это сделано намеренно, чтобы дать четкое различие между HTML структурой и ее видимым представлением с использованием того или иного броузера.
· Полезные примечания об использовании тега. Суть их определяется вопросами типа "должен ли я использовать только этот тег, или вместо него можно использовать некоторые другие", и связана с освещением различных практических аспектов с большим углублением в технические детали. Примечания могут включать предупреждения о типичном неверном использовании элементов HTML и распространенных ошибках.
A - якоря (anchors), гиперсвязи (hyperlinks), и т. д.
Цель
Чтобы установить гиперсвязи (hyperlinks) и "якоря" (anchors) для них, т. е. определить, какое слово или другая конструкция в документе обеспечивает связь с ресурсом (например, с файлом HTML), или специфицировать, что текущее место экрана может использоваться с данным именем, как флажок для таких связей (в том же или другом документе).
В принципе, A элемент также может быть использован и для других целей, которые на текущий момент имеют небольшое практическое значение.
Типичное представление
A-элемент в программе из вида <A HREF="цель"> текст якоря </A> преобразуется при выводе на экран так, что текст якоря представляется способом, выделяющим его из другого текста (например, подчеркиванием или подсветкой).
Пользователь может выбрать текст якоря (способом, принятым в броузере, используя, например, клавишу, изображающую стрелку, для перемещения курсора с последующим нажатием на клавишу "enter" для отбора, или мышку для перемещения курсора с последующим "кликанием" кнопки на отобранном месте). В этом случае документ или локальный участок в документе, специфицированные флажком (target), если они доступны и их можно использовать, должны быть выбраны и представлены пользователю в этом же или другом окне экрана.
При этом нет автоматического перевода строки или подобных действий; то есть текст якоря может быть частью обычного текста в документе.
Представление текстов якоря во многих броузерах определяется действиями пользователя. Это зависит от того, посетил пользователь текст якоря или нет. На это также влияют атрибуты LINK и VLINK в элементе BODY. В документе в зависимости от типа броузера и его установок текст якоря может быть нормальным, подчеркнутым текстом или текстом типа примечания.
Если текст якоря есть (или включает) элемент IMG, броузер обычно показывает этот элемент, как связь от обведенного цветной (чаще - голубой) рамкой изображения. Ширина и существование такой рамки может задаваться атрибутом BORDER элемента IMG.
A-элементы, содержащие какие-либо атрибуты, не влияют на отображение документа (исключение составляет атрибут HREF).
Основной синтаксис
<A HREF="цель">текст якоря</A>
или
<A NAME="имя"></A>
Возможные атрибуты
имя атрибута | возможные значения | смысл | примечания |
NAME | строка символов | имя для связанного "конца" | должно быть уникальным в пределах документа |
HREF | URL (униформный ресурсный локатор) | сетевой адрес для связанного ресурса | должен соответствовать другому HTML документу, PDF файлу, изображению и т. д. |
REL | строка | указание связи вперед; ср. LINK с REL | в принципе, может быть использован для определения, как работать с конкретным связанным ресурсом, когда выводится набор связанных ресурсов |
REV | строка | указание обратной связи | связь от документа A к документу B по выражению REV=relation - та же самая, что и связь от B к A по выражению REL=relation. |
TITLE | строка | заголовок для связанного ресурса | необязательно |
Значение атрибута TITLE может быть использовано, например:
· для предварительного вывода назначенного ресурса, типа заметок на полях или маленького прямоугольника, когда мышь "ходит" поверх якоря или пока документ загружается
· как название окна для ресурсов, которые не включают заголовок, например, график или простой текст
· как тема e-mail сообщения, когда предпочтение отдается элементу A по сравнению с mailto: URL
Допустимый контекст
Текстовый контейнер, т. е. любой элемент, который может содержать текстовые элементы. Включает большинство HTML элементов.
Содержимое
Текстовые элементы. Заметим, что они включают элемент IMG (изображение может быть представлено, как "текст якоря"), но не могут содержать заголовки (headings) (A-элемент может быть в пределах заголовка, но не наоборот).
Примечания
Не используйте текстовое представление якоря, предлагая фразу типа Нажмите здесь. Это выглядит чрезвычайно глупо, например, в бумажной копии документа. Уоррен Стиил говорит в Советах для авторов Web:
Вам не нужно говорить "Нажми здесь" для того, чтобы дать информацию о Ваших университетских программах. Всего лишь укажите связь от слов, которые Вы могли бы сказать: "Наши выдающиеся университетские программы...". Связи к большим файлам или неизвестным форматам должны помечаться особым образом, например: "Наша волнующая боевая песня (400k. au)..."
Пренебрежение кавычками (quotes) и пропуск их в атрибуте HREF является достаточно распространенной ошибкой. Некоторые броузеры приспособлены к пониманию этого, другие - нет (связь может не работать совсем).
Вы не можете вложить A элемент, но можете записать его для использования с двойной целью - как HREF и как NAME атрибуты, например, <A NAME="foo" HREF="#bar">zap</A>
В NAME элементе имя может быть только текстовым элементом и является частью документа, а точнее - частью между начальным и конечным тегами. Большинство броузеров интерпретируют элемент A NAME так, что он производит локализацию (определение места) в документе, а именно - локализацию начального тега, оставляя позицию конечного тега неопределенной. (При этом, конечный тег </A> - обязателен!)
APPLET - Java апплеты
Цель
Внедрение (вставка) Java апплетов в HTML документ.
Типичное отображение
Если броузер приспособлен к использованию Java апплетов, он может запустить апплет на исполнение. Если нет - он высвечивает содержимое (после элемента PARAM) апплета, или строку, специфицируемую в атрибуте ALT.
Основной синтаксис
<APPLET CODE="имя апплет-файла" WIDTH=m HEIGHT=n ALIGN=выравнивание>
текстовое описание
</APPLET>
Возможные атрибуты
имя атрибута | возможные значения | смысл | примечания |
CODEBASE | URL | основной URL апплета; обычно задает директорию или папку, содержащую код апплета | по умолчанию - URL документа |
CODE | строка | имя файла, который содержит компилированный Applet - подкласс апплета | обязателен; интерпретируется как родственный базе, специфицированной атрибутом CODEBASE; не может быть неограниченным |
ALT | строка | текстовое описание, которое должно высвечиваться вместо апплета | содержимое элемента; может быть использовано для тех же целей, но с большей гибкостью |
NAME | строка | имя отдельного апплета | такие имена позволяют апплетам находить (и связывать) друг друга в одном документе. |
WIDTH | целое | предполагаемая ширина в пикселях, не учитывая окон или диалогов апплета | обязателен |
HEIGHT | целое | предполагаемая высота в пикселях, не учитывая окон или диалогов апплета | обязателен |
имя атрибута | возможные значения | смысл | примечания |
ALIGN | TOP, MIDDLE, BOTTOM, LEFT, RIGHT | позиционирует область высвечивания апплета на дисплее | подобен атрибуту ALIGN элемента IMG |
HSPACE | целое | ширина незаполненного пространства слева и справа от зоны высвечивания апплета в пикселях | соответствует атрибуту HSPACE элемента IMG |
VSPACE | целое | высота незаполненного пространства выше и ниже зоны высвечивания апплета в пикселях | соответствует атрибуту VSPACE элемента IMG |
Допустимый контекст
Контейнер текста, т. е. любой элемент, который может содержать текстовый элемент. Включает большинство элементов HTML.
Содержимое
Ноль или более элементов PARAM, за которыми следует ноль или более элементов текста.
Назначение и использование элементов текста в содержимом точно не определено. В HTML 3.2 Ссылочной спецификации приводится следующее пояснение:
Содержимое APPLET элементов должно использоваться для альтернативного представления апплета для программ просмотра, которые не поддерживают Java. Java-приспособленные броузеры игнорируют этот HTML код. Вы можете использовать PARAM, чтобы показать кадр выполнения апплета с текстовыми пояснениями о том, что делает апплет. И еще одна область применения элемента PARAM - обеспечить связь со страницей, на которой находится информация для броузеров, не поддерживающих Java.
Заметьте, что текстовые элементы в содержимом и атрибут ALT в начальном теге - два способа вывести что-то вместо апплета. Здесь есть два отличия: значение ALT - простая строка, в то время как элементы могут содержать разметку текста; и атрибут ALT не дает эффекта, если броузер совсем не знает элемента APPLET, тогда как такие же броузеры должны обработать текстовые элементы в содержимом - они просто игнорируют начальный и конечный теги APPLET и PARAM.
Примеры
Простой пример:
<APPLET CODE="Bubbles. class" WIDTH=500 HEIGHT=500 ALIGN=MIDDLE>
Java applet that draws animated bubbles.
</APPLET>
Более сложный пример, использующий PARAM элемент:
<APPLET CODE="AudioItem" WIDTH=15 HEIGHT=15 ALIGN=TOP>
<PARAM NAME=snd VALUE="Hello. au|Welcome. au">
Java applet that plays a welcoming sound.
</APPLET>
Следующий пример, иллюстрирующий использование CODEBASE:
<APPLET CODEBASE="applets/NervousText"
CODE="NervousText. class"
WIDTH=300
HEIGHT=50>
<PARAM NAME=TEXT VALUE="Java is Cool!">
<IMG SRC="sorry. gif" ALT="This looks better with Java support">
</APPLET>
Примечания
Даже если броузер поддерживает Java, поддержка может быть снята системным администратором или отдельными пользователями, что часто и происходит, так как существует мнение, что Java несет слишком серьезную угрозу безопасности. Поэтому, если Вы используете Java апплеты, попытайтесь сконструировать Ваши документы так, чтобы они работали и в условиях отказа от демонстрации Java апплетов.
AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP)
Цель
Для определения области ("горячей зоны") в реагирующей на нажатие клавиши схеме.
Типичное представление
Видимого эффекта нет, но когда пользователь "кликнет" в специфицированной области, идет обращение к документу, упомянутому в элементе AREA.
Чтобы помочь пользователю, броузер может вывести в строке статуса содержимое атрибута ALT, когда мышка или другое средство, управляющее указателем, движется над областью.
Основной синтаксис
<AREA HREF="URL" COORDS="x1, y1, x2, y2">
Возможные атрибуты
имя атрибута | возможные значения | смысл | примечания |
SHAPE | RECT, CIRCLE, POLY | очертания области | по умолчанию RECT |
COORDS | строка или форма, определяемая SHAPE | координаты области | обязателен, за исключением используемого по умолчанию SHAPE |
HREF | URL | адрес документа | действует, как гипертекстовая связь |
NOHREF | NOHREF | означает, что этот регион не действует | используется, когда Вы хотите вырезать дыру в "горячей" зоне |
ALT | строка | текстовое описание области | обязателен |
Значения SHAPE и синтаксис и семантика COORDS для каждой формы следующие:
SHAPE значение | форма области | синтаксис COORDS | значения COORDS |
SHAPE=RECT | прямоугольник | COORDS="x1, y1, x2, y2" | x и y задают координаты верхнего левого и нижнего правого углов |
SHAPE=CIRCLE | круг | COORDS="x0, y0, r" | x и y - координаты центра, r - радиус |
SHAPE=POLY | многоугольник | COORDS="x1, y1, x2, y2, x3, y3, ..." | x и y - координаты вершин |
Значения x и y координат измеряются в пикселях от верхнего левого угла соответствующего образа. Это означает, что значение y возрастает вниз.
В альтернативном варианте x или y могут быть также определены в процентах, со знаком процентов, добавляемым к числу, причем проценты берутся соответственно относительной ширине или высоте образа. Пример:
SHAPE=RECT COORDS="0, 0, 50%, 100%"
Примеры различных форм:
SHAPE=RECT COORDS="0, 0, 9, 9" | прямоугольник 10 на 10 пикселей в верхнем левом углу изображения |
SHAPE=CIRCLE COORDS="10, 10, 5" | круг с радиусом в 5 пикселей и центром, расположенном в точке (10, 10) |
SHAPE=POLY COORDS="10, 50, 15, 20, 20, 50" | многоугольник (в данном случае, треугольник) с координатами вершин (10, 50), (15, 20) и (20, 50) |
Допустимый контекст
MAP элемент.
Содержимое
Ничего.
Примеры
<AREA HREF="guide. html" ALT="Guide" COORDS="0, 0, 118, 28">
Примечания
Если два или более региона перекрываются, регион, определенный первым в схеме (MAP) имеет преимущество перед последующими регионами. Это означает, что элементы AREA с атрибутом NOHREF должны устанавливаться прежде элементов с атрибутом HREF.
Проектная версия HTML 3.2 содержала DEFAULT, как возможное значение атрибута SHAPE, для использования при спецификации, когда пользователь отбирает точку, которая не принадлежит какой-нибудь области, специфицированной в другом элементе AREA. Это было удалено из окончательного варианта спецификаций. Тот же эффект можно получить используя SHAPE=RECT COORDS="0, 0, 100%, 100%". Такой элемент AREA должен быть последним в пределах элемента MAP.
Атрибут ALT используется, чтобы показывать текстовые метки, которые могут высвечиваться в строке статуса, когда мышь или другое устройство управления курсором находится над горячей зоной, или же для создания текстовой строки для неграфической программы просмотра. Настоятельно рекомендуется использовать атрибут ALT. Заметим, что значение должно быть только строкой без разметки текста.
