Использование графики

Гипертекстовые ссылки

Текстовые списки

<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>

Дата добавления: 2014-01-05