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

UptoLike

ВУЗ: 

КГМА | Киров

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

Рубрика: 

Ссылки в документах HTML
© 1999-2005 О. И. Шилов
56
5. Теперь изучим внутренние ссылки. Добавьте в документ index.htm перед </body>
ещё 20-30 тегов
<br> так, чтобы полученный документ по длине не умещался на экране.
6.
В конце документа (после тегов <br>) поместим метку:
<a name=end>Конец документа</a>
7. Для того, чтобы из начала документа можно было быстро перейти к его концу, по-
ставьте перед тегом заголовка
<h> строку:
<a href=”#end”>Перейти в конец документа</a>
8. Просмотрите документ в браузере и проверьте действие добавленной ссылки.
9.
Добавьте самостоятельно по аналогии с разобранным примером в конце документа
ссылку на его начало, так, чтобы можно было быстро перейти из конца документа в его на-
чало. Метке дайте какое-либо другое имя, например,
top.
10.
На метку в документе можно переходить не только из этого самого документа, но и
из любого другого. Измените добавленную в задании №4 строку в документе
page1.htm на
следующую:
<a href=”index.htm#end”>Вернуться в конец документа</a>
11. Проверьте работоспособность полученной ссылки.
12.
Добавьте в документ page2.htm ссылку на начало документа index.htm
13.
Ссылкой может быть не только текст, но и изображение. Вставьте в документ in-
dex.htm (куда-нибудь в его середину) строку:
<a href=”page2.htm”><img src="/WINDOWS/hlpbell.gif"> В этом приме-
ре мы изучали вставку изображений</a>
14. Убедитесь, что страница page2.htm открывается при нажатии не только на тексто-
вую ссылку, но и на картинку.
15.
Для того, чтобы страницы по ссылкам открывались в новом окне, необходимо доба-
вить в тег
<a> атрибут target=_blank
<a href=”page2.htm” target=_blank><img src="/WINDOWS/hlpbell.gif">
В этом примере мы изучали вставку изображений</a>
16. Создайте ещё несколько HTML-документов, связанных ссылками между собой, ис-
пользуя возможности оформления, изученные на предыдущих занятиях. Таким образом, Вы
получите сеть Ваших документов, или сайт.
7. Контрольные вопросы
1. Что такое ссылка в языке HTML и для каких целей её используют?
2.
Что такое гипертекст?
3.
Какие существуют виды ссылок в HTML?
4.
Что такое внешние и внутренние ссылки?
5.
Чем отличаются глобальные и локальные ссылки?
6.
Что такое адрес документа, и из каких элементов он состоит?
7.
Можно ли использовать в адресе документа или имени меток русские буквы
8.
Какой тег используется для создания ссылок?
9.
Запишите тег в HTML, определяющий метку внутри документа.
10.
Как выглядит тег, создающий внешнюю метку?
11.
Какие ссылки в созданном Вами документе index.htm являются внешними, а какие
внутренними?
12.
Охарактеризуйте каждую ссылку, приведённую в примерах к пункту 5. Теги ссылок.
13.
Обязательно ли ссылки в браузере выглядят подчёркнутыми?
14.
Можно ли изменить цвет текста ссылки, отображаемого в браузере? Если да, то каким
образом?
15.
Как записать ссылку на страницу, чтобы она открывалась в новом окне?
16.
Как поставить ссылку с изображения? 
56                              Ссылки в документах HTML


    5. Теперь изучим внутренние ссылки. Добавьте в документ index.htm перед 
ещё 20-30 тегов 
 так, чтобы полученный документ по длине не умещался на экране.
    6. В конце документа (после тегов 
) поместим метку:
Конец документа
    7. Для того, чтобы из начала документа можно было быстро перейти к его концу, по-
ставьте перед тегом заголовка  строку:
Перейти в конец документа
    8. Просмотрите документ в браузере и проверьте действие добавленной ссылки.
    9. Добавьте самостоятельно по аналогии с разобранным примером в конце документа
ссылку на его начало, так, чтобы можно было быстро перейти из конца документа в его на-
чало. Метке дайте какое-либо другое имя, например, top.
    10. На метку в документе можно переходить не только из этого самого документа, но и
из любого другого. Измените добавленную в задании №4 строку в документе page1.htm на
следующую:
Вернуться в конец документа
    11. Проверьте работоспособность полученной ссылки.
    12. Добавьте в документ page2.htm ссылку на начало документа index.htm
    13. Ссылкой может быть не только текст, но и изображение. Вставьте в документ in-
dex.htm (куда-нибудь в его середину) строку:
 В этом приме-
ре мы изучали вставку изображений
    14. Убедитесь, что страница page2.htm открывается при нажатии не только на тексто-
вую ссылку, но и на картинку.
    15. Для того, чтобы страницы по ссылкам открывались в новом окне, необходимо доба-
вить в тег  атрибут target=_blank

В этом примере мы изучали вставку изображений
    16. Создайте ещё несколько HTML-документов, связанных ссылками между собой, ис-
пользуя возможности оформления, изученные на предыдущих занятиях. Таким образом, Вы
получите сеть Ваших документов, или сайт.

     7. Контрольные вопросы
     1. Что такое ссылка в языке HTML и для каких целей её используют?
     2. Что такое гипертекст?
     3. Какие существуют виды ссылок в HTML?
     4. Что такое внешние и внутренние ссылки?
     5. Чем отличаются глобальные и локальные ссылки?
     6. Что такое адрес документа, и из каких элементов он состоит?
     7. Можно ли использовать в адресе документа или имени меток русские буквы
     8. Какой тег используется для создания ссылок?
     9. Запишите тег в HTML, определяющий метку внутри документа.
     10. Как выглядит тег, создающий внешнюю метку?
     11. Какие ссылки в созданном Вами документе index.htm являются внешними, а какие
         внутренними?
     12. Охарактеризуйте каждую ссылку, приведённую в примерах к пункту 5. Теги ссылок.
     13. Обязательно ли ссылки в браузере выглядят подчёркнутыми?
     14. Можно ли изменить цвет текста ссылки, отображаемого в браузере? Если да, то каким
         образом?
     15. Как записать ссылку на страницу, чтобы она открывалась в новом окне?
     16. Как поставить ссылку с изображения?
© 1999-2005 О. И. Шилов

Страницы