Практическая часть. Наберите в блокноте текст заданий 1-7, сохраните каждый файл с расширением. HTML (Z1. HTML, Z2. HTML

Наберите в блокноте текст заданий 1-7, сохраните каждый файл с расширением.html (z1.html, z2.html, …, z7.html) и просмотрите результат через браузер.

Задание 1. Структура документа.

<HTML>

<HEAD>

<TITLE>

Заголовок - Первая страница

</TITLE>

</HEAD>

<BODY>

Информация для отображения в браузере

</BODY>

</HTML>

Задание 2. Нумерованные списки.

<BODY>

Что я хочу на День рождения

<OL>

<LI> Большой красный зонт

<LI> Новую куклу с длинными волосами

<LI> Книгу рецептов

<LI> Сюрприз

</OL>

</BODY>

Задание 3. Маркированные списки.

<BODY>

Что я хочу на День рождения

<UL>

<LI> Большой красный зонт

<LI> Новую куклу с длинными волосами

<LI> Книгу рецептов

<LI> Сюрприз

</UL>

</BODY>

Задание 4. Списки определений.

<BODY>

<DL>

<DT> <B> 1 Сентября </B>

<DD> В этот день все студенты и преподаватели собрались в актовом зале университета, где их поздравили с Днем знаний и началом учебного года.

</DL>

</BODY>

Задание 5. Гиперссылки.

<HTML>

<HEAD>

<TITLE> Гиперссылки </TITLE>

</HEAD>

<BODY>

<P><A HREF="#metka1">Локальная гиперссылка m1</A></P>

<P>Информация для отображения в браузере </P>

<P><A NAME="#metka1">Текст, на который осуществляется переход по локальной гиперссылке m1 </A></P>

</BODY>

</HTML>

Задание 6. Таблицы.

<TABLE border=4 cellpacing=3>

<CAPTION> Заголовок таблицы </CAPTION>

<TR> <TH bgcolor = "white"> Заголовок1

<TH bgcolor = "white"> Заголовок2

<TR> <TD> Ячейка 1 <TD> Ячейка 2

<TR> <TD> Ячейка 3 <TD> Ячейка 4 </TABLE>

<TABLE border=4 cellpacing=3>

<CAPTION> Заголовок таблицы </CAPTION>

<TR> <TH bgcolor = "white">

<TH bgcolor = "white"> Заголовок1

<TH bgcolor = "white"> Заголовок2

<TR> <TH bgcolor = "white"> Заголовок3

<TD> Ячейка 1

<TD> Ячейка 2

<TR> <TH bgcolor = "white"> Заголовок4

<TD> Ячейка 3

<TD> Ячейка 4

</TABLE>

Просмотрите результаты и добавьте по желанию элементы оформления (цвет фона, начертание, цвет шрифта, способ выравнивания текста).

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


<MARQUEE direction=left behavior="scroll">ПРИВЕТ, ВЕСНА!!!</MARQUEE>

Задайте цвет и начертание шрифта текста бегущей строки.

Задания для самостоятельной работы

Задание 1. Создать HTML-документ следующего вида:

Вариант 1 Вариант 6
Вариант 2 Вариант 7
Вариант 3 Вариант 8
Вариант 4 Вариант 9
Вариант 5 Вариант 10

Задание 2. Создать web-страницу с информацией о Вашей группе, содержащую основные группы тегов (заголовки, таблицы, списки, объекты, элементы оформления: фон, шрифт, бегущие строки).


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



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