Возможно, Вам уже приходилось
видеть на сайтах бегущие
строки текста . Из этой статьи
вы узнаете, как создать
бегущую строку текста на
веб -странице, а также на
реальных примерах научитесь
применять разные параметры
бегущей строки текста . Что ж,
приступим!
Знакомство с тегом <marquee>
Бегущая строка в html-
документе создается тегом
<marquee>, который имеет
такие параметры, как ширина
поля текста, высота и
фоновый цвет. Рассмотрим это
на примере.
Пример 1. Создадим бегущую
строку с текстом «Это моя
первая бегущая строка»
шириной в 500 пикселей,
высотой – 25, фоновым цветом
– белым.
Вот так будет выглядеть html-
код этой бегущей строки:
<marquee height="25"
width="500"
bgcolor="white">
Это моя первая бегущая
строка
</marquee>
Размещаем этот код между
тегами <body> и </body> и
получаем полный html-код
веб-страницы:
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500"
bgcolor="white">
Это моя первая бегущая
строка
</marquee>
</body>
</html>
Пример 2. Создадим бегущую
строку с текстом «Это моя
вторая бегущая строка» с
теми же параметрами, что и в
предыдущем примере.
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500"
bgcolor="white">
Это моя вторая бегущая
строка
</marquee>
</body>
</html>
Пример 3. Создадим бегущую
строку с текстом «Это моя
новая бегущая строка», с
красным фоновым цветом.
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500" bgcolor="red">
Это моя новая бегущая
строка
</marquee>
</body>
</html>
Попробуйте создать что-то
подобное сами, изменив цвет
фона или размеры поля.
Удачи!
видеть на сайтах бегущие
строки текста . Из этой статьи
вы узнаете, как создать
бегущую строку текста на
веб -странице, а также на
реальных примерах научитесь
применять разные параметры
бегущей строки текста . Что ж,
приступим!
Знакомство с тегом <marquee>
Бегущая строка в html-
документе создается тегом
<marquee>, который имеет
такие параметры, как ширина
поля текста, высота и
фоновый цвет. Рассмотрим это
на примере.
Пример 1. Создадим бегущую
строку с текстом «Это моя
первая бегущая строка»
шириной в 500 пикселей,
высотой – 25, фоновым цветом
– белым.
Вот так будет выглядеть html-
код этой бегущей строки:
<marquee height="25"
width="500"
bgcolor="white">
Это моя первая бегущая
строка
</marquee>
Размещаем этот код между
тегами <body> и </body> и
получаем полный html-код
веб-страницы:
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500"
bgcolor="white">
Это моя первая бегущая
строка
</marquee>
</body>
</html>
Пример 2. Создадим бегущую
строку с текстом «Это моя
вторая бегущая строка» с
теми же параметрами, что и в
предыдущем примере.
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500"
bgcolor="white">
Это моя вторая бегущая
строка
</marquee>
</body>
</html>
Пример 3. Создадим бегущую
строку с текстом «Это моя
новая бегущая строка», с
красным фоновым цветом.
<html>
<head>
<title>
Моя бегущая строка
</title>
</head>
<body >
<marquee height="25"
width="500" bgcolor="red">
Это моя новая бегущая
строка
</marquee>
</body>
</html>
Попробуйте создать что-то
подобное сами, изменив цвет
фона или размеры поля.
Удачи!
Летающая картинка на сайт!
<marquee behavior="alternate"><img src="URL-картинки"></marquee>
(аlternate) - в этом примере картинка перемещается справа налево.
<marquee behavior="alternate"><img src="URL-картинки"></marquee>
(аlternate) - в этом примере картинка перемещается справа налево.
