Построение ссылок в HTML

Построение ссылок (они же беклинки, линки, урлы, постовые) на языке HTML несложно. Любители блоггинга желательно должны легко ориентироваться при построении ссылок. Редактировать их можно в сообщении (вкладка "Изменить HTML"), в гаджете HTML/JavaScript или Комментариях.

Вид ссылки.

<a href="адрес_на_который_следует_перейти">анкор(текст_ссылки)</a>

Пример: <a href="http://shpargalkablog.ru/p/karta-bloga.html">Карта этого блога</a>

Результат: Карта этого блога.

Построение ссылок в HTML.

Изменить стиль анкора.

Возможно применение любых стилей для текста.

Пример: <a href="http://shpargalkablog.ru/2010/09/optimizatsiya-zagolovka-h1-h2-h3.html"><big>Ссылки "Предыдущие"/"Главная страница"/"Следующие" Blogger</big></a>

Результат: Ссылки "Предыдущие"/"Главная страница"/"Следующие" Blogger.

Изображение в виде линка.

<a href="адрес"><img src="адрес_картинки" width="ширина_картинки" height="высота_картинки" alt="текст"/></a>

Пример: <a href="http://shpargalkablog.ru/2010/08/podpis-kartinki-html.html" title="Необходимо оформлять alt, width и height картинкам"><img alt="Добавить подпись картинки в HTML" src="http://4.bp.blogspot.com/_ebKrCj8TLPk/TLMBi-mNDnI/AAAAAAAAAwo/TT_YxqHrRDA/s1600/pauk.gif" width="135" height="105" /></a>

Обратите внимание: параметр title я задаю не для изображения, а для ссылки.

Результат:

Как открыть ссылку в новом окне.

Не рекомендуется, у пользователя должно быть право выбора (он может воспользоваться клавишей Shift).

<a href="адрес" target="_blank">анкор</a>

Пример: <a href="http://shpargalkablog.ru/2010/08/ubrat-lishnie-ssylki-iz-hablona-blogger.html" target="_blank">Удалить лишние внешние ссылки из шаблона Blogger</a>

Результат: Удалить лишние внешние ссылки из шаблона Blogger.

Скрыть ссылку от поисковиков.

Для того, чтобы ссылка не учитывалась поисковыми системами читаем эту статью.

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

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

<a href="адрес" title="поясняющий_текст">анкор</a>

Пример: <a href="http://shpargalkablog.ru/p/moi-put-zarabotka-s-nulya.html" title="Мой путь интернет заработка с нуля.">Альтернативный заработок в интернете.</a>

Результат: Альтернативный заработок в интернете.

Ссылка к определённому месту текста.

Сначала, при редактировании сообщения в нужном месте текста, воспользовавшись вкладкой "Изменить HTML", устанавливаем закладку:

<a name="ваше_имя_закладки_на_латинском"></a>

Пример: <a name="menu_HTML"></a>

А наша ссылка будет иметь вид (перед именем закладки надо указать символ # без пропусков):

<a href="http://адрес#ваше_имя_закладки_на_латинском">анкор</a>

Если закладка находится на той же странице:

<a href="#ваше_имя_закладки_на_латинском">анкор</a>

Пример: <a href="http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#menu_HTML">Делаем своё меню с помощью гаджета HTML/JavaScript.</a>

Результат: Делаем своё меню с помощью гаджета HTML/JavaScript.

Хеш-ссылки имеют интересное свойство: поисковые системы индексируют содержание только до символа #. То есть ссылки вида http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html#menu_HTML и http://shpargalkablog.ru/2010/08/gadzhet-htmljavascript-blogger.html одинаковы в глазах поисковиков.