ОписаниеТег <MARQUEE> создает бегущую строку на странице. На самом деле содержимое контейнера <MARQUEE> не ограничивается строками и позволяет перемещать (скролировать) любые элементы web-страницы - текст, таблицы, картинки, формы и прочее Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение. Первоначально тег <MARQUEE> был предназначен только для браузера Internet Explorer, но современные версии других браузеров (Firefox 1.0, Netscape 7, Opera 7 и старше) также поддерживают данный тег. Синтаксис<marquee>HTML-код</marquee>
Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <MARQUEE> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример использования тега MARQUEE</title> </head> <body> <marquee behavior="alternate" direction="left" bgcolor="#ffcc00"> Стояли жаркие, безветренные июньские дни... </marquee> </body> </html> Описание параметров тега <MARQUEE>Параметр BEHAVIOR
ОписаниеЗадает способ движения содержимого внутри элемента <MARQUEE>. Синтаксис<marquee behavior="alternate | scroll | slide">...</marquee>
Аргументы
Значение по умолчаниюscroll Пример 2. Способ перемещения <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр behavior</title> </head> <body> <marquee bgcolor="#c0c0c0" behavior="alternate">Стояли жаркие, безветренные июньские дни...</marquee> <marquee bgcolor="#c0c0c0" behavior="scroll">Стояли жаркие, безветренные июньские дни...</marquee> <marquee bgcolor="#c0c0c0" behavior="slide">Стояли жаркие, безветренные июньские дни...</marquee> </body> </html> Параметр BGCOLOR
ОписаниеЗадает цвет фона под содержимым элемента MARQUEE. Синтаксис<marquee bgcolor="цвет">...</marquee>
АргументыЦвет задается следующими способами. 1. Используя название цветаБольшинство современных браузеров поддерживают задание цвета по названию. 2. Используя шестнадцатеричное значениеДля получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF.Значение по умолчаниюСовпадает с цветом фона web-страницы, обычно это белый цвет. Пример 3. Цвет фона <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр bgcolor</title> </head> <body bgcolor="#c0c0c0"> <marquee bgcolor="white">Интернет сеть чат общение...</marquee> </body> </html> Параметр DIRECTION
ОписаниеСодержимое контейнера <MARQUEE> может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз. Синтаксис<marquee direction="down | left | right | up">...</marquee>
Аргументы
Значение по умолчаниюleft Пример 4. Направление движения <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр direction</title> </head> <body> <marquee direction="down" bgcolor="#ffcc00">Стояли жаркие, безветренные июньские дни...</marquee> </body> </html> Параметр HEIGHT и WIDTH
ОписаниеЭлемент MARQUEE отображается как прямоугольник, ширина и высота которого устанавливаются, соответственно, с помощью параметров width и height. Прокрутка содержимого будет происходить в пределах заданных размеров. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры <MARQUEE> вычисляются относительно родительского элемента, обычно это тег BODY. То есть, width="100%" означает, что элемент будет занимать всю доступную ширину web-страницы. Синтаксис<marquee height="высота">...</marquee>
<marquee width="ширина">...</marquee> АргументыЛюбое целое положительное число в пикселах или процентах. Значение по умолчаниюШирина - 100%, высота - 12 пикселов. Пример 5. Ширина и высота области прокрутки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр width</title> </head> <body> <marquee width="500" height="150" direction="up" bgcolor="olive" style="text-align: center; color: white"> Стояли жаркие, безветренные июньские дни... </marquee> </body> </html> Параметр HSPACE и VSPACE
ОписаниеПараметры hspace и vspace предназначены для добавления пустого пространства вокруг содержимого MARQUEE. Атрибут hspace задает поля слева и справа от элемента (по горизонтали), а vspace - сверху и снизу (по вертикали). Поля не увеличивают фоновую область под содержимым и служат для изменения расстояния между тегом <MARQUEE> и другими элементами web-страницы. Синтаксис<marquee hspace="поле по горизонтали">...</marquee>
<marquee vspace="поле по вертикали">...</marquee> АргументыЛюбое целое положительное число в пикселах. Значение по умолчанию-1 Пример 6. Поля вокруг области прокрутки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр hspace</title> </head> <body> <marquee width="550" height="150" hspace="5" vspace="7"> Стояли жаркие, безветренные июньские дни... </marquee> </body> </html> Параметр LOOP
ОписаниеЗадает, сколько раз скролировать содержимое тега <MARQUEE>. После того, как заданное число раз отсчитано, содержимое остается в конечной точке. Синтаксис<marquee loop="число повторений">...</marquee>
АргументыЛюбое целое положительное число или -1 для бесконечного воспроизведения движения. Значение по умолчанию-1 Пример 7. Повторение скролирования <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Пример тега MARQUEE, параметр loop</title> </head> <body> <marquee loop="5" behavior="alternate"> Стояли жаркие, безветренные июньские дни... </marquee> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 274
| Теги: |
Всего комментариев: 0 | |