мая
6

Урок 4 — Ссылки в HTML

Author admin    Category Уроки HTML    

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


Итак приступим, ссылки в HTML обозначаются тэгом  <a></a>. Тэг ссылок имеет атрибут href.
Рассмотрим более подробно:
Например нам надо сделать ссылку на поисковую систему яндекc, код в таком случае будет выглядеть вот так:

<html>
<head>
</head>
<body>
<a href=”http://yandex.ru”> Ссылка на поисковую систему Яндекс</a>
</body>
</html>


Рассмотри вариант когда нам необходимо сделать ссылку на другую страницу Вашего сайта для этого не надо писать полностью адрес данной страницы:

<html>
<head>
</head>
<body>
<a href=”page2.html”> Ссылка на вторую страницу</a>
</body>
</html>

У Вас может случится так что страница на которую ссылается ссылка находится на в одном каталоге со странице в которой прописана ссылка, в этом случае рассмотрим несколько вариантов:

1) Если страница на которую ведет ссылка находится еще в одной папке, то мы должны прописать
<a href=”papka2/page2.html”>Ссылка на страницу 2 </a>

2) Если Вам надо поставить ссылку на страницу которая находится в каталоге на уровень выше, то надо прописать :
<a href=”.../page3.html”>Ссылка на страницу 3</a>


Ссылки внутри страницы.

Как сделать в html ссылки внутри страницы? Здесь тоже нет ничего сложного для этого нам надо использовать атрибут id. Например нам надо сделать ссылку внутри страницы на слова Раздел  10. Для этого нам надо заключить слово «раздел 10 » в тэг, это будет выглядеть вот так:
<h1 id=”razdel10”>Раздел 10</h1>


И теперь чтобы наша ссылка нас перенесла к Разделу 10 мы должны в тэги ссылки написать:
<a href=”#razdel10”> Ссылка на раздел 10</a>


В этом уроке мы рассмотрели с Вами как сделать ссылку в HTML.

Предыдущий урок —  Урок 3 Остовные теги html для редактирования текста

Рекомендую прочитать :

Прокомментировать

Яндекс.Метрика