- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр href Описание
- •Значение по умолчанию
- •Описание
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Параметр valign Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Значение по умолчанию
- •Параметр height и width Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр align Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр action Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр border Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Синтаксис
- •Параметры
- •Значение по умолчанию
- •Параметр alt Описание
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Параметр lowsrc Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Параметр src Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Параметр multiple Описание
- •Описание
- •Описание
- •Синтаксис
- •Закрывающий тег
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Закрывающий тег
- •Синтаксис
- •Аргументы
- •Значение по умолчанию
- •Аналог css
- •Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •Значение по умолчанию
- •Аналог css
- •Значение по умолчанию
- •Аналог css
Синтаксис
<map name=...> <area ...> </map>
Параметры
name
Имя карты-изображения.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <MAP>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <img src="map.gif" width="411" height="46" border="0" usemap="#navigation" alt="Навигация по сайту"> <map name="navigation"> <area shape="poly" coords="210,27, 203,9, 202,6, 197,2, 192,1, 120,1, 115,2, 110,6, 112,9, 119,27, 119,32, 211,32, 210,27" href="link1.html"> <area shape="poly" coords="302,27, 295,9, 293,6, 289,2, 283,1, 212,1, 206,2, 202,6, 203,9, 210,27, 211,32, 284,32, 303,32, 302,27" href="link2.html"> <area shape="poly" coords="302,27, 303,32, 394,32, 393,27, 386,9, 382,3, 375,1, 303,1, 298,2, 293,6, 295,9, 302,27" href="link3.html"> </map> </body> </html>
Описание параметров тега <MAP>
Параметр NAME
Описание
Имя идентификатора, которое однозначно определяет карту-изображение. Значение параметра name тега <MAP> должно соответствовать имени в usemap. При этом аргумент параметра usemap тега <IMG> начинается с символа решетки.
Синтаксис
<map name="идентификатор">...</map>
Обязательный параметр
Да.
Аргументы
Любое подходящее уникальное имя, оно чувствительно к регистру.
Значение по умолчанию
Нет.
Пример 2. Имя карты-изображения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <img src="/images/col3.gif" width="384" height="275" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="257,0,383,275" href="col3.html"> <area shape="rect" coords="126,0,257,276" href="col2.html"> <area shape="rect" coords="0,0,126,275" href="col1.html"> </map> </body> </html>
Описание
Тег <MARQUEE> создает бегущую строку на странице. На самом деле содержимое контейнера <MARQUEE> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.
Первоначально тег <MARQUEE> был предназначен только для браузера Internet Explorer, но современные версии других браузеров (Firefox 1.0, Netscape 6, Opera 6 и старше) также понимают и поддерживают этот тег.
Синтаксис
<marquee>...</marquee>
Параметры
behavior
Задает тип движения содержимого контейнера <MARQUEE>.
bgcolor
Цвет фона.
direction
Указывает направление движения содержимого контейнера <MARQUEE>.
height
Высота области прокрутки.
hspace
Горизонтальные поля вокруг контента.
loop
Задает, сколько раз будет прокручиваться содержимое.
scrollamount
Скорость движения контента.
scrolldelay
Величина задержки в миллисекундах между движениями.
truespeed
Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.
vspace
Вертикальные поля вокруг содержимого.
width
Ширина области прокрутки.
Закрывающий тег
Обязателен.
Пример 1. Использование тега <MARQUEE>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee behavior="alternate" direction="left" bgcolor="#ffcc00"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Описание параметров тега <MARQUEE>
Параметр BEHAVIOR
Описание
Устанавливает способ движения содержимого внутри элемента <MARQUEE>.
Синтаксис
<marquee behavior="alternate | scroll | slide">...</marquee>
Аргументы
alternate
Контент перемещается между правым и левым краем элемента.
scroll
Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.
slide
Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.
Значение по умолчанию
scroll
Пример 2. Способ перемещения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee bgcolor="#c0c0c0" behavior="alternate">Lorem ipsum dolor sit amet...</marquee> <marquee bgcolor="#c0c0c0" behavior="scroll">Lorem ipsum dolor sit amet...</marquee> <marquee bgcolor="#c0c0c0" behavior="slide">Lorem ipsum dolor sit amet...</marquee> </body> </html>
Результат данного примера показан ниже.
Параметр BGCOLOR
Описание
Устанавливает цвет фона под содержимым элемента MARQUEE.
Синтаксис
<marquee bgcolor="цвет">...</marquee>
Аргументы
Значение цвета можно задавать двумя способами.
1. По его названию
Браузеры поддерживают некоторые цвета по их названию.
2. По шестнадцатеричному значению
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.
Значение по умолчанию
Совпадает с цветом фона веб-страницы, обычно это белый цвет.
Пример 3. Цвет фона
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body bgcolor="#c0c0c0"> <marquee bgcolor="white">Lorem ipsum dolor sit amet...</marquee> </body> </html>
Параметр DIRECTION
Описание
Содержимое контейнера <MARQUEE> может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз.
Синтаксис
<marquee direction="down | left | right | up">...</marquee>
Аргументы
down
Движение сверху вниз.
left
Движение справа налево.
right
Движение в правую сторону.
up
Движение вверх.
Значение по умолчанию
left
Пример 4. Направление движения
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee direction="down" bgcolor="#ffcc00">Lorem ipsum dolor sit amet...</marquee> </body> </html>
Параметр HEIGHT и WIDTH
Описание
Элемент MARQUEE отображается как прямоугольник, ширина и высота которого устанавливаются, соответственно, с помощью параметров width и height. Прокрутка содержимого будет происходить в пределах заданных размеров. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры <MARQUEE> вычисляются относительно родительского элемента, обычно это тег BODY. Иными словами, width="100%" означает, что элемент будет занимать всю доступную ширину веб-страницы.
Синтаксис
<marquee height="высота">...</marquee> <marquee width="ширина">...</marquee>
Аргументы
Любое целое положительное число в пикселах или процентах.
Значение по умолчанию
Ширина — 100%, высота — 12 пикселов.
Пример 5. Ширина и высота области прокрутки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee width="600" height="150" direction="up" bgcolor="olive" style="text-align: center; color: white"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Параметр HSPACE и VSPACE
Описание
Параметры hspace и vspace предназначены для добавления пустого пространства вокруг содержимого MARQUEE. Атрибут hspace устанавливает поля слева и справа от элемента (по горизонтали), а vspace — сверху и снизу (по вертикали). Поля не увеличивают фоновую область под содержимым и служат для изменения расстояния между тегом <MARQUEE> и другими элементами веб-страницы.
Синтаксис
<marquee hspace="поле по горизонтали">...</marquee> <marquee vspace="поле по вертикали">...</marquee>
Аргументы
Любое целое положительное число в пикселах.
Значение по умолчанию
-1
Пример 6. Поля вокруг области прокрутки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee width="550" height="150" hspace="5" vspace="7"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Параметр LOOP
Описание
Устанавливает, сколько раз скролировать содержимое тега <MARQUEE>. После того, как заданное число раз отсчитано, содержимое остается в конечной точке.
Синтаксис
<marquee loop="число повторений">...</marquee>
Аргументы
Любое целое положительное число или -1 для бесконечного воспроизведения движения.
Значение по умолчанию
-1
Пример 7. Повторение скролирования
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee loop="5" behavior="alternate"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Параметр SCROLLAMOUNT
Описание
Анимация содержимого элемента <MARQUEE> происходит за счет периодического стирания информации и отображения ее на новом месте. Параметр scrollamount устанавливает расстояние в пикселах между старым и новым положениями, которые влияют на скорость движения и плавность хода. Чем выше значение, тем быстрее перемещается содержимое контейнера. Если значение равно нулю, то движения не происходит.
Синтаксис
<marquee scrollamount="число">...</marquee>
Аргументы
Любое целое положительное число пикселов.
Значение по умолчанию
6
Пример 8. Использование параметра scrollamount
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee scrollamount="10" behavior="alternate"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Параметр SCROLLDELAY
Описание
На скорость скролирования, как и изменение позиции, влияет частота обновления содержания. Параметр scrolldelay задает время задержки между движениями в миллисекундах, чем ниже значение, тем выше скорость движения, и наоборот.
Синтаксис
<marquee scrolldelay="число">...</marquee>
Аргументы
Любое целое положительное число миллисекунд.
Значение по умолчанию
85
Пример 9. Использование параметра scrolldelay
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee scrolldelay="100"> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Параметр TRUESPEED
Описание
Если содержимое тега <MARQUEE> перемещается слишком быстро, то срабатывает встроенный ограничитель скорости, который насильно замедляет скролирование. Это сделано для того, чтобы сохранить читабельность текста. Если вы намерены обойти это ограничение, добавьте параметр truespeed, он заставляет прокручиваться содержимое с заданной скоростью. Для параметра scrolldelay ограничение скорости начинается со значения 60 миллисекунд и ниже.
Синтаксис
<marquee truespeed>...</marquee>
Аргументы
Нет.
Значение по умолчанию
По умолчанию этот параметр выключен.
Пример 10. Использование параметра truespeed
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <body> <marquee scrolldelay="30" truespeed> Lorem ipsum dolor sit amet... </marquee> </body> </html>
Описание
<META> определяет метатеги, которые используются для хранения информации предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Разрешается использовать более чем один метатег, все они размещаются в контейнере <HEAD>. Как правило, параметры любого метатега сводятся к парам «имя=значение», которые определяются аргументами content, name или http-equiv.