КАТЕГОРИИ: Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748) |
Использование графики
Гипертекстовые ссылки Текстовые списки <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; Просмотров: 438; Нарушение авторских прав?; Мы поможем в написании вашей работы! Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет |