/
Как привлечь посетителей на сайт. Несколько простых советов Bootstrap или Grid - что лучше использовать для адаптивности сайта? Что такое доменное имя сайта и как выбрать доменное имя для сайта ? Анализ страниц поисковыми машинами Какую выбрать тематику сайта ?

Как привлечь посетителей на сайт. Несколько простых советов


Доступны многочисленные ресурсы, в которых подробно рассказывается, как привлечь трафик на свой веб-сайт. Однако одной лишь возможности привлечь трафик на сайт недостаточно. 25 дней назад
Как привлечь посетителей на сайт. Несколько простых советов
Как привлечь посетителей на сайт. Несколько простых советов
Bootstrap или Grid - что лучше использовать для адаптивности сайта?
Bootstrap или Grid - что лучше использовать для адаптивности сайта?
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Анализ страниц поисковыми машинами
Анализ страниц поисковыми машинами
Какую выбрать тематику сайта ?
Какую выбрать тематику сайта ?

Урок 7. Ссылки в HTML

Урок 7. Ссылки в HTML

Ссылки в HTML

Одним из важнейших элементов любой Web-страницы являются ссылки. Ссылки позволяют нам перемещаться между страницами сайта, а также при нажатии на ссылку перейти к нужному тексту или изображению. Ссылки разделяют на внутренние и внешние:

Внутренниессылки ведущие с одной страницы вашего сайта на другую.

Внешниессылки ведущие с одного сайта на другой.

В HTML ссылки обозначаются при помощи тега <a> (anchor — якорь), а атрибут href нужен для указания адреса ссылки.

 
<a href="адрес ссылки"></a>
 

Создадим простую ссылку

 
<a href="http://coderplace.ru">Уроки HTML</a>
 

В браузере будет отображен текст " Уроки HTML"  и представлен текст будет как ссылка. При нажатии на "Уроки HTML" вас перекинет на сайт coderplace.ru.

Ссылки бывают относительными и абсолютными.

Относительные ссылки — ссылки относительно текущего документа, являются только внутренними, зависят от исходного расположения документа (корня сайта или текущего документа).

К примеру ваш сайт расположен в папке Site, в папке расположено два файла first.html и second.html. На странице first.html вам необходимо указать ссылку на second.html, ссылка будет выглядеть таким образом:

 
<a href="second.html">Ссылка на вторую страницу</a>
 

Если ваши файлы находятся в разных папках, к примеру first.html в папке case1, а second.html в папке case2, то ссылка будет выглядеть вот таким образом:

 
<a href="case2/second.html">Ссылка на вторую страницу</a>
 

Абсолютные ссылки — ссылки, содержащие абсолютный адрес, начинаются с указания протокола к примеру http:// и содержат имя сайта.

 
<html>
<head>
<title>Название сайта</title>
</head>
<body>
<a href="http://coderplace.ru">Уроки HTML</a>
</body>
</html>
 

В данном случае ссылка <a href=«coderplace.ru»>Уроки HTML</a> является абсолютной и ведет на главную страницу сайтаcoderplace.ru.

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

Атрибут target

Атрибут target указывает где необходимо открыть ссылку. При значении _blank ссылка будет открыта в новом окне.

 
<html>
<html>
<head>
<title>Название сайта</title>
</head>
<body>
<a href="http://coderplace.ru"target="_blank">Уроки HTML</a>
</body>
</html>
 

После посещения ссылка станет подчеркнутой и окрасится в фиолетовый цвет.

Атрибут title

Атрибут title добавляет поясняющий текст к ссылке в виде подсказки. Будет отображаться, когда курсор задержится на ссылке.

 
<html>
<head>
<title>Название сайта</title>
</head>
<body>
<a href="http://coderplace.ru" title="Бесплатные HTML уроки"
target="_blank">Уроки HTML</a>
</body>
</html>
 

Как сделать баннер (картинку — ссылкой)

Для того чтобы заменить обычную ссылку изображением, нам поможет тег img

 
<html>
<head>
<title>Название сайта</title>
</head>
<body>
<a href="http://coderplace.ru">
<img src="image.png" alt="Cсылка" width="400" height="300">
</a>
</body>
</html>
 

Урок 8. Списки в HTML

20:07
409
RSS
Нет комментариев. Ваш будет первым!
Загрузка...