17222
| | | | |

                           

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как сделать бегущую строку на сайте

Вернуться к списку статей

AAA + -




Возможно, Вам уже приходилось видеть на сайтах бегущие строки текста. Из этой статьи вы узнаете, как создать бегущую строку текста на веб-странице, а также на реальных примерах научитесь применять разные параметры бегущей строки текста. Что ж, приступим!

Знакомство с тегом <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>




Попробуйте создать что-то подобное сами, изменив цвет фона или размеры поля.
Удачи!


Источник: znaikak.ru
Автор:
Голосов: 18 Общая оценка: 4.3 Просмотров: 36967
Оцените эту статью:  
   Распечатать



Ключевые слова:

сайте, строку, бегущую



Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.
05.02.2010 01:29 Робеот (rsnegov#
1

Есть вопрос- а как к бегущей строке подключить кошелек, для оплаты за рекламу на сайте?
Клиент должен сам ввести текст рекламы после оплаты.Можно ли это сделать на обычном
HTML сайте( без движка).Спасибо!


Для того , чтобы оставить здесь комментарий, необходимо зарегистрироваться на сайте.






MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus


Samsung Galaxy Note7


Винисиус и Том — талисманы Олимпийских и Паралимпийских игр 2016 в Рио-де-Жанейро


Pokémon Go

 
 

Статьи сегодня:

Как вести дневник на андроид устройстве – рекомендации Wileyfox
Существует стереотип, что дневники ведут девушки, ...
Как обеспечить комфорт в доме с помощью сплит-системы Cooper&Hunter
Дом для каждого из нас – своеобразный уютный ...
Как сделать онлайн-покупку качественных летних шин Росава
Решить вопрос приобретения резины для авто, ...
Как правильно наклеить пленку на телефон
Кто из нас не желает, чтобы приобретенный мобильный ...
Как выбрать стильные деревоалюминиевые окна
Современными производителями предлагаются ...
Как заказать еду на дом - могут все!
Самое большое заблуждение, что доставка еды ...
Как увидеть всю красоту Флоренции: краткое руководство для туристов
Флоренция – город-магнит, в который стремятся ...
Как применить самые крутые лайфхаки для папы и детей?
Когда папы остается сами с ребенком, чего они ...
Как сделать тайник, куда можно спрятать «заначку»: пособие для мужчин
Хранить деньги в сберегательной кассе - это надежный ...
Как правильно зарядить смартфон на Андроид
Очень часто пользователи смартфонов на Андроид ...

Смотрите также:

Как принимать оплату пластиковыми картами на сайте
В начале хочу сразу обратить Ваше внимание на...
Как установить иконку в строку с URL
Хотите чтобы ваша собственная иконка нагло...
Как представить информацию в разделе «О нас»?
Казалось, совершенно пустяковый раздел, который оформляется в течение пяти ...
Как установить таблицу стилей на сайте
Использование стилей позволяет нам расширить возможности html-тегов ...
Как совершать покупки на сайте www.ebay.com
Покупка и продажа различный вещей при помощи сайта www.ebay.com ...



ВОПРОСЫ - ОТВЕТЫ


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

Google Photoshop бесплатно блог браузер вашего веб Вконтакте всем вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет красивый любой людей магазины место название обеспечить общаться пластиковая построить потерять почта продать продвижение проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются социальные Интернете товары удалить управления услуги факты фотографии футбол хитрости через электронная этикет

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.