 |
БАСТ | Дополнение 1 |
Урок №13
Ссылки и гиперсвязи (продолжение)
Для организации ссылки в документе используют дескрипторы <a> и </a>
Для указания адреса URL (URI) применяют атрибут href="URI"
Давайте напишем HTML-документ с ссылками на файлы 1.hmtl, 2.html ....10.html
Документ с ссылками на файлы, созданные в первых уроках.
<html><head><title>Ссылки</title></head>
<body>
<ol>
<li> <a href="1.html"> Первый файл</a></li>
<li> <a href="2.html"> Второй файл</a></li>
<li> <a href="3.html"> Третий файл</a></li>
<li> <a href="4.html"> Четвертый файл</a></li>
<li> <a href="5.html"> Пятый файл</a></li>
</ol>
<table border=1>
<tr> <td> 1 </td> <td> <a href="6.html"> Шестой файл</a> </td> </tr>
<tr> <td> 2 </td> <td> <a href="7.html"> Седьмой файл</a> </td> </tr>
<tr> <td> 3 </td> <td> <a href="8.html"> Восьмой файл</a> </td> </tr>
</table>
<p align=center> <a href="9.html">Девятый файл</a></p>
</body>
</html>
Обратите внимание
Файлы, которые указаны в ссылках, должны находится в том же корневом каталоге, где размещается HTML-документ Урока №13. Тогда при щелчке левой клавиши мышки на ссылке, в окне появится соответствующий файл ссылки.
Если ваши файлы будут размещены на сайте с именем www.yourserver.com, то ссылка примет следующий вид: href="http://www.yourserver.com/1.html".
Помните, что адрес чувствителен к регистру. Если ваш файл называется Proba.html, то указание в ссылке файла proba.html будет ошибкой.
Выделение ссылок
По умолчанию ссылки в документе выделяются голубым цветом. После посещения ссылки, она меняет цвет. По умолчанию - на фиолетовый. Вы можете установить свои цвета для ссылок в дескрипторе <body>, используя следующие атрибуты:
- alink="цвет"- цвет ссылки.
- vlink="цвет"- цвет испльзованной ссылки.
Пример с измененным цветом ссылок
<html><head><title>Ссылки</title></head>
<body alink=green vlink=red>
<ol>
<li> <a href=1.html> Первый файл</a></li>
<li> <a href=2.html> Второй файл</a></li>
<li> <a href=3.html> Третий файл</a></li>
<li> <a href=4.html> Четвертый файл</a></li>
<li> <a href=5.html> Пятый файл</a></li>
</ol>
<table border=1>
<tr> <td> 1 </td> <td> <a href=6.html> Шестой файл</a> </td> </tr>
<tr> <td> 2 </td> <td> <a href=7.html> Седьмой файл</a> </td> </tr>
<tr> <td> 3 </td> <td> <a href=8.html> Восьмой файл</a> </td> </tr>
</table>
<p align=center> <a href=9.html>Девятый файл</a></p>
</body>
</html>
Продолжение в Уроке №14.
© 2005 БАСТ |
