Задание 11. Атрибуты изображения.
1. Самостоятельно внесите изменения в файл RASP.HTM, опробовав использование таких атрибутов графики как ALT, BORDER, HEIGHT, WIDTH.
Примечание
Всегда обращайте внимание на размеры (объем в байтах) своего графического файла, т.к. это влияет на время загрузки Web-страницы.
Задание 12. Фоновое изображение графики на Web-странице
Информация. Фоновое изображение – это графический файл с изображением небольшой прямоугольной плашки. При просмотре в браузере эта плашка многократно повторяется, заполняя все окно, независимо от его размеров. Графика, используемая в качестве фоновой, задается в тэге <BODY> в начале файла HTML.
-
Внесите изменения в файл RASP.HTM:
<HTML>
<HEAD>
<TITLE> Учебный файл HTML </TITLE>
</HEAD>
<BODY BACKGROUND="BGR.GIF" TEXT="#330066">
<P ALIGN=CENTER>
<FONT COLOR="#008080" SIZE="7"><B> Расписание </B></FONT><BR>
<FONT SIZE="6"> <I>занятий на вторник</I></FONT><BR><BR> </P>
</BODY>
</HTML>
Задание 13. Создание и вставка бегущих строк. Бегущую строку можно применять там, где мало места. Например, для анонсирования новостей.
Бегущая строка создается с помощью тэгов <marquee> и </marquee>. Достаточно написать какой-нибудь текст между этими тэгами и он при просмотре в браузере будет двигаться (прокручиваться) в левую сторону.
Атрибуты бегущей строки
|
Атрибут |
Формат |
Описание |
|
scrollamount |
<marquee scrollamount="1"> |
Скорость движения строки |
|
scrolldelay |
<marquee scrolldelay="20"> |
Временной интервал между шагами бегущей строки |
|
width |
<marquee width="200"> |
Ширина бегущей строки в пикселях |
|
height |
<marquee height="17"> |
Высота бегущей строки (если делаете бегущую строку в одну строчку, то высоту можно не указывать, она сама подбирается под размер букв) |
|
bgcolor |
<marquee bgcolor="green"> |
Задает фоновый цвет бегущей строки |
|
direction |
<marquee direction="left" > |
Задает направление движения бегущей строки. Может принимать значения “right”, “up”, “down” |
|
loop |
<marquee loop="2" > |
Задает число переходов бегущей строки (сколько раз проедет текст) |
|
hspace |
<marquee hspace="70"> |
Задает смещение в пикселях вправо бегущей строки |
|
vspace
|
<marquee vspace="70"> |
Задает пустое пространство выше и ниже бегущей строки |
|
behavior |
<marquee behavior="scroll"> |
Позволяет управлять свойствами движения текста. Принимает значения: scroll – прокрутка текста, slide – прокрутка текста с остановкой alternate – движение от края к краю |
Введите пример, рассмотрите полученный результат:
<marquee scrollamount="1" scrolldelay="20" width="200" height="17" bgcolor="green" behavior="scroll" direction="left" > Бегущая строка </marquee>.
Введите бегущую строку в свой документ. Содержание – «Расписание уточняется в учебной части», движение влево, скорость движения – 3, Шарина на всю страницу, высота в одну строку, цвет фона – на выбор, движение от края к краю.