ссылки.in.ua

HTML ссылки

Любой сайт (на какой платформе он ни был бы написан), его каркас создан на языке HTML, эта английская аббревиатура переводится так: "HyperText Markup Language" — "язык гипертекстовой разметки".

Любой абзац, выделение текста на странице, картинки, заголовки создаются на языке HTML. Да, есть и другие web-ориентированные языки, такие как "Java", "PHP", "ASP", листы стилей ("CSS"), но это скорее дополнения к HTML-языку, они позволяют сделать страницу красочнее, динамичнее, подключить ее к источнику (базе) данных и многое другое. "Скелетом" любой страницы уже долгое время остается HTML!

Кто бы ни сделал Вам сайт, к какой платформе он не был бы подключен, с этим языком очень желательно разобраться! Старожилы среди веб-мастеров говорят, что HTML - это язык интернета поэтому, если вы решили серьезно работать в интернете, вы обязаны научиться "говорить на языке интернета"!

Но, вернемся к теме нашей статьи. Откуда бы ни появилась ссылка на сайте - из базы данных, сгенерирована по запросу пользователя или просто вставлена вручную, она будет иметь формат HTML!

Как сделать ссылку в html
Схема простейшей ссылки на HTML

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

Переходим от теории к практике. Как видно из приведенной схемы, HTML-ссылки начинаются вот таким "тегом" <a> ("a" - это аббревиатура от "анкор", с английского - якорь). Далее в схеме следует атрибут "href" этому атрибуту должен быть присвоен URL (Адрес) вашей страницы! Это обязательный атрибут любой ссылки, без данного атрибута ссылка работать не будет!

Атрибут "target" (кто понимает английский, знает, что слово переводится "цель") - он задает место открытия страницы. Этот атрибут следует задавать только тогда, когда вам необходимо открыть страницу в новой вкладке. Допустим, если это ссылка на сайты-партнеры, в ней можно указать такой атрибут target="_blank" чтобы сайт партнеров загружался в отдельной вкладке, а не вместо вашего сайта.

У каждой ссылки должен быть "текст ссылки", хотя бы элементарный из серии - "читайте здесь" или "тут". Лучше называть ссылки осмысленно, это будет приветствоваться как поисковыми системами, так и посетителями вашего сайта, поскольку по тексту ссылки можно будет понять содержание (тематику) страницы на которую ведет ссылка.

Ссылка обязательно должна быть закрытой! В конце текста ссылки должен следовать такой тег </a> - он замыкает вашу ссылку. Если вы его упустите "ссылкой" будет считаться весь текст на вашей странице - от начала (с места, где вы открыли ссылку) и до конца страницы. Поэкспериментируйте, если интересно.

Рассмотрим пример. Если мы захотим сделать ссылку на данную страницу, она будет выглядеть следующим образом: <a href="http://ссылки.in.ua/links/html/" target="_blank">HTML ссылки</a>

В атрибуте "href" мы указали адрес страницы (у нас он такой: "http://ссылки.in.ua/links/html/"). Также мы прописали атрибут target="_blank", чтобы наша ссылка открылась в новой вкладке, и задали текст ссылки, отражающий тематику нашей статьи (HTML ссылки).

Вот так будет выглядеть эта ссылка на странице: HTML ссылки перейдя по ней, откроется новая вкладка с этой же статьей.

Теперь вы умеете создавать ссылки! Потренируйтесь и не забывайте после вставки ссылки нажимать "F5" на клавиатуре (обновление страницы).

Хотите знать, для чего еще используются ссылки в интернете и как с помощью ссылок с других сайтов увеличить посещаемость своего сайта? Прочтите нашу статью "внешние и внутренние ссылки".