Ссылка. Это основа интернета и внешне представляет из себя документ. Документ в виде текста, рисунка, различных кнопок. В которых заложен определенный код (адрес, маршрут). На основе ссылок построена вся Всемирная сеть интернета.
С помощью ссылки осуществляется выход на страницу сайта. Всевозможные переходы как внутри так и на другие страницы своего и других сайтов. Система адресования, маршрутизация и иные подобные выражения. Отмечу сразу очень удобную работу с ссылками в WordPress
Какие бывают виды ссылок html и как создается html ссылка
Виды ссылок классифицируются по направлениям и задачам сети интернет. можно очень долго раскрывать какие и для чего предназначены. Для основ достаточно понимать, что ссылки бывают естественные, могут быть арендованные и вечные (купленные на рынках для продвижения своего сайта). Есть еще так называемые подвальные (футерные) ссылки, Которые посетители особо не видят Это информация о владельце сайта, название сайта и прочее.
В классификации также отмечается наличие баннерных ссылок. это Ссылка картинка. И еще один вид хочу отметить, это так называемые "Постовые ссылки" Для них на сайте создается специальное место в виде блока с предложением всем желающим разместить свою ссылку на свой сайт, Иинтернет магазин, Интернет услуги итд.
На языке html мы уже знаем в работе обязательно используются определенные открывающие и закрывающие Теги и присутствие Атрибута.
В создании html ссылки участвуют
Тэг <a </a> Вы уже поняли что между этим открывающим и закрывающим тегом и будет вставляться атрибут и ссылка с описанием которую будут все видеть на странице.
Атрибутом для ссылок является href= задает адрес документа, на который следует перейти к примеру на страницу по адресу https://aragrig.ru/
Пример как будет выглядеть ссылка
<a href="https://aragrig.ru">Нажми здесь и получи сюрприз</a>
обратите внимание на тонкость, ссылка заключена в кавычки. На странице будем видеть только ЗАВЛИКАЛОВКУ и если на нее кликнуть, мы попадем на страницу https://aragrig.ru
Итак Элемент а (ancor) является базой, т.е. все, заключенное между открывающим <a> и закрывающим </a> тегом , будет текстом ссылки.
Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", определяет место, на которое выполняется переход по данной ссылке.
Ссылка для перехода между собственными страницами
К примеру имеем 2 страницы сайта page1.htm и page2.htm которые расположены в одной папке , то код ссылки с page1 на page2 будет выглядеть так:
<a href="page2.htm"> Для перехода на 2 страницу нажми здесь! </a>
Eсли страница page 2 находится в подпапке "nazvanie papki", код ссылки выглядит так:
<a href="nazvanie papki/page2.htm"> Для перехода на 2 страницу нажми здесь! </a>
Теперь ссылка со страницы page 2 на page1(в обратную сторону)
<a href="../page1.htm"> Для перехода на 1 страницу нажми здесь! </a>
Здесь сочетание "../" указывает на папку, расположенную на один уровень выше от данной позиции файла, с которого делается ссылка.
Это основы создания ссылок. При необходимости можно изменить цвет базового текста ссылки
Можно сделать ссылку с начала страницы на ее конец, или на созданные разделы сайта. Можно переходить в новое окно браузера или перемещаться в адрес в существующем окне.
При желании можно почитать и узнать намного больше. Но основу Вы поняли!
Как вариант, я уже отмечал в начале статьи, в WordPress все это делается элементарно, одним кликом и ссылка готова. Нет необходимости знать язык html. И все же если соприкасаемся с чем то. Считаю элементарные знания и понятия необходимы!
Поэтому продолжаем! И ознакомимся структура веб сайта >>>
