Мегаобучалка Главная | О нас | Обратная связь  


Раздел 3. Бегущая строка




Задание. Бегущая строка

Наберите в редакторе «блокнот» текст следующего HTML-документа:

 

 

Сохраните документ с именем Бегущая строка.htm, откройте в браузере.

Также для бегущей строки можно задать и другие атрибуты, такие как - hspace, vspace и align .

Параметр loop задает сколько раз прокрутится строка, в нашем примере указано lоор="2" -2 раза.

Далее будут лишь описания параметров без примеров, подставляйте их сами в пример, и смотрите, что будет получаться.

Direction - задает направление движения бегущей строки - direction="left" (right, up, down) - движение влево (вправо, вверх, вниз).

Behavior- поведение строки - behavior="scro" (slide, alternate). Scroll - обычная прокрутка (можно не прописывать, оно так и есть по умолчанию). Slide - прокрутка с остановкой, строка пробегает до края и останавливается. Если одновременно с behavor="slide" употребить параметр loop, то строка прокрутится установленное количество раз и остановится у края. Alternate - строка будет двигаться от края к краю.

Scrollamount - скорость движения строки, scrollamount="1". Может принимать значения от 1 до 10. 1-самое медленное движение, 10- самое быстрое.

Раздел 4. Изображения в HTML-документе

Для вставки графических элементов служит тэг <IMG>.

Графика должна быть подготовлена предварительно в каком-либо графическом редакторе, либо получена с помощью цифрового аппарата или сканера, а можно просто взять уже готовое изображение.

По возможности следует использовать графические файлы небольших размеров, дабы уменьшить время загрузки страницы браузером. Графика должна быть представлена в виде файлов с расширениями .jpg .gif.

Многие пользователи отключают в своих браузерах поддержку графики, дабы увеличить скорость работы в Интернете. Атрибут Altпозволяет создать текст, который при необходимости должен быть отображен вместо графики.

Чтобы вставить графику в текст html-страницы надо указать имя и место хранения соответствующего файла. Если файл находится в той же папке, что и страница, то достаточно указать имя файла с расширением. Если графический файл находится в другой папке, то, помимо имени файла с расширением необходимо указывать путь к этому файлу. Для выравнивания изображения по центу используется тэг <CENTER>, для размещения на новой строке - тэг <BR>.

Задание 2.5

Наберите в редакторе «блокнот» текст следующего HTML-документа:

Сохраните документ с именем пример2_5.htm, откройте в браузере.

Обтекание графики текстом в документе html

Если хотите, чтобы графический рисунок органически вписывался в дизайн вашей Вэб-страницы, то в этом вам поможет атрибут ALIGN тэга <IMG>.

Этот атрибут допускает задание двух значений - left right.

Значение left заставляет браузер помещать изображение слева от текста, а right - справа от него. Если надо, чтобы форматированию подвергался только определенный фрагмент текста, следует применить тэг BR с атрибутом CLEAR, указывающими позицию в тексте, начиная с которой действие механизма обтекания графики текстом отменяется. Значения left, right, all атрибута CLEAR позволяют определить, с какой стороны - левой, правой, обеих - текст далее будет свободен от графики.

Следует заметить, что если атрибут ALIGN уже был применен вами для выравнивания текста относительно графики в пределах конкретной Вэб-страницы, установить параметр обтекания графики текстом вам не удастся.

Атрибут ALIGN дает возможность разместить текст между двумя графическими изображениями. В этом случае тэги, описывающие изображения, должны быть расположены над текстом, который будет заключен между ними.

Задание 2.6

Наберите в редакторе «блокнот» текст следующего HTML-документа:

Сохраните документ с именем пример2_6.htm, откройте в браузере.

 




Читайте также:
Генезис конфликтологии как науки в древней Греции: Для уяснения предыстории конфликтологии существенное значение имеет обращение к античной...
Как выбрать специалиста по управлению гостиницей: Понятно, что управление гостиницей невозможно без специальных знаний. Соответственно, важна квалификация...
Как построить свою речь (словесное оформление): При подготовке публичного выступления перед оратором возникает вопрос, как лучше словесно оформить свою...



©2015-2020 megaobuchalka.ru Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. (533)

Почему 1285321 студент выбрали МегаОбучалку...

Система поиска информации

Мобильная версия сайта

Удобная навигация

Нет шокирующей рекламы



(0.004 сек.)