Использование графики
Гипертекстовые ссылки
Текстовые списки
<ol> ... </ol> - тэг упорядоченного (нумерованного) списка
[от "ordered list"]
Атрибуты:
type="" Определение типа упорядочивания
type="A" маркер в виде латинских прописных букв
type="a" маркер в виде латинских строчных букв
type="I" маркер в виде больших римских цифр
type="i" маркер в виде малых римских цифр
type="l" маркер в виде арабских цифр
compact Уплотнение компановки
start="n" Определение начального значения маркера (только для
списка с маркером в виде арабских цифр)
<ul> ... </ul> - тэг неупорядоченного (графически маркированного) списка
[от "unordered list"]
Атрибуты:
type="" Определение типа упорядочивания
type="disc" маркер в виде залитого кружка
type="square" маркер в виде залитого квадрата
type="circle" маркер в виде окружности
compact Уплотнение компановки
<lh> - тэг заголовка списка (не требуется использование тэга <br>)
<li> - тэг пункта списка (не требуется использование тэга <br>)
Списки <ol></ol> и <ul></ul> могут быть вложены друг в друга. При вложении
списков, новый тип списка является активным, а прежний деактивируется до
окончания действия вложенного.
<menu> ... </menu> (*) - тэг неупорядоченного списка ссылок (тэг при выведении
выглядит также как и тэг <ul></ul> и не имеет своих отличительных черт, используется
исключительно для удобства ориентирования в коде страницы)
Атрибуты:
type="" Определение типа упорядочивания (только для NN)
type="disc" маркер в виде залитого кружка
type="square" маркер в виде залитого квадрата
type="circle" маркер в виде окружности
Пример:
<menu>
<a href="">Ссылка 1</a>
<a href="">Ссылка 2</a>
<menu>
<dir> ... </dir> (*) - тэг неупорядоченного списка ссылок, имеет ограничения каждого
пункта - 24 символа (ограничения не являются обязательными)
Атрибуты:
type="" Определение типа упорядочивания (только для NN)
type="disc" маркер в виде залитого кружка
type="square" маркер в виде залитого квадрата
type="circle" маркер в виде окружности
<dl> ... </dl> - тэг списка определений
[от "Defenition list"]
Внутри:
<dt> - тэг определяемого термина
<dd> - тэг описания (пояснения) термина
Ссылка = указатель (anchor) + адресная часть (URL) + форма вывода (target)
Указатели:
Текстовый указатель - слово, группа слов, предложение, абзац
Графический указатель - маркер, пиктограмма, кнопка, рисунок
Адреса:
Относительные - доступные вертикальным входом-выходом из поддиректорий
Абсолютные - указание сложного адреса (пример: на другом компьютере)
<a> ... </a> - тэг адресации и обозначения указателя
Атрибуты:
class="" Указатель свойств в таблице стилей
href="" Указатель ссылки
id="" Идентификатор тэга <a></a>
name="" Присваивание имени ссылки (внутренняя навигация)
style="" Настройка стиля
target="" Формат вывода
Пример: target="blank" открытие ссылки в новом окне
title="" Определение подсветки значения (только для IE)
Абсолютный адрес: http://www.greenmoon.ru
Относительный адрес: ../default.html
Вариант 1: default.html
файл default.html находится в той же директории, где и файл с сылкой
Вариант 2: ../default.html
файл default.html находится на уровень выше
Вариант 3: ../examples/default.thml
файл default.html находиться в параллельной директории examples
Пример внутристраничной навигации:
<a name="start">Указатель места назначения</a>
... (html-текст)
<a href="#start">Переход к указателю места назначения</a>
<img> - тэг размещения и свойств графического объекта
[от "Image"]
Атрибуты:
align="" Определение свойств выравнивания
align="absbottom" - выравнивание текста по нижнему краю рисунка
align="absmiddle" - выравнивание текста по центру рисунка
align="baseline" - выравнивание текста по базовой линии рисунка
align="bottom" - выравнивание текста по нижнему краю рисунка
align="left" - изображение слева, текст обтекает рисунок
align="middle" - выравнивание текста по центру рисунка
align="right" - изображение справа, текст обтекает рисунок
align="texttop" - выравнивание только текста по верхнему краю
align="top" - выравнивание текста по верхнему краю рисунка
alt="" Текст подсветки значения
border="" Указатель толщины рамки (в пикселах)
class="" Указатель свойств в таблице стилей
height="" Указатель высоты рисунка (в пикселах или процентах)
hspace="" Указатель расстояния до текста (по горизонтали)
[от "horizontal space"]
id="" Идентификатор тэга <img>
ismap="" Создание координатной схемы изображения (х, у)
src="" Указатель местоположения изображения
[от "source"]
start="" Указатель выполнения приложения на месте рисунка
(только для IE)
start="fileopen" - после загрузки страницы
start="mouseover" - при наведении мышкой на рисунок
start="fileopen,mouseover" - при первом или втором случае
style="" Настройка стиля
usemap="" Создание карты ссылок, требуется тэг <map></map>
vspace="" Указатель расстояния до текста (по вертикали)
[от "vertical space"]
width="" Указатель ширины рисунка (в пикселах или процентах)
Для использования изображения в качестве ссылки, необходимо взять тэг <img> в
тэг <a></a>. Пример: <a href="file2.html"><img ....></a>