Приветствую всех начинающих верстальщиков. В прошлый раз мы познакомились с таблицами в html, темой же сегодняшнего урока будет основополагающий элемент html и современного интернета вообще - ссылка. Если вы хоть раз побывали в интернете, вы уже знаете, что такое ссылка, но моя задача - рассказать как этот тег работает изнутри и научить вас без проблем с ним работать. Для создания ссылки нам необходим тег <a></a> c атрибутом href="url", который имеет по умолчанию значение url (Uniform Resource Locator — унифицированный указатель ресурса) - это путь до того документа на который мы ссылаемся. Давайте создадим простейший документ по шаблону из первого урока и добавим в него тег ссылки.
На странице появилась ссылка без адреса, т.е. никуда по ней перейти мы не сможем. Давайте создадим документ (hello.html), на который будет вести наша ссылка, и вставим его имя вместе с расширением в кавычки.
На некоторых сайтах при нажатии на ссылку страница открывается не в той же вкладке, а на следующей, давайте сделаем и у нас так же с помощью атрибута target со значением _blank
В зависимости от того, где находится документ, на который мы ссылаемся, прописываются разные виды путей. По этим путям ссылки делятся на два вида: абсолютные и относительные. Абсолютные применяются если документ находится на другом ресурсе, ссылка начинается с указания протокола https:// и далее адрес. Относительные - расположенные на том же ресурсе относительно исходного документа. Давайте рассмотрим абсолютные ссылки:
А теперь допустим, что документ, на который надо сослаться, находится не в той же папке, что и основной (переместим hello.html в папку papka).
Тогда перед именем документа через слеш нужно написать имя папки:
Но теперь у нас не работает ссылка "вернуться" в документе hello.html, для этого добавим две точки перед именем через слеш. Две точки говорят, что нужно выйти из папки, в котором находится файл, который ссылается на другой файл, и поискать его там, за пределами этой папки.
Т.е. если оба документа находятся в разных папках, но в одной общей, то используем две точки и слеш, но если документы разделены большим количеством папок, то количество точек и слешей соответственно увеличивается пропорционально. Вот собственно и все, что основного я хотел рассказать про ссылки в html. В следующем уроке продолжим расширять знания об атрибутах.