Курс HTML5, CSS3, SEO, Wordpress и Photoshop

Ссылки в HTML

В интернете большую роль играют ссылки и изображения. Потому что благодаря ссылкам люди переходят из одной страницы в другую, из одного сайта на другой. По сути дела весь интернет это набор HTML документов связанных между собой ссылками.
Составьте два html документа с названиями first.html и second.html в одной папке.

В документ first.html вставьте следующий код:

<!doctype html>

<html>

<body>

Это <a href="second.html">ссылка</a> в html!

</body>

</html>

Теперь сохраните этот документ и откройте его в браузере:

Ссылки в html

Как видно из рисунка, появилась ссылка синего цвета, если вы нажмете на эту ссылку, то откроется документ second.html.

Пути в HTML

В записи <a href="second.html">ссылка</a> можно вместо second.html поставить адрес сайта, например http://almatysite.kz, либо поставить ссылку на любой другой документ:

a) <a href="http://almatysite.kz">Ссылка на сайт</a>

b) Пусть html документ first.html находится в папке Papka а документ second.html во внешней папке.

Для того чтобы сделать ссылку в документе second.html, на документ first.html, нужно поставить такую ссылку (в файле second.html):

<a href="papka/first.html">ссылка</a>

А для того чтобы сделать ссылку в документе first.html, на документ second.html, нужно поставить такую ссылку (в файле first.html):

<a href="../second.html">ссылка</a>

Параметры ссылок

В HTML у ссылок есть несколько параметров.
1) Открытие ссылки в новом окне:
<a href="first.html" target="_blank" >Ссылка откроется в новом окне</a>

2) Заголовок ссылки:
<a href="first.html" title="Сюда пишите любой текст">Заголовок ссылки</a> показывается при наведении курсора мышки над ссылкой.