Как сделать ссылку в тексте или картинку ссылкой!

как сделать ссылку в тексте, картинку ссылкой

Уроки HTML

Всем привет! В этом посте я расскажу, как сделать ссылку в тексте или картинку ссылкой с применением параметра «href=».

И так начнем по порядку.

Как сделать ссылку в тексте

Сделать ссылку в тексте документа на необходимую ВЕБ страницу очень просто, для этого используется парные теги  <a></a> , где первый будет открывающим, а второй закрывающим. Прикрепляем к этим тегам параметр (href=)  без скобок в котором указываем, куда эта ссылка будет перенаправлять после нажатия на нее, т.е. полный Url адрес.

Таким образом ссылка в тексте будет выглядеть так:

<a href=“url адрес страницы”>название страницы либо произвольный текст</a>

Рассмотрим на примере сайта, на котором вы сейчас находитесь, ссылка будет на главную страницу.

<a href=http://priminfobiss.ru”>про блоги и деньги</a>  В визуальном отображении будет видна только надпись «про блоги и деньги», кликнув по которой вас перебросит на главную страницу сайта «priminfobiss».

Для того, что бы сделать ссылку в тексте, при клике по которой, страница будет открываться в новой вкладке браузера, в теге <a> надо добавить параметр (target=“_blank”) без скобок.

<a href=“url адрес” target=“_blank”>название ссылки или произвольный текст</a>

Обращаем внимание на следующее:

Не должно быть лишних или недостающих пробелов.

Внимание! Если копируете коды со страницы этого поста, то обязательно замените ВСЕ кавычки, т.е. стерли и заново напечатали с клавиатуры, иначе код не будет работать!

Мы разобрались с тем, как сделать ссылку в тексте  веб документа,  теперь рассмотрим следующий пример.

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

Для того, что бы сделать картинку ссылкой, используются те-же HTML теги, только добавляется параметр (img src=) без скобок.

Вот так это будет выглядеть:

<a href=“url адрес страницы”><img src=“название картинки”></a>  

Картинка должна быть предварительно загружена на ваш хостинг в  ту папку, где находится и html страница с текстом публикуемой ссылки, название картинки должно быть точным, например « Logo.jpg »

Для того, чтобы сделать картинку ссылкой, при клике на которую страница будет открываться в новом окне браузера, делаем то же самое, что и в предыдущем примере, добавляем параметр  (target=“_blank”) без скобок.

<a href=“url адрес страницы” target=“_blank”>< img src=“название картинки”></a>

Вот мы и разобрали с вами два простых примера, как сделать ссылку в тексте и как сделать картинку ссылкой с помощью html кодов.

 

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

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