/
Что такое доменное имя сайта и как выбрать доменное имя для сайта ? Анализ страниц поисковыми машинами Какую выбрать тематику сайта ? Seo-копирайтинг в двух словах Уровень вложенности страницы что это ?

Что такое доменное имя сайта и как выбрать доменное имя для сайта ?


Что такое доменное имя сайта? Доменное имя – это определенный набор символов, который используется для того, чтобы абсолютно любой пользователь интернета смог найти нужный ему ресурс. 15 дней назад
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Что такое доменное имя сайта и как выбрать доменное имя для сайта ?
Анализ страниц поисковыми машинами
Анализ страниц поисковыми машинами
Какую выбрать тематику сайта ?
Какую выбрать тематику сайта ?
Seo-копирайтинг в двух словах
Seo-копирайтинг в двух словах
Уровень вложенности страницы что это ?
Уровень вложенности страницы что это ?

Урок 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
87
RSS
Нет комментариев. Ваш будет первым!
Загрузка...