Основы информатики и вычислительной техники. Шилов О.И. - 55 стр.

UptoLike

ВУЗ: 

КГМА | Киров

Составители: 

Рубрика: 

Ссылки в документах HTML
Практические задания и рекомендации по информатике
55
<a href=”адрес_документа”>фрагмент, который будет являться ссыл-
кой</a>
В именах меток, как и в именах файлов, крайне не рекомендуется использовать русские
(или другие не латинские) символы и пробелы.
Тег
<a>, кроме перечисленных атрибутов имеет ещё множество других, значение кото-
рых можно уточнить в справочной литературе (см. примеры ниже).
Внутри тега
<a> могут располагаться любые другие теги, кроме тега <a>, то есть их
вложенность не допускается.
Примеры использования тега
<a> (взяты из спецификации HTML 4.0,
http://www.htmlhelp.com
):
1. <A HREF="album.html">My photo album</A>
2. <A HREF="../images/me.jpg">Picture of me</A>
3. <A HREF="/sounds/auldlang.mid" TYPE="audio/midi" ACCESSKEY=A>Auld Lang
Syne (5 kB MIDI)</A>
4. <A HREF="section2.html" TARGET="content" TITLE="Elements of the HEAD"
REL=next>Section 2</A>
5. <A HREF="mailto:[email protected]" TITLE="Feedback on HTML 4.0 Refer-
ence">[email protected]</A>
6. <A HREF="http://www.htmlhelp.com/" TARGET="_top">Web Design Group</A>
7. <A HREF="http://babel.alis.com:8080/langues/iso639.zh.htm"
CHARSET="big5" HREFLANG=zh>ISO 639</A>
6. Практическая часть
1. Создайте в Вашей папке файл index.htm. В Вашей папке уже должны содержаться
файлы
page1.htm, … page4.htm, созданные на предыдущих занятиях. Если их нет, соз-
дайте их и наберите в них HTML-текст произвольного содержания.
2.
В файле index.htm наберите следующий HTML-код:
<html>
<head>
<title>Изучение внешних и внутренних ссылок</title>
</head>
<body>
<h1>Мои ссылки</h1>
<a href=”page1.htm”>Page 1</a><br>
<a href=”page2.htm”>Page 2</a><br>
<a href=”page3.htm”>Page 3</a><br>
<a href=”page4.htm”>Page 4</a><br>
</body>
</html>
3. Сохраните полученный документ и откройте его в браузере. Нажмите мышью на каж-
дую ссылку, проверьте, происходит ли переход к соответствующему документу. Для возвра-
та к предыдущему документу используйте кнопку
браузера или комбинацию клавиш
[Alt]+[←]. В случае проблем исправьте допущенные ошибки.
4.
Добавьте в документы page1.htm, … page4.htm ссылку «Вернуться» на страницу
index.htm. Для это вставьте в документы следующий фрагмент кода:
<a href=”index.htm”>Вернуться</a> 
                                  Ссылки в документах HTML                          55

фрагмент, который будет являться ссыл-
кой
    В именах меток, как и в именах файлов, крайне не рекомендуется использовать русские
(или другие не латинские) символы и пробелы.
    Тег , кроме перечисленных атрибутов имеет ещё множество других, значение кото-
рых можно уточнить в справочной литературе (см. примеры ниже).
    Внутри тега  могут располагаться любые другие теги, кроме тега , то есть их
вложенность не допускается.
    Примеры использования тега  (взяты из спецификации HTML 4.0,
http://www.htmlhelp.com):
1.   My photo album

2.   Picture of me

3.   Auld Lang
     Syne (5 kB MIDI)

4.   

5.   [email protected]

6.   Web Design Group

7.   ISO 639


   6. Практическая часть
    1. Создайте в Вашей папке файл index.htm. В Вашей папке уже должны содержаться
файлы page1.htm, … page4.htm, созданные на предыдущих занятиях. Если их нет, соз-
дайте их и наберите в них HTML-текст произвольного содержания.
    2. В файле index.htm наберите следующий HTML-код:


  Изучение внешних и внутренних ссылок



Мои ссылки

Page 1

Page 2

Page 3

Page 4



    3. Сохраните полученный документ и откройте его в браузере. Нажмите мышью на каж-
дую ссылку, проверьте, происходит ли переход к соответствующему документу. Для возвра-
та к предыдущему документу используйте кнопку        браузера или комбинацию клавиш
[Alt]+[←]. В случае проблем исправьте допущенные ошибки.
     4. Добавьте в документы page1.htm, … page4.htm ссылку «Вернуться» на страницу
index.htm. Для это вставьте в документы следующий фрагмент кода:
Вернуться

Практические задания и рекомендации по информатике

Страницы