9. Контрольные задания
Задание 1
Задание 2
Задание 3
Задание 4
Задание 5
Задание 6
Задание 7
Задание 8
Задание 9
Задание 10
Приложение
Таблица П 1
Основные теги языка HTML
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
1 |
<HTML> (парный) Обозначает HTML - документ |
|
|
|
2 |
<HEAD> (парный) Создает заголовок (голову) Web-страницы |
|
|
|
3 |
<TITLE> (парный) Задает имя заголовка Web-страницы |
|
|
|
4 |
<BODY> (парный) Указывает основной раздел (тело) Web-страницы |
BGCOLOR Цвет фона |
Произвольный (табл. П 2) |
|
BACKGROUND Фоновый рисунок |
Адрес и имя файла фонового рисунка |
||
|
TEXT Цвет текста Web-страницы |
Произвольный (табл. П 2) |
||
|
LINK Цвет гиперссылок Web-страницы |
Произвольный (табл. П 2) |
||
|
VLINK Цвет посещённых гиперссылок Web-страницы |
Произвольный (табл. П 2) |
||
|
5 |
<H1> …… <H6> (парный) Создает текстовые заголовки шести уровней (1-Н1…6-Н6) |
ALIGN Выравнивание заголовка по горизонтали |
Из набора (табл. П 3) |
|
TITLE Всплывающая подсказка |
Текст всплывающей подсказки |
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
6 |
<P> (парный) Создает новый абзац |
ALIGN Выравнивание объектов в абзаце |
Из набора (табл. П 3) |
|
7 |
<BR> (одинарный) Создает новую строку внутри абзаца |
|
|
|
8 |
<HR> (одинарный) Добавляет горизонтальную линию |
SIZE Толщина линии |
Произвольная (в пикселях) |
|
WIDTH Ширина линии |
Произвольная (в пикселях) |
||
|
ALIGN Выравнивание |
Из набора (табл. П 3) |
||
|
COLOR Цвет линии |
Произвольный (табл. П 2) |
||
|
9 |
<FONT> (парный) Устанавливает параметры шрифта текста |
SIZE Размер шрифта |
Произвольный (от 1 до 7) |
|
COLOR Цвет текста |
Произвольный (табл. П 2) |
||
|
FACE Гарнитура шрифта |
Arial, Century, Courier и др. |
||
|
10 |
<B> (парный) Задает полужирное начертание текста |
|
|
|
11 |
<I> (парный) Задает начертание курсивом (наклон текста) |
|
|
|
12 |
<U> (парный) Определяет подчеркивание текста |
|
|
|
13 |
<STRIKE> (парный) Определяет зачеркивание текста |
|
|
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
14 |
<STRONG> (парный) Задает усиленное выделение текста |
|
|
|
15 |
<TABLE> (парный) Создает таблицу |
BORDER Толщина внешних границ таблицы |
Произвольная (в пикселях) |
|
BORDERCOLOR Цвет границ таблицы |
Произвольный (табл. П 2) |
||
|
BGCOLOR Фоновый цвет таблицы |
Произвольный (табл. П 2) |
||
|
BACKGROUND Фоновый рисунок таблицы |
Адрес и имя файла фонового рисунка |
||
|
HEIGHT Высота таблицы |
Произвольная (в пикселях) |
||
|
WIDTH Ширина таблицы |
Произвольная (в пикселях) |
||
|
ALIGN Выравнивание таблицы относительно документа |
Из набора (табл. П 3) |
||
|
16 |
<CAPTION> (парный) Формирует заголовок таблицы |
ALIGN Выравнивание заголовка таблицы |
Из набора (табл. П 3) |
|
17 |
<TR> (парный) Создает строку таблицы |
ALIGN Выравнивание содержимого ячеек по горизонтали |
Из набора (табл. П 3) |
|
BGCOLOR Цвет фона строки |
Произвольный (табл. П 2) |
||
|
VALIGN Выравнивание содержимого ячеек по вертикали |
Из набора (табл. П 3) |
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
18 |
<TH> (парный) Формирует ячейку с названием столбца таблицы |
HEIGHT Высота ячейки |
Произвольная (в пикселях) |
|
WIDTH Ширина ячейки |
Произвольная (в пикселях) |
||
|
BGCOLOR Цвет фона |
Произвольный (табл. П 2) |
||
|
BACKGROUND Фоновый рисунок таблицы |
Адрес и имя файла фонового рисунка |
||
|
ALIGN Выравнивание по горизонтали |
Из набора (табл. П 3) |
||
|
VALIGN Выравнивание по вертикали |
Из набора (табл. П 3) |
||
|
19 |
<TD> (парный) Формирует ячейку таблицы |
HEIGHT Высота ячейки |
Произвольная (в пикселях) |
|
WIDTH Ширина ячейки |
Произвольная (в пикселях) |
||
|
BGCOLOR Цвет фона ячейки |
Произвольный (табл. П 2) |
||
|
BACKGROUND Фоновый рисунок таблицы |
Адрес и имя файла фонового рисунка |
||
|
ALIGN Выравнивание по горизонтали |
Из набора (табл. П 3) |
||
|
VALIGN Выравнивание по вертикали |
Из набора (табл. П 3) |
||
|
20 |
<CENTER> (парный) Выравнивает элементы Web-страницы по центру |
|
|
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
21 |
<IMG> (одинарный) Добавляет изображение в Web-страницу |
SRC Адрес и имя файла изображения |
Адрес и имя файла изображения |
|
NAME Имя изображения |
Произвольное |
||
|
HEIGHT Высота изображения |
Произвольная (в пикселях) |
||
|
WIDTH Ширина изображения |
Произвольная (в пикселях) |
||
|
ALT Надпись |
Произвольная |
||
|
BORDER Толщина границ вокруг изображения |
Произвольная (в пикселях) |
||
|
ALIGN Выравнивание |
Из набора (табл. П 3) |
||
|
22 |
<А> (парный) Создает гиперссылку |
HREF Адрес перехода по гиперссылке |
Произвольный |
|
NAME Имя закладки |
Произвольное |
||
|
TARGET Имя цели для перехода по ссылке |
Имя существующего фрейма или _blank (откроется новое окно браузера) |
||
|
TITLE Всплывающая подсказка |
Текст всплывающей подсказки |
||
|
23 |
<UL> (парный) Создает маркированный список |
TYPE Тип маркировки элементов списка |
disc закрашенные кружки; circle незакрашенные кружки; square закрашенные квадраты |
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
24 |
<OL> (парный) Создает нумерованный список |
TYPE Тип нумерации элементов списка |
1 арабские цифры A прописные латинские буквы a строчные латинские буквы I римские большие цифры i римские маленькие цифры |
|
25 |
<LI> (парный) Создает новый пункт внутри списка |
TYPE Тип обозначения данного пункта списка |
Произвольный (из двух предыдущих строк) |
|
26 |
<FRAMESET> (парный) Формирует набор фреймов |
ROWS Горизонтальные фреймы |
Список размеров фреймов через запятую (в пикселях или процентах) |
|
COLS Вертикальные фреймы |
То же |
||
|
FRAMEBORDER Наличие границ у фреймов |
YES Присутствуют NO Отсутствуют |
||
|
BORDER Толщина границ фреймов |
Произвольная (в пикселях) |
||
|
BORDERCOLOR Цвет границ фреймов |
Произвольный (табл. П 2) |
Продолжение табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
27 |
<FRAME> (одинарный) Определяет структуру и содержимое конкретного фрейма |
SRC Адрес и имя HTML-файла |
Адрес и имя HTML-файла |
|
NAME Имя фрейма |
Произвольное |
||
|
MARGINWIDTH Ширина левого и правого полей фрейма |
Произвольная (в пикселях) |
||
|
MARGINHEIGHT Ширина верхнего и нижнего полей фрейма |
Произвольная (в пикселях) |
||
|
SCROLLING Полосы прокрутки фрейма |
YES Присутствуют NO Отсутствуют AUTO Отображаются при необходимости |
||
|
FRAMEBORDER Наличие границ у фреймов |
YES Присутствуют NO Отсутствуют |
||
|
BORDERCOLOR Цвет границ фреймов |
Произвольный (табл. П 2) |
||
|
NORESIZE Запрет изменения размеров фреймов |
Значение атрибута не требуется |
||
|
28 |
<IFRAME> (парный) Создаёт плавающий фрейм |
Используются все атрибуты тега <FRAME> |
|
|
ALIGN Выравнивание |
Из набора (табл. П 3) |
||
|
HEIGHT Высота фрейма |
Произвольная (в пикселях) |
||
|
WIDTH Ширина фрейма |
Произвольная (в пикселях) |
||
Окончание табл. П 1
|
№ п/п |
Тег и его назначение |
Атрибут тега (свойство тега) |
Значение атрибута |
|
29 |
<MARQUEE> (парный) Формирует бегущую строку |
BEHAVIOR Поведение бегущей строки |
ALTERNATE Движение от одного края страницы к другому и обратно SCROLL Появление с одной стороны страницы и исчезновение с другой SLIDE Появление с одной стороны страницы и прекращение движения у другой |
|
DIRECTION Направление перемещения текста |
LEFT Влево RIGHT Вправо DOWN Вниз UP Вверх |
||
|
LOOP Число показов текста |
Целое число или INFINITE (бесконечное число) |
||
|
HEIGHT Высота бегущей строки |
Произвольная (в пикселях) |
||
|
BGCOLOR Цвет фона бегущей строки |
Произвольный (табл. П 2) |
Таблица П 2