2015-10-22
165
Тема: Создание гиперссылок
Цель: научиться создавать гиперссылки
Контрольные вопросы:
1. Что означает форматирование текста?
2. Как создать заголовок в HTML?
3. Как выделить абзац и добавить горизонтальную линейку в HTML?
4. Что такое гипертекстовая ссылка?
5. Какой тег HTML описывает гиперссылку?
6. Какие виды гиперссылок вы знаете?
7. Чем абсолютная гиперссылка отличается от относительной?
8. Чем относительная ссылка отличается от внутренней?
Теоретический материал
В этой лабораторной работе вы познакомитесь с дескрипторами документа, позволяющими создавать гиперссылки:
<A> … </A> – основной дескриптор ссылки.
Атрибуты ссылки:
- href = "ссылка" – определяет местоположение связанного ресурса или якоря. Вместо слова "ссылка" необходимо ввести адрес ресурса;
- name = "имя ссылки" – определяет имя для текста на web-странице, которое затем будет использоваться для создания внутренней ссылки.
Порядок выполнения работы:
Относительное связывание страниц
|
|
|
Для связывания страниц в пределах одного сайта используются, так называемые, относительные ссылки. Для связывания страниц необходимо выполнить следующие действия.
1. Создайте у себя на диске (т.е. на диске Home) папку и назовите ее Root.
2. Создайте следующую HTML-страницу:
<html>
<head>
<title> Пример относительной ссылки.</title>
</head>
<body>
<H1> Примеры создания гиперссылок </H1>
<H2> Пример создания относительной гиперссылки </H2>
<p> Эта страница находится в корневом каталоге. Для ее связи с другой страницей можно использовать относительные ссылки.
Для активизации второй страницы необходимо<a href = "list.html"> нажать здесь</a>
</body>
</html>
Сохраните ее под именем index.html
3. Создайте вторую страницу, следующего содержания:
<html>
<head>
<title> Другая страница</title>
</head>
<body>
<p> Это вторая страница.
Для возврата на титульную страницу щелкните <a href = "index.html"> здесь</a>
</body>
</html>
Сохраните ее под именем list.html
Создание ссылки на электронный адрес
Добавьте в файл index.html следующий абзац со ссылкой:
<H2>Пример создания ссылки на адрес электронной почты</H2>
<p>Все вопросы связанные с созданием web-страниц направляйте по адресу:
<a href ="mailto:klevets@inbox.ru"> лектору</a></p>
