Задание 7. Установка фонового изображения на Web-странице

Фоновое изображение – это графический файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размеров. Графика, используемая в качестве фоновой, задается в теге<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-страницы в браузере.

 

 


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: