|
Читайте также: |
Откройте web-страницу, созданную вами по рис.1. На нашей страничке, есть три раздела: вступительный текст, сказка и рассказ. Конечно, поскольку это только пример, то все тексты небольшие и, скорее всего, на экране эта страничка видна почти целиком. Однако представьте себе, что и вступительный текст, и рассказы занимают довольно большой объем (например, два экрана). В этом случае некорректно вынуждать пользователя перемещаться по странице только с помощью полос прокрутки. Кроме того, он может и не заметить, что помимо вступительного текста, на страничке есть еще что-то, если не дочитает текст до конца. В этом случае хорошим тоном будет прямо наверху странички поставить гиперссылки на оба рассказа.
Чтобы это сделать, надо сначала определить места, где эти рассказы начинаются, как “якоря” (места, к которым можно будет быстро переместиться). Для этого используют тег <А>. Это можно сделать, например, так:
<A NAME="skazka"> Иван- царевич и серый заяц</А>
Самостоятельно, этот измените тег в коде html-страницы
<Н2><Р ALING="сеntег">ИВАН-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ<ВR> сказка</Р></Н2>
На новый
<A NAME="skazka"> <Н2><Р ALING="сеntег">ИВАН-ЦАРЕВИЧ И СЕРЫЙ ЗАЯЦ<ВR> сказка</Р></Н2></A>
В данном случае мы определяем атрибут NAME= — имя якоря. По этому имени мы и будем на него ссылаться. Установим закладку в месте, где начинается первый рассказ.
Для установки гиперссылки также используется тег <А>, но с установленным атрибутом HREF=. Значение этого атрибута определяет, что отобразится на экране, если пользователь щелкнет кнопкой мыши на гиперссылке. Чтобы сослаться на якорь, нужно просто указать в качестве значения HREF= имя этого якоря, перед которым расположен знак #.
Вверху страницы, сразу после заголовка, введите следующий тег:
<A HREF="#skazka"> Сказка про Ивана-царевича и серого зайца</А>
После сохранения и обновления html-страницы, у вас в окне браузера созданная гиперссылка отображается в подчеркнутом виде и другим цветом.
Самостоятельно создайте внутренние гиперссылки на все рассказы и расположите их в начале документа, после заголовка, после слов «Домашняя страничка Сергея Сергеева».
Также создайте ссылки на конец и начало html-страницы.
Дата добавления: 2015-10-02; просмотров: 63 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Цветовое оформление | | | Примените к ссылкам выравнивание по правому краю. |