Главные новости

html ссылки их разновидности и приемущества

html ссылки их разновидности и приемущества

HTML теги, определяющие HTML ссылки

Даный урок посвещен созданию ссылок. Откроет разновидности ссылок и поможет понять как же всетаки создать ссылку на другую страницу или сайт.

  • HTML ссылки связывают между собой сайты и друзей сайтов
  • HTML ссылки определяются тегами <a> </a>.
  • HTML ссылки бывают любого размера и цвета, их свойства определяются с помощью CSS.
  • HTML ссылка может быть текстовой или изображением.

HTML ссылка на сайт

<p>Посетите <a href="http://cmscode.ru">cmscode.ru</a></p>

результат:

Посетите cmscode.ru

Атрибуты и значения

  • href="" – обязательный атрибут тега <a>, указывает адрес ссылки.
  • target="_blank" – откроет ссылку в новом окне браузера:

<a href="http://cmscode.ru" target="_blank">cmscode.ru</a>

результат:

cmscode.ru

HTML изображение ссылка


<p>
<a href="#"><img src="../image/kladezy_znaniy/ssilki.bmp" alt="" border="0" /></a>
</p>

border="0" – отменяет границу у изображения ссылки.

Результат:

HTML ссылка на страницы внутри сайта

Если вы создали сайт и хотите указать ссылку на страницу внутри определенной папки не указывая http:// то вам надо знать путь до нее и как показано выше путь изображения ссылки отличается написанием от ссылки на сайт.

  • ../image/kladezy_znaniy/ssilki.bmp

Данный путь говорит браузеру что изображение находится на один уровень выше в папке image в подпапке kladezy_znaniy

если бы картинка была бы в тойже папке что и эта страница то надо было бы прописать путь так:

  • ./ssilki.bmp

Написание именно таким методом облегчает работу вебмастеру ведь если вы захотите поменять хостинг, то вам не придется переделывать кучу страниц в которых ссылки указаны именно этим методом в отличие от тех в которых указаны ссылки на внутренние страницы с таким параметром как http://cmscode.ru/image/kladezy_znaniy/ssilki.bmp е слибы я поменял домен например на просто cms.ru то пришлось бы изменять ссылку вручную на вот эту.

http://cms.ru/image/kladezy_znaniy/ssilki.bmp

В данном уроке мы познакомились с ссылками их разновидностями, нашли альтернативу указанию внутренних ссылок что облечгает работу и портабельность на другие домены или хостинги.

Вывод: данный урок полезен начинающим вебмастерам.