Разработка Web-сайтов. Тема - тэги HTML для форматирования таблицы и вставки бегущей строки; тэги HTML для создания фреймов.

Задание № 5: В файле автобиография. htm вставьте бегущую строку и отформатируйте таблицу.

1. Откройте документ автобиография. htm из своей папки и с помощью текстового редактора Блокнот. Допечатайте тэги для вставки бегущей строки и тэги, указывающие величину шрифта текста в строке:

< HTML>

< HEAD>

< TITLE> Автобиография< /TITLE>

< /HEAD>

< BODY TEXT=”#0000FF” BGCOLOR=”#00FFFF” BACKGROUND=”море.jpg”>

< CENTER>

< H2> < FONT COLOR=" #FF00FF" > Моя автобиография. < /FONT> < /H2>

< /CENTER>

< FONT SIZE=7>

< MARQUEE> ТЕКСТ< /MARQUEE>

< /FONT>

2. В тэг для вставки бегущей строки допечатайте атрибут для движения текста от правого края страницы к левому и обратно:

< MARQUEE BEHAVIOR=ALTERNATE > ТЕКСТ< /MARQUEE>

3. В тэг для вставки бегущей строки допечатайте атрибут для окраски поверхности бегущей строки в какой-либо цвет:

< MARQUEE BEHAVIOR=ALTERNATE BGCOLOR=#FFA500 > ТЕКСТ < /MARQUEE>

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

< P ALIGN=" JUSTIFY" >

Я родилась (родился) в г. Светлом в 1989 году 1 апреля. Мою маму зовут Ольга, а папу Сергей. Ещё у меня есть братишка Вовка: ))) и …

< /P>

< A HREF=”PROBA. HTM”> Продолжим знакомство: )))< /A>

4. Допечатайте тэги для выравнивания таблицы по центру страницы, вставки границ и названия таблицы:

< TABLE ALIGN=CENTER BORDER=5 >

< CAPTION> Название таблицы< /CAPTION>

5. Допечатайте тэги для вставки заголовков в столбцы таблицы:

< TR> < TH> Заголовок 1< /TH> < TH> Заголовок 2< /TH> < TH> Заголовок 3< /TH> < /TR>

< TR BGCOLOR=" #FFCC33" > < TD> 1x1< /TD> < TD> 1x2< /TD> < TD> 1x3< /TD> < /TR>

< TR BGCOLOR=" #00CC00" > < TD> 2x1< /TD> < TD> 2x2< /TD> < TD> 2x3< /TD> < /TR>

< /TABLE>

< /BODY>

< /HTML>

Задание № 6: Создайте сайт с тремя фреймами (ввод текста и тэгов - в Блокноте).

1 . Создайте три страницы, в которых будет изображаться содержимое сайта и сохраните их в файлах 1. htm, 2. htm, 3. htm (подставьте соответствующие номера):

< HTML>

< HEAD>

< TITLE> Содержимое 1 (2, 3)< /TITLE>

< /HEAD>

< BODY>

< H1> Страница 1 (2, 3)< /H1>

< P> Это первая (вторая, третья) страница нашего сайта. < /P>

< /BODY>

< /HTML>

2. Создайте страницу заголовка сайта и сохраните в файле заголовок. htm :

< HTML>

< HEAD>

< TITLE> Заголовок< /TITLE>

< /HEAD>

< BODY TEXT=" BLUE" >

< H1> Сайт с фреймами< /H1>

< /BODY>

< /HTML>

3. Создайте страницу оглавления сайта и сохраните в файле оглавление. htm :

< HTML>

< HEAD>

< TITLE> Оглавление< /TITLE>

< /HEAD>

< BODY>

< P> < A HREF=" 1. HTM" TARGET=" FRMBODY" > Страница 1< /A> < /P>

< P> < A HREF=" 2. HTM" TARGET=" FRMBODY" > Страница 2< /A> < /P>

< P> < A HREF=" 3. HTM" TARGET=" FRMBODY" > Страница 3< /A> < /P>

< /BODY>

< /HTML>

4. Создайте главную страницу сайта и сохраните в файле index. htm :

< HTML>

< HEAD>

< TITLE> Сайт с фреймами< /TITLE>

< /HEAD>

< FRAMESET ROWS=" 100, *" >

< FRAME SRC=" заголовок. htm" NAME=" FRMзаголовок" >

< FRAMESET COLS=" 150, *" >

< FRAME SRC=" оглавление. htm" NAME=" FRMоглавление" >

< FRAME SRC=" 1. HTM" NAME=" FRMBODY" >

< /FRAMESET>

< /HTML>

5. Откройте файл index. htm из своей папки для просмотра полученного сайта.