Главная

Популярная публикация

Научная публикация

Случайная публикация

Обратная связь

ТОР 5 статей:

Методические подходы к анализу финансового состояния предприятия

Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века

Ценовые и неценовые факторы

Характеристика шлифовальных кругов и ее маркировка

Служебные части речи. Предлог. Союз. Частицы

КАТЕГОРИИ:






Методические указания. Разработка структуры Web-страницы с использованием

Разработка структуры Web-страницы с использованием

Гипертекстовых связей внутри документа.

Цель работы:

- получение навыков использования языка HTML для создания Web-страницы;

- построение гипертекстовых связей c помощью языка HTML.

Задание:

1. Создать Web-страницу сайта index.html

2. Набрать и оформить содержимое страницы

3. Проставить внутренние гиперссылки

Методические указания

Формат тэга, создающего ссылку на другой документ (HTML-документ или файл с изображением, звуком, видео ):

<A HREF= имя файла. расширение >активный текст или изображение</A>

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

Например:

<A HREF = "web/sprav.pps"> активный текст или изображение</A>

Если создается ссылка на ресурс Интернета, то нужно указать его URL:

< A HREF = URL -адрес >активный текст или изображение</A>

Например:

<A HREF = http:// upm.ipschool.spb.ru>активный текст или изображение</A>

Можно организовать сообщение по электронной почте:

<A HREF = mailto:адрес электронной почты >активный текст или изображение</A>

 

Атрибуты тэга <BODY> для задания цвета ссылок

 

LINK = цвет или код цвета

Задает цвет ссылки

 

ALINK = цвет или код цвета

Задает цвет выбранной ссылки

 

VLINK = цвет или код цвета

Задает цвет просмотренной ссылки

Ссылки на метки

 

Можно организовать ссылку на другую часть этого же документа, если предварительно расставить в начале таких частей метки.

 

<A HREF= #имя метки >активный текст или изображение </A>

Создает ссылку на метку в текущем HTML-документе

<A NAME= имя метки >начало текстового фрагмента </A>

 

Можно также создать ссылку на метку в другом документе, если в нем имеется метка:

<A HREF= имя файла#имя метки >активный текст или изображение </A>

Указание:

 

1. Открыть папку Пример_4.

2. Создать HTML-документ, используя файлы из папки Материалы_4.

3. Запустить index.htm

4. Щёлкнуть в главном меню Internet Explorer команду Вид/В виде HTML.

5. Сопоставить изображение в окне Internet Explorer и текст HTML- документа

в блокноте, определить какие теги и атрибуты тегов позволяют создавать ссылки на метки в документе.

6. Создать в блокноте и сохранить в своей папке HTML-документ, используя файл из папки Материалы_4 (расставить метки, создать ссылки на метки и предусмотреть ссылку возврата к началу документа).

7.

 
 

Результат должен быть примерно такой, как на рис.1

 

 

  1. Сохранить файл как index.html для просмотра в браузере.

 

 

<== предыдущая лекция | следующая лекция ==>
Создать вторую страницу сайта system.html | Решение поставленных задач.


Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2024 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных