Изучение HTML, Уроки HTML, Советы HTML, Практические рекомендации, Примеры HTML

Главная | Ссылки | Полезное
Введение
Для кого?
О чем?
Зачем Вам изучать HTML?
Почему HTML 3.2?
Рамки этого документа
О версиях этого пособия
Лучше посмотреть на...
Как изучать HTML 3.2
Получение общей начальной информации о HTML
Систематическое изучение HTML 3.2
Официальная HTML 3.2 спецификация
Дополнительные источники информации
Проверьте Ваш HTML
Общие замечания по синтаксису HTML
Набор символов
Теги HTML
Элементы HTML
Aтрибуты
URLs
Case чувствительность (чувствительность к выбору)
Разделение на строки и использование пробелов и символов табуляции
Классификация элементов
Разрешенная вложенность элементов
Заметки о разном: об escape последовательностях (символьных объектах), именах, цветовых атрибутах, ширине, пикселях, вертикальном выравнивании (VALIGN), непрерывных пробелах ( ), комментарии
Media types
Основные структуры HTML 3.2 документа (с примерами)
Обязательная структура документа
Рекомендуемая структура документа
Информация о документе - раздел HEAD
Организация содержания - заголовки (headings), абзацы (paragraphs), списки (lists) и т.п.
Разметка текста - выделение шрифта, цитирование, код и т.п.
Управление размещением
Связи
Изображения, формулы и т.п.
Таблицы - tables (Нет в HTML 2.0!)
Таблицы стилей
Описания тегов HTML 3.2
Индексы и надписи
A - якоря (anchors), гиперсвязи (hyperlinks), и т.д.
ADDRESS (АДРЕС) - информация об авторе информации
APPLET - Java апплеты (Нет в HTML 2.0!)
AREA (ОБЛАСТЬ) - область в реагирующей на нажатие клавиши схеме (MAP) (Нет в HTML 2.0!)
B - жирный шрифт
BASE - базовый, основной URL
BASEFONT (БАЗОВЫЙ ШРИФТ) - размер базового шрифта (Нет в HTML 2.0!)
BIG (БОЛЬШОЙ) - большой шрифт (Нет в HTML 2.0!)
BLOCKQUOTE (БЛОК ЦИТИРОВАНИЯ) - длинное цитирование
BODY (ТЕЛО) - тело документа
BR - перевод строки
CAPTION (ЗАГОЛОВОК) - заголовок для таблицы (Нет в HTML 2.0!)
CENTER (ЦЕНТР) - центрирование (Нет в HTML 2.0!)
CITE - ссылки
CODE (КОД) - программный код
DD - определение данных
DFN - определение (Нет в HTML 2.0!)
DIR - ненумерованный список в директории
DIV - разделитель документа (Нет в HTML 2.0!)
DL - дефинитивные или описательные списки
DT - дефинитивный термин
EM - подчеркивание
FONT (ШРИФТ) - размер и цвет шрифта (Нет в HTML 2.0!)
FORM (ФОРМА) - заполняемая форма
H1, H2, H3, H4, H5, H6 - заголовки
HEAD (ЗАГОЛОВОК) - заголовок документа
HR - изменение раздела (горизонтальная черта)
HTML - элемент верхнего уровня
I - курсив
IMG - линейные изображения
INPUT - поля ввода в формах
ISINDEX - простой поиск по ключевым словам
KBD - ввод с клавиатуры
LI - списковый элемент
LINK (СВЯЗЬ) - связь с другими документами
MAP - реагирующая на нажатие клавиш карта (Нет в HTML 2.0!)
MENU (МЕНЮ) - ненумеруемый список менюподобных форм
META - метаинформация
OL - упорядоченные (нумерованные) списки
OPTION - элемент выбора в меню
P - обычный абзац
PARAM - параметры апплета (Нет в HTML 2.0!)
PRE - предварительно отформатированный текст
SAMP - образец вывода
SCRIPT - зарезервирован для будущего использования (Нет в HTML 2.0!)
SELECT (ВЫБРАТЬ) - меню выбора в форме
SMALL (МАЛЫЙ) - малый шрифт (Нет в HTML 2.0!)
STRIKE - перечеркнутый текст (Нет в HTML 2.0!)
STRONG - сильное подчеркивание
STYLE - таблицы стилей (Нет в HTML 2.0!)
SUB - подстрочный знак (Нет в HTML 2.0!)
SUP - надстрочный знак (Нет в HTML 2.0!)
TABLE - таблицы (Нет в HTML 2.0!)
TD - табличные данные (ячейка) (Нет в HTML 2.0!)
TEXTAREA - многострочное поле текстового ввода в форме
TH - табличный заголовок (ячейка) (Нет в HTML 2.0!)
TITLE - "внешний" заголовок (титул)
TR - табличная строка (Нет в HTML 2.0!)
TT - телетайпный (одноразмерный) текст
U - подчеркивание (Нет в HTML 2.0!)
UL - неупорядоченные (ненумерованные) списки
VAR - переменные


Изображения, формулы и т.п.

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

Допустим, что мы имеем некоторые графические изображения в некотором формате. Существуют два различных способа его использования в Web документе. Вы можете либо указать связь к нему, либо вставить его в Ваш документ. В первом случае Вы используете якорь (A-элемент); в другом случае элемент IMG. В первом случае, когда пользователь рассматривает Ваш документ, он видит символьную фразу, действующую, как связь, и активизация этой связи заставляет изображение появиться на экране, либо в том же самом окне, либо в другом, в зависимости от броузера и его установок. В другом случае, вставленное изображение является частью Вашего документа; когда пользователь обращается к Вашему документу, изображение загружается вместе с ним и выводится, как его часть.

В обоих случаях пользователь увидит изображение, если только броузер поддерживает специальный графический формат. Наиболее поддерживаемые форматы - GIF и JPEG. Зачастую - это единственные форматы, поддерживаемые для вставляемых изображений. Для связанных образов поддержка форматов обычно шире (она может включать, например, PostScript, PDF, PNG) и может расширяться инсталляцией новых просмотровщиков и расширений, прилагаемых к броузерам. Существует вариант, когда связанные образы так воплощаются на броузере, что броузер ничего не знает о графическом формате файлов, но знает, как запустить отдельную программу, которая покажет эти изображения.

Как вариант, возможно объединение связывания и вставки изображений: Вы можете создать документ, содержащий изображение, которое действует, как связь к другому изображению. То есть, например, вставленное изображение является малой, подобной штампику, версией изображения, на которое указывает связь.

Ссылка на графические объекты обычно допускается без специальных разрешений. Но при использовании авторских рисунков, фотографий и т.п. - автор должен упоминаться. (Смотрите Законы Web FAQ.) Однако, некоторые изображения настолько просты, что копирайт просто не нужен. Кроме того, есть большое количество коллекций изображений и среди них - коллекции общего пользования.

Для иллюстрации связывания с изображением и внедрения изображений давайте рассмотрим GIF изображение, которое расположено по адресу - http://www.hut.fi/~lsarakon/sae.gif. Обратимся к нему следующим образом:

Пример sae.html:

<A HREF="http://www.hut.fi/~lsarakon/">Liisa Sarakontu</A> has drawn <A HREF="http://www.hut.fi/~lsarakon/sae.gif">a picture of Siamese algae eater</A>.

Теперь, так как автор разрешил использовать его изображение, представим файл в другом виде:

Пример sae-2.html:

The Siamese algae eater (<I>Crossocheilus siamensis</I>) is often mixed up with another algae eating fish, the "false Siamensis" (<I>Garra taeniata</I> or <I>Epalzeorhynchus sp.</I>). Below you can see drawings of them by <A HREF="http://www.hut.fi/~lsarakon/">Liisa Sarakontu</A>. <P> <IMG SRC="http://www.hut.fi/~lsarakon/sae.gif" ALT="[Picture of Siamese algae eater]"> <P> <IMG SRC="http://www.hut.fi/~lsarakon/false.gif" ALT='[Picture of "false Siamensis"]'>

Проблема правильного использования графических изображений в HTML документе очень трудна и многоаспектна, но мы попытаемся рассказать и об этом. Читателям, которые знают финский, предлагаем прочитать документ Kuvien kдytцstд viestinnдssд yleensд ja Webissд erityisesti.

В HTML 3.2 нет общей поддержки представления математических формул. Так как работа по этому вопросу находится в стадии развития, для ознакомления посмотрите документ W3C по Математической разметке. При необходимости Вы можете использовать некоторое программное обеспечение (например, TeX), чтобы оформить формулы, как изображение, например, в формате PostScript, и, используя тег IMG, вставить его в Ваш документ, или тег A, чтобы создать связь к нему. Последний способ более предпочтителен, особенно для больших формул. Если пользователю хочется читать текст не отвлекаясь, то взглянуть на формулу (изображение) он сможет, когда захочет. Более того, он сможет посмотреть ее в отдельном окне экрана.


   Тексты принадлежат их владельцам!  

 
Hosted by uCoz