| Нам уже... |
|
 |
| Меню сайта |
|
|
| IP-информер |
 |
|
|
Главная » 2015 » Март » 27 » Как в html сделать бегущую строку
18:47 Как в html сделать бегущую строку |
Для работы с языком HTML вам понадобится html-редактор, например, СuteHTML. Вы можете скачать его portable-версию, не требующую установки, по ссылке в конце статьи. Данный редактор обладает подсветкой синтаксиса и очень удобен для изучения основ HTML.
Откройте редактор и впишите между тегами <body> и </body> этот код:<marquee height="25" width="1000" bgcolor="white"> Я помню чудное мгновенье:Передо мной явилась ты,Как мимолетное виденье,Как гений чистой красоты. </marquee>
Нажмите в редакторе кода значок View in browser (лупа на фоне земного шара). Откроется используемый по умолчанию браузер, вы увидите в бегущей строке стихи Пушкина. Теперь внимательно изучите приведенный пример. Тег marquee является тегом, создающим бегущую строку. Параметры height и width задают высоту и ширину поля строки, bgcolor определяет цвет фона, в данном случае он белый. Подставьте green вместо white, и фон строки станет зеленым. Поэкспериментируйте с цветом, шириной и высотой поля строки.
Вы можете задать дополнительные параметры движения строки с помощью параметра BEHAVIOR. Например, измените открывающий тег кода следующим образом:<marquee height="50" width="1000" bgcolor="green" BEHAVIOR="alternate">Запустите просмотр в редакторе – теперь текст будет двигаться от одной стороны поля строки к другой и обратно.
Вы можете задать направление движения бегущей строки с помощью параметраDIRECTION = "..", подставив в него следующие значения:left — строка движется влево. right — строка идет вправо. up — снизу вверх. down — сверху вниз.
Попробуйте изменить размер текста, заключив его в тег <font size=5>Текст </font>. В этом примере размер текста равен 5. Также вы можете изменить и его цвет с помощью тега <font color="red">Текст</font>. В этом примере текст будет красный.
|
|
Категория: Статьи для начинающего вебмастера |
Просмотров: 422 |
Добавил: evgeny
| Рейтинг: 0.0/0 |
|
|
| Вход на сайт |
|
|
|
