- Преподавателю
- Информатика
- Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок
Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок
| Раздел | Информатика |
| Класс | - |
| Тип | Тесты |
| Автор | Валитова Ф.Р. |
| Дата | 10.04.2015 |
| Формат | docx |
| Изображения | Есть |
Лабораторная работа №2.
Вставка в HTML-документ рисунков. Создание закладок и гиперссылок
Цель работы:
-
Научиться выполнять вставку рисунков в HTML-документ
-
Научиться создавать закладки и гиперссылки
-
Вставка рисунков в документ.
-
Открыть в Блокноте документ 1_name.htm.
-
Вставить рисунок 1 в начало документа. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали.
-
Просмотреть в браузере полученный результат.
-
Ввести в тег рисунка параметр ALIGN для выравнивания рисунка по правому краю. Просмотреть результат в браузере.
-
Вставить рисунок 2 в конец документа перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра alt="Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок" создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок.
-
Просмотреть в браузере полученный результат.
-
Создание гиперссылок и закладок.
-
Закрепить гиперссылки за графическими файлами:
-
Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут alt="Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок" для отображения текста подсказки «Вернуться». Просмотреть в браузере как реагирует рисунок на наведение курсора мыши.
-
Закрепить за рисунком Arrows1.wmf в документе 4_name.htm гиперссылку на документ 3_name.htm. Выполнить переход между документами.
-
Предъявить результат преподавателю.
Основные теги вставки рисунков, закладок и гиперссылок
| Вставка изображений | |||
| Вставка графического файла | <IMG SRC="файл" WIDTH="ширина" HEIGHT="высота" > | Пример: <IMG SRC="grafica.gif" ALIGN=" right" alt="Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок"="Графический файл">
| |
| Выравнивание картинки относительно текста |
| ||
| Вывод текста всплывающей подсказки при наведении курсора мыши на рисунок | <IMG SRC="файл" alt="Лабораторная работа №2. Вставка в HTML-документ рисунков. Создание закладок и гиперссылок"="текст"> | ||
| Вставка ссылок | |||
| Ссылки на другую страницу | <A HREF=" страница"> текст A> | Ссылка1 | |
| Ссылка на закладку в другом документе | <A HREF=" страница # имя закладки"> текстA> | <A HREF=" index.htm #met1"> На главную страницу A>" | |
| Ссылка на закладку в том же документе | <A HREF="#имя закладки "> текст A> | Ссылка2
| |
| Определить закладку | <A NAME="имя закладки">текстA> | ||
| Цвет фона, текста и ссылок | |||
| Фоновая картинка | файл рисунка"> | TEXT="black" (черный) LINK="#FF0000" (красный) VLINK="#FFFF00" (желтый) ALINK="#FFFFFF" (белый) BODY> | |
| Цвет фона | <BODY BGCOLOR="#$$$$$$"> | ||
| Цвет текста | |||
| Цвет ссылки | <BODY LINK="#$$$$$$"> | ||
| Цвет пройденной ссылки | <BODY VLINK="#$$$$$$"> | ||
| Цвет активной ссылки | <BODY ALINK="#$$$$$$"> | ||
-
Что такое HTML? Что такое гипертекстовый документ?
-
Что такое тег? Структура тега HTML. Формат записи.
-
Привести структуру HTML документа. Описать назначение тегов , , , .
-
Что такое атрибут тега? Формат записи атрибутов.
-
Перечислить теги для представления текстовго содержимого и дать их описание.
-
Как представляются гиперссылки в HTML документе? Дать пример внутренних и внешних ссылок.
-
Перечислить виды списков, существующих в HTML. Привести теги, представляющие списки в HTML.
-
Что такое вложенные списки в HTML? Привести пример разметки вложенного списка.
-
Как включаются графические объекты в HTML документы?
-
Куда будет указывать ссылка, если атрибут href оставить пустым (анкор)?
