|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Форматированный и бегущий текст.

Для форматирования текста служит тег-контейнер <PRE></PRE>. Тег PRE сообщает браузеру, что текст в этом элементе "форматирован", т.е. текст помещенный в этот тег в П.А.(пользовательском агенте) выводится с точностью до пробела и даже отступов от левого края, а так-же не нужно использовать перенос, т.е. точно так-же как мы его набрали в текстовом редакторе.

<PRE>  просто текст помещенный в тег PRE

     а этот текст на две строки ниже
         а   этот   имеет   двойные   пробелы.
     </PRE>
Результат:
  просто текст помещеный в тег PRE
     а этот текст на две строчки ниже
         а   этот   имеет   двойные   пробелы.
     

Бегущий текст может придать вашему ХТМЛ-файлу анимационный эфект. Чтобы текст заставить бегать его нужно поместить в тег контейнер <marquee>. текст .</marquee> . текст .
Тегом marquee можно управлять при помощи атрибутов:
<marquee bgcolor="#0000ff" height="25" width="300"> текст </marquee > пример бегущего текста
Атрибут bgcolor нам уже известен из тега BODY, который задает цвет фона, в данном случае для бегущей строки.
Пару слов об размерах, размеры в чистом HTML(без стилей) задаются в пикселях(точках) и потому задавать единицы измерения не нужно(пиксели, сантиметры, пики, дюймы)!!!
Для того что бы задавать высоту нашей линии используется атрибут height а чтобы задать ширину линии атрибут width с нужными нам значением.
Линию так-же можно выравнивать при помощи знакомого нам атрибута ALIGN
Так-же мы можем задать направление вращения при помощи атрибута direction и значениями left(влево) right(вправо), up(в верх), down(вниз)
<marquee bgcolor="#0000ff" height="25" width="300" direction="up"> текст </marquee > пример бегущего текста в верх
Но наверно заметили, что если пускать текст вверх или низ прочитать его почти не возможно, также существует атрибут Scrollamount который регулирует скорость прокрутки:
<marquee height="25" width="300" direction="up" Scrollamount="1" > текст </marquee > пример бегущего текста в верх
Значение атрибута Scrollamount может быть от 1 до 10. Единица это самая медленная прокрутка, а десятка самая быстрая.
Есть еще несколько интересных атрибутов этого тега например:
loop- атрибут тега который задает сколько раз текст должен выполнить циклов(прокручиваться) <marquee loop="2">. текст .</marquee> . текст ., т.е. текст покрутится 2 раза и остановится.
Пока вы дошли до этого места текст уже остановился, нажмите клавишу "F5" чтобы страрница обновилась.
Еще интересный атрибут behavior поведение текста, может иметь атрибуты:
scroll- обычная прокрутка, это значение атрибута можно не задавать, т.к. оно по умолчанию.
slide -прокрутка с паузой, текст будет прокручиваться рывками.
alternate- прокрутка от края к краю, <marquee behavior="alternate" >. текст .</marquee>
. текст .

На этом у меня почти все о бегущем тексте, первоначально кажется прикольно использовать бегущий текст, но одна проблема, этот тег и/или его атрибуты не все браузеры поддерживают, или отображают по разному, так что лучше отказаться от его использования. Ну а если вам все таки без этого тега не обойтись то учите JavaScript + CSS, при помощи этих языком можно добиться на много большего.
Но не расстраивайтесь, ведь все равно HTML- всему голова, без знания его JavaScript, CSS и более сложные языки просто пустой звук!!! JavaScript и CSS только дополняют HTML, а музыка, видео, флеш или Java-аплеты это всего лишь объекты, которые выводятся на экран только при помощи ХТМЛ!!!

Ваша светодиодная бегущая строка в Ростове-на-Дону.
 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!