<Быстро! Продающие сайты без тех. знаний

Рубрики

Как сделать текстовую ссылку. Как сделать изображение ссылкой.

Как сделать текстовую ссылку. Как сделать изображение ссылкой.1. Как сделать текстовую ссылку? Как сделать изображение ссылкой? Нет ничего проще. Для блога на WordPress есть два способа решения этой задачи в редакторе текста: в режиме html и в визуальном.

1.1 Рассмотрим вначале это с позиций html кода, в редакторе текста перейдем в режим html.

Существует тег ссылки:

<a href="http://адрес_сайта_или страницы">Слово_для ссылки</a>

Так же для ссылки можно использовать и картинку. Тег примет такой вид

<a href="http://адрес_сайта_или страницы">
<img src="http://_адрес_картинки"></a>

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

1.2 В визуальном режиме нужно выделить необходимое слово или картинку и нажать на кнопку «вставить/изменить ссылку», после этого появляется окошко с http:// в которое нужно прописать необходимый адрес ссылки. В случае картинкой строка с http:// может быть заполнена адресом картинки, этот адрес нужно заменить на адрес ссылки.

Можно еще выбрать менее важные атрибуты, например, открывать в новом окне или выбрать слово или фразу, которые будут всплывать при наведении на них курсора (атрибут заголовок или title).

Нажимаем выполнить и видим результат — слово-ссылка изменило свой цвет и подчеркнуто, ну и конечно же по щелчку мыши по ссылке — слову, фразе или картинке произойдет переход по выбранному Вами адресу.

2. Еще хотелось остановиться на дополнительных, атрибутах тегов <a></a> и <img>.

2.1. <a href="" title="Всплывающее_слово_при_наведении курсора" target="_blank" rel="nofollow">Слово ссылка</a>

C title все понятно.

target="_blank" используйте, если нужно, что бы ссылка открывалась в новом окне.

rel="nofollow" используйте, если ссылка на чужой сайт, и вы не хотите, чтобы она забрала часть рейтинга вашего сайта у поисковых систем. То есть, это обращение к поисковым роботам не следовать по этой ссылке.

Здесь приведены самые азы, для дальнейшего продвижения в этом вопросе нужно изучать инфо курсы на DVD (по языку разметки html и каскадным таблицам стилей css)  ссылки приведены в моих статьях : Очень качественный интернет-ресурс видео обучающих курсов.        Сверхпопулярные обучающие программы Info-DVD.

Продолжение «Как сделать текстовую ссылку. Как сделать изображение ссылкой.» в следующей статье.

Подпишись на обновление сайта! Получай новые статьи на почту:

Понравилась статья? Расскажите друзьям
Общайтесь со мной:

No related posts.

9 комментариев к записи Как сделать текстовую ссылку. Как сделать изображение ссылкой.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Start Up
Ваш e-mail: *
Ваше имя: *
Подписчиков:

Хостинг для Wordpress сайтов