Как сделать бегущую строку на веб-странице

В данной статье мы с вами рассмотрим пример создания бегущей строки на веб-странице. Бегущую строку мы будем создавать с помощью тега <marquee>.

Приступим к написанию исходного кода!

  1. Открываем редактор исходного кода (можно воспользоваться Блокнотом) и вносим следующий код:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN»
 «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
  <title>Бегущая строка на веб-странице</title>
</head>
<body>
</body>
</html>

2. Между тегами <body></body> (в теле  HTML-документа) будем размещать строку, которая должна «бежать». Саму строку разместим между тегами <marquee></marquee>. В результате у нас получается  такой полный HTML-код:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4.01//EN»
 «http://www.w3.org/TR/html4/strict.dtd»>
<html>
<head>
  <title>Бегущая строка на веб-странице</title>
</head>
<body>
   <marquee>Внимание! Появился открылся новый раздел на нашем сайте</marquee>
</body>
</html>

3. Сохраните код в файле с расширением *.html и протестируйте страницу в браузере. Сразу же Вам скажу, что не во всех браузерах может сработать эффект «бегущей» строки. Например, в браузере IE5.5 этот эффект не работает. Тестируйте свои страницы в разных браузерах! Для того чтобы протестировать страницу сразу в нескольких версиях браузера Internet Explorer, Вы можете воспользоваться специальной программой, например, IETester.

Успехов!

Запись опубликована в рубрике HTML.
Теги: , , , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>