Фоновое изображение – это графический файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размеров. Графика, используемая в качестве фоновой, задается в теге<BODY>.Отвечает за вставку фонового рисунка на поле страницы атрибут BACKGROUND
Возможности тега <FONT>
1. Внесите изменения в файл Увлечения.HTML, предварительно подготовив и сохранив в рабочей папке графический файл фонового рисунка (FON.PNG).
<HTML>
<HEAD>
<TITLE> Увлечения </TITLE>
<HEAD>
<BODY BACKGROUND = FON.PNG TEXT= «00008B»>
<P ALIGN = «CENTER»>
<FONT COLOR = «000000» SIZE= « 7 »>
<H2> Увлечения</H2>
<UL><LI> Танцы
<LI>Рисование
<LI> Чтение
<LI> Путешествия
</UL>
<DL> <DT> Танцы
<DD> Я очень люблю танцевать и занимаюсь этим профессионально. Танцую в народном коллективе «Латинский квартал». Имею достижения республиканского и международного уровня.
<DT> Путешествия
<DD> Люблю путешествовать с родителями. Мы всегда выбираем интересные маршруты и готовимся к поездке целый год. В этом году мы были на чемпионате мира по футболу в Российской федерации и посетили шесть городов из одиннадцати.
<DT> Чтение
<DD> В свободное от учебы время читаю художественные произведения. Увлекаюсь произведениями, в которых в художественном изложении представлены реальные исторические события.
</DL>
<IMG SRC=” CLOCK.PNG”>
</P>
</BODY>
</HTML>
Просмотрите изменения вашей Web-страницы в браузере
Задание 8. Создание бегущей строки.
В качестве бегущей строки принимается заголовок текста или строка, требующая особого внимания от посетителей данной Web- страницы.
Тег | Комментарий |
<MARQUEE>…</MARQUEE> | Создает бегущую строку |
Атрибуты | Комментарии |
ALIGN=” ” | Располагает бегущую строку по вертикали относительно текста, в котором она расположена. Принимает значения: – TOP – по верхнему положению; – MIDDLE – посередине; – BOTTOM – по нижнему положению. |
BIHAVIOR=” ” | Задает стиль бегущей строки. Принимает значения: – SCROLL – бегущей строки пробегает полностью по окну браузера и действие повторяется (задается по умолчанию); – SLIDE – бегущей строки выбегает и останавливается в левом углу окна браузера; – ALTERNATE – бегущей строки «болтается» между краями окна браузера |
BGCOLOR=” ” | Задает цвет фона бегущей строки |
DIRECTION=” ” | Задает направление пробега текста бегущей строки Принимает значения: – LEFT – текст бегущей строки пробегает слева направо (задается по умолчанию); – RIGHT – текст бегущей строки пробегает справа налево; |
LOOP=" " | Задает число повторов анимации бегущей строки. Принимает значения: – INFINITE – бесконечное значение (задается по умолчанию); – любое целое число |
HSPACE=" " | Размещает слева и справа от бегущей строки область свободного пространства заданного размера. Значение задается в пикселях. |
VSPACE=" " | Размещает над и под от бегущей строки область свободного пространства заданного размера. Значение задается в пикселях |
SCROLLAMOUNT=" " | Задает значение в пикселях области смещения текста при любой операции прокрутки бегущей строки |
SCROLLDELAY=" " | Задает задержку в миллисекундах между последними смещениями текста бегущей строки. 1 с.=1000 млс |
" | Задает ширину области бегущей строки в пикселях |
< HTML>
<HEAD>
< TITLE> Моя пробная страничка</TITLE>
</HEAD>
<MARQUEE BIHAVIOR=”SCROLL ” DIRECTION=” LEFT” LOOP=" 10" 15" BGCOLOR=” FF0000 ”> Очень рада знакомству!!! </MARQUEE>
<H1>Добро пожаловать на мою пробную страничку</H1>
Меня зовут Маша Петрова
<P> Я учусь в Государственном профессиональном образовательном учреждении Ярославской области Ярославский колледж индустрии питания
<P>Мне 17 лет
<P> К сфере моих увлечений относятся занятия танцами, рисование, очень люблю читать
<P ALIGN =RIGHT> <I> Заходите на мою страничку еще!</I>
<HR>
<FONT SIZE =7> Распорядок дня </FONT>
<PRE>
<B> Время Действие </B> <BR>
_________________________________________________________ <BR>
07:00 Подъем <BR>
08:30…15:30 Колледж <BR>
16:00…18:00 Домашнее задания <BR>
18:00…21:00 Любимые увлечения <BR>
22:00 Отбой <BR>
_______________________________________________________
</PRE>
</BODY>
</HTML>
Просмотрите изменения вашей Web-страницы в браузере.