- 10.05.2015
- 607
- 1
Лабораторная работа №2.
Вставка в HTML-документ рисунков. Создание закладок и гиперссылок
1. Вставка рисунков в документ.
· Открыть в Блокноте документ 1_name.htm.
· Вставить рисунок 1 в начало документа. Для вставки использовать тег IMG с параметрами WIDTH и HEIGHT для установки размеров рисунка 50 пикселов по горизонтали и по вертикали.
· Просмотреть в браузере полученный результат.
· Ввести в тег рисунка параметр ALIGN для выравнивания рисунка по правому краю. Просмотреть результат в браузере.
· Вставить рисунок 2 в конец документа перед, подобрать тип выравнивания рисунка на свое усмотрение. Установить размер рисунка 100 пикселов по горизонтали и по вертикали. С помощью параметра ALT создать всплывающую подсказку «Рисунок 2», появляющуюся при наведении курсора мыши на рисунок.
· Просмотреть в браузере полученный результат.
2. Создание гиперссылок и закладок.
3. Закрепить гиперссылки за графическими файлами:
· Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в браузере как реагирует рисунок на наведение курсора мыши.
· Закрепить за рисунком Arrows1.wmf в документе 4_name.htm гиперссылку на документ 3_name.htm. Выполнить переход между документами.
4. Предъявить результат преподавателю.
Вставка изображений |
|||
|
Вставка графического файла |
<IMG SRC=”файл” WIDTH=”ширина” HEIGHT=”высота” > |
Пример: <IMG SRC=”grafica.gif” WIDTH=”550” HEIGHT=”240” ALIGN=” right” ALT=”Графический файл”>
|
|
|
Выравнивание картинки относительно текста |
<IMG SRC=”файл” ALIGN=”left|right|top|bottom”> |
||
|
Вывод текста всплывающей подсказки при наведении курсора мыши на рисунок |
<IMG SRC=”файл” ALT=”текст”> |
||
|
Вставка ссылок |
|||
|
Ссылки на другую страницу |
<A HREF=” страница”> текст </A> |
<A HREF=”str2.htm”> Ссылка1</A> |
|
|
Ссылка на закладку в другом документе |
<A HREF=” страница # имя закладки”> текст</A> |
<A HREF=” index.htm #met1”> На главную страницу </A>” |
|
|
Ссылка на закладку в том же документе |
<A HREF=”#имя закладки ”> текст </A> |
<A HREF=” #metka1”> Ссылка2</A>
|
|
|
Определить закладку |
<A NAME=”имя закладки”>текст</A> |
<A NAME=”metka1”></A> |
|
|
Цвет фона, текста и ссылок |
|||
|
Фоновая картинка |
<BODY BACKGROUND=”файл рисунка”> |
<BODY BACKGROUND =”grafica.gif” TEXT=”black” (черный) LINK=”#FF0000” (красный) VLINK=”#FFFF00” (желтый) ALINK=”#FFFFFF” (белый) </BODY> |
|
|
Цвет фона |
<BODY BGCOLOR=”#$$$$$$”> |
||
|
Цвет текста |
<BODY TEXT=”#$$$$$$”> |
||
|
Цвет ссылки |
<BODY LINK=”#$$$$$$”> |
||
|
Цвет пройденной ссылки |
<BODY VLINK=”#$$$$$$”> |
||
|
Цвет активной ссылки |
<BODY ALINK=”#$$$$$$”> |
||
1. Что такое HTML? Что такое гипертекстовый документ?
2. Что такое тег? Структура тега HTML. Формат записи.
3. Привести структуру HTML документа. Описать назначение тегов <html>, <head>, <meta>, <body>.
4. Что такое атрибут тега? Формат записи атрибутов.
5. Перечислить теги для представления текстовго содержимого и дать их описание.
6. Как представляются гиперссылки в HTML документе? Дать пример внутренних и внешних ссылок.
7. Перечислить виды списков, существующих в HTML. Привести теги, представляющие списки в HTML.
8. Что такое вложенные списки в HTML? Привести пример разметки вложенного списка.
9. Как включаются графические объекты в HTML документы?
10. Куда будет указывать ссылка, если атрибут href оставить пустым (<a rel="nofollow ugc" target="_blank" href="">анкор</a>)?
Рабочие листы
к вашим урокам
Скачать
Лабораторные работы предназначены для учеников 11класса. Основная цель –помочь ученикам в применении теоретических знаний, полученных на уроках. Создавать простые WEB-сайты, научиться выполнять вставку рисунков в HTML-документ, научиться создавать закладки и гиперссылки. Особое внимание уделяется гиперссылкам, умение их реализовывать в своей работе. Лабораторные работы проводятся в классах, оснащенных выходом в Интернет и соответствующим аппаратным и программным обеспечениям для выполнения предусмотренных заданий. Используются программы, входящие в пакет MS Office.
6 663 264 материала в базе
Настоящий материал опубликован пользователем Валитова Фируза Рафаэловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Ваша скидка на курсы
40%
Курс профессиональной переподготовки
500/1000 ч.
Курс профессиональной переподготовки
300 ч. — 1200 ч.
Курс повышения квалификации
36/72 ч.
Курс повышения квалификации
36 ч. — 144 ч.
Мини-курс
4 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.