Видео: Как сделать картинку ссылкой (кликабельной)
Для того чтобы вставить ссылку в текст, необходимо иметь общие представления об языке html, в котором есть для этого специальная «команда», именуемая «тегом а». Чтобы на вашей странице при нажатии на некоторый элемент открывалась требуемая страничка интернета, необходимо в <> написать первую часть тега: a href=&rsquo-&rsquo-адрес страницы, на которую должен перейти пользователь&rsquo-&rsquo-. Далее указать часть записи, которая будет видна непосредственно на исходной странице, и оформить вторую часть тега в <> с закрывающим слешем (/a). Элементы в <> при открытии в браузере будут не видны, поэтому, например, (<)a href=&rsquo-&rsquo-w w w.mmmmypage.zu&rsquo-&rsquo-(>)моя страница(<)/a(>), оформленный без скобок будет выглядеть просто как надпись «моя страница» (без кавычек).
Видео: Открыть ссылку меню в новом окне вордпресс wordpress
Как в текст вставить ссылку, чтобы она открывалась в новом окне? Для этого нужно использовать атрибут target, который принимает значение «_blank» через знак равенства и вносится в первую часть тега «a». Например, при оформлении без круглых скобок (<)a href=&rsquo-&rsquo-w w w.mmmmypage.zu&rsquo-&rsquo- target=&rsquo-&rsquo-_blank&rsquo-&rsquo-(>)моя страница(<)/a(>), страница откроется в другом окне.
Часто начинающие специалисты задаются проблемой, как в текст вставить ссылку, чтобы при наведении на нее мышкой «вылезала» поясняющая надпись. Эта ситуация разрешается также в рамках первой части тега &ldquo-a&rdquo-. Для оформления используется атрибут title=&rdquo-информация о ссылке&rdquo-. В нашем случае при исполнении (<)a href=«w w w.mmmmypage.zu» target=«_blank» title=&rdquo-мой сайт&rdquo-(>)моя страница(<)/a(>) при подведении мышки к ссылке появится информация «мой сайт». А если кликнуть по ссылке, то откроется новое окно, потому что мы совместно используем атрибуты target и title (в коде круглые скобки нужно убрать).
Видео: Урок 3. Как обновлять информацию на сайте
А вот продвинутым пользователям известно, как в текст вставить ссылку, чтобы она не передавала оцениваемый поисковиками «вес» сайта другому ресурсу, на который посетитель может перейти с вашей собственной странички. Для этого опять же в первую часть тега ставится аттрибут rel=&rdquo-nofollow&rdquo-. Пример: (<)a href=«w w w.mmmmypage.zu» target=«_blank» title=&rdquo-мой сайт&rdquo- rel=&rdquo-nofollow&rdquo-(>)моя страница(<)/a(>). Круглые скобки из кода опять же убираются. Также есть интересная разновидность значения rel=&rdquo-sidebar&rdquo-, который предлагает посетителю закрепить ссылку, которая ведет на страницу в панели закладок.
Практически на каждом сайте можно найти картинку или кнопку, которая является ссылкой. Как в текст вставить ссылку в этом случае? Отвечаем - с помощью комбинации (<)img src=&rdquo-адрес картинки&rdquo-(>), которая располагается между первой и второй частью тега (<)a(>). Пример: (<)a href=«w w w.mmmmypage.ru» target=«_blank» title=&rdquo-мой сайт&rdquo- rel=&rdquo-nofollow&rdquo-(>)(<)img src=&rdquo-10ghnyj.jpg&rdquo-(>)(<)/a(>). Из примера при выполнении на практике также нужно убрать круглые скобки, которые здесь поставлены для того, чтобы код было "видно".
С помощью языка html вставить ссылку достаточно просто. При этом нужно соблюдать несколько правил:
- периодически проверяйте внешние ссылки и удаляйте недействительные. Это необходимо из-за того, что владельцы сторонних ресурсов могут убирать информацию со своих сайтов. А посетитель вашего сайта при переходе по пустой ссылке будет испывать чувство разочарования-
- не делайте много ссылок с одной страницы. Для страницы среднего размера их число не должно превышать ста штук-
- следите за тем, чтобы ссылка гармонично вписывалась в текст-
Видео: Ссылки в Ворде: гиперссылка в Ворде
- придумывайте для ссылок оригинальные, информативные, но краткие тексты-
- предупреждайте посетителей, что страница может долго закачиваться, если такая ситуация имеет место. Это сохранит их нервную систему и не даст покинуть ваш ресурс.