5.3. Описание гиперссылки из графического изображения

Гиперссылки могут быть прикреплены не только к тексту, но и к графическим изображениям, т.е. срабатывать при наведении/нажатии на них курсора.

Примеры.

1) Графическая гиперссылка в файле Zagadka.htm на файл Otgadka.htm при нажатии курсора на рисунок cat.gif. Рисунок размещен в файле Zagadka.htm:

<A HREF=Otgadka.htm><img src=cat.gif></A>

2) Графическая гиперссылка на файл Otgadka.htm, состоящая из картинки в файле cat.gif, шириной 82 пиксела, высотой 90 пикселов и имеющую бордюр в 5 пикселов:

<A HREF=Otgadka.htm><img src=cat.gif width=82 height=90 border=5 alt="картинка"></A>

6. Контрольные вопросы

6.1 Какие форматы изображений используются в HTML-документах?

6.2 В каких случаях используется формат *.gif?

6.3 В каких случаях используется формат *.jpg?

6.4 Как задать графическую гиперссылку?

Практическое занятие №24 "Создание таблиц в HTML-документах"

Тема "Создание сайта"

1 Цель работы

Ознакомиться с методами создания таблиц на HTML-страницах и научиться разрабатывать документы, предназначенные для публикации в Internet

2 Задачи работы

Научиться создавать таблицы в HTML-документах.

 

3 Порядок выполнения работы

3.1. На диске d:\Мои документы создать/открыть свою папку с номером группы и фамилией, в которой будет создаваться отчет по практической работе.

3.2. Прочтите раздел 5. Теоретические положения.

3.3. Скачайте в свою папку файлы с графическими изображениями форматов *.gif и *.jpg.

3.4. Создайте в блокноте файл Tabl.htm. Внутри этого файла создайте структуру HTML-документа.

3.5. Создайте таблицу с заголовком, в соответствии с образцом табл. 3.1.

Таблица 3.1.

Тип 1

(1,1)	(1,2)
(2,1)	(2,2)
(3,1)	(3,2)

3.6. Создайте таблицу с заголовком, в соответствии с образцом табл. 3.2.

Таблица 3.2.

Тип 2

(1,1)	(1,2)
	(2,2)
(3,1)	(3,2)

3.7. Создайте таблицу с заголовком, в соответствии с образцом табл. 3.3.

Таблица 3.3.

Тип 3

(1,1))
(2,1)	(2,2)
(3,1)	(3,2)

3.8 Создайте таблицу с заголовком, в соответствии с образцом табл. 3.4.

Таблица 3.4.

Статистические данные

Виды объектов	Среднее значение
	Рост	Вес
Мужчины	174	78
Женщины	165	56

3.9. Сделайте таблицу «Статистические данные» с разноцветными ячейками, с разными шрифтами, цветным бордюром и разной шириной рамок.

3.10. Сделайте ширину таблицы «Статистические данные» в половину экрана.

3.11. Вставьте в таблицу «Статистические данные» несколько изображений разных форматов.

3.12. Создайте в таблице «Статистические данные» текстовую и графическую гиперссылку на любой файл, например Zagadka.htm.

3.13. В текстовом процессоре Word оформить отчет по практической работе.