Что такое ссылка и как ее создать... Наш будущий сайт будет состоять из нескольких html-страничек. Давайте предположим, что это будут странички index.html , foto.html , about.html и т.д. , а наш сайт будет располагаться в домене http://www.mysait.ru/. Так набрав в браузере адрес сайта мы попадем именно на страничку index.html, т.е на главную страничку сайта. Но ведь у нас есть еще странички на сайте, и на них тоже есть много полезной информации, и чтобы облегчить будущим посетителям нашего сайта перемещение по страницам сайта, нам надо будет разместить на каждой страничке меню со ссылками на другие страницы сайта. Кстати такое меню есть и на этом сайте. Итак, ссылка это такой текст, при нажатии на который браузер отправит нас на другую страницу(на которую ссылка запрограммирована).

Я уже говорил при изучении шрифтов, что для создания ссылки (или гиперссылки - так ее правильней называть :) ), надо использовать тэг <a> </a>, но придется указывать специальный параметр. Что ж, давайте посмотрим как это делается:
Допустим нам надо перенаправить посетителя при нажатии на ссылку на нашу страничку foto.html (притом файл foto.html у нас расположен в одной директории с файлом index.html), смотрите как это можно сделать - применим тэг, но уже с неким параметром: <a href="foto.html"> Мои фото </a> . А если например файл foto.html расположен не в одной директории с файлом index.html, а например в папке /documents/ , то надо будет применить такой код: <a href="documents/foto.html"> Мои фото </a> . Ну и еще вариант ссылки, это если страничка, на которую вы хотите сослаться находится на другом сайте, например на сайте http://www.website.com/, этом случае код ссылки будет выглядеть так: <a href="http://www.website.com/"> Ссылка на другой сайт </a> . Если же вы хотите сделать ссылку на Вашу электронную почту (например: name@mail.ru), то следует писать такой код: <a href="mailto:name@mail.ru"> Ссылка на электронную почту </a> (при нажатии на такую ссылку пользователем, у него откроется его почтовый клиент с уже созданным письмом на Ваш адрес).

Теперь давайте поговорим, что еще можно сделать со ссылкой... Существует много нюансов в создании ссылок, я объясню только основные: ссылке можно задать атрибут "target", им можно определить, как откроется страничка при нажатии на эту ссылку, есть такие варианты:

Есть еще один важный момент для ссылки - это всплывающая подсказка. Задать его можно при помощи атрибута "title", приведу пример:
<a href="###" title="тут текст подсказки"> Мои фото </a> - а вот так будет выглядеть подсказка (наведите мышку на следующую ссылку, не нажимая подождите): Мои фото

На этом уроке мы научились создавать ссылки, в роли ссылки может быть также картинка и ячейка таблицы, но об этом далее, следующий урок будет посвящен именно графике, там и разберемся, как из картинки делать ссылку.