Как сделать ссылку на документ в html

Добавляем ссылку HTML

Урок №8
Добавляем ссылку в HTML-документ

В этом уроке, мы рассмотрим способ добавления ссылки на HTML-страницу.

Ссылка — важнейшая часть сайта и всемирной паутины, именно благодаря ссылкам мы можем путешествовать по интернету.

Так как ссылки обычно ссылаются на другие страницы, то нам нужно создать еще одну HTML-страницу и сослаться на неё.

У нас уже есть одна страница Страница о снежном барсе (файл index.html ), давайте создадим еще одну HTML-страницу, она будет посвящена полярному волку .

Страница о полярном волке

Создайте на Рабочем столе HTML-файл:
polayrnyi-volk.html

Название страницы , сделайте:
Страница о полярном волке

Внедрите в неё, следующий CSS-код:

 h1 < color: green; font-family: Arial; >p

Заголовок статьи :
Полярный волк

Cтатья состоящая из двух абзацев :

Полярный арктический волк - подвид волка. Обитает в Арктике и тундре, на обширных пространствах северных регионов, которые пять месяцев в году, погружены в темноту. Чтобы выжить, волк приспособился есть практически любой корм, который только попадается ему на пути. Полярные волки хорошо усвоились к жизни в Арктике: они могут годами жить при минусовой температуре, месяцами не видеть солнечного света и неделями оставаться без пищи. Длина волка составляет 100-150 см, высота в холке может достигать 100 см, а масса у самцов переваливает за 100 кг. Продолжительность жизни полярного волка около 7 лет. В его рацион входят: леминги, зайцы, овцебыки, олени и птицы.

В итоге вы должны получить следующую страницу.

Подный код HTML-документа, страницы о полярном волке, приведён в конце этого урока.

Добавляем ссылку в HTML-документ

Добавим ссылку которая будет ссылаться на страницу о полярном волке , саму ссылку разместим на странице о снежном барсе .

Добавьте в HTML-документ файла index.html ( Страница о снежном барсе ), перед закрывающим тегом , следующий код:

Так как файлы index.html и polyarnyi-volk.html находятся в одной папке Рабочий стол , то адресом страницы о полярном волке, будет просто имя его файла polyarnyi-volk.html

В качестве Текста можно написать всё что угодно, но обычно пишут текст описывающий страницу на которую ссылается ссылка, в нашем случае это Полярный волк .

В итоге, HTML-документ файла index.html будет выглядеть следующим образом:

Страница о снежном барсе h1 < color: green; font-family: Arial; >p

Снежный барс

Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии, Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России, Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом, относительно короткими лапами, небольшой головой и очень длинным хвостом. Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг. Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными пятнами.

Охотится снежный барс, в основном, на горных козлов и баранов, также в его рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по приблизительным оценкам их количество варьируется в районе около 10 тысяч особей. По состоянию на 2013 год, охота на снежных барсов повсеместно запрещена.

Полярный волк

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

Внизу страницы находится ссылка, нажав на которую вы попадёте на страницу о полярном волке. Как вы можете заметить, на странице о полярном волке, нету ссылки. Давайте добавим туда ссылку, которая будет ссылаться на страницу о снежном барсе .

Добавьте в HTML-документ файла polyarnyi-volk.html , перед закрывающим тегом , следующий код:

В итоге, HTML-документ файла polyarnyi-volk.html будет выглядеть следующим образом:

Страница о полярном волке h1 < color: green; font-family: Arial; >p

Полярный волк

Полярный арктический волк - подвид волка. Обитает в Арктике и тундре, на обширных пространствах северных регионов, которые пять месяцев в году, погружены в темноту. Чтобы выжить, волк приспособился есть практически любой корм, который только попадается ему на пути.

Полярные волки хорошо усвоились к жизни в Арктике: они могут годами жить при минусовой температуре, месяцами не видеть солнечного света и неделями оставаться без пищи. Длина волка составляет 100-150 см, высота в холке может достигать 100 см, а масса у самцов переваливает за 100 кг. Продолжительность жизни полярного волка около 7 лет. В его рацион входят: леминги, зайцы, овцебыки, олени и птицы.

Снежный барс

Открыв файл polyarnyi-volk.html с помощью браузера, вы должны увидеть следующее.

Внизу страницы находится ссылка, нажав на которую вы попадёте на страницу о снежном барсе .

Нажимая по ссылкам расположенным на страницах, вы будете переходить от снежного барса к полярному волку и наоборот.

HTML Ссылки

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

HTML Ссылки — Гиперссылки

HTML ссылки — это гиперссылки.

Вы можете нажать на ссылку и перейти к другому документу.

Когда вы наведете курсор мыши на ссылку, стрелка мыши превратится в маленькую руку.

Примечание: Ссылка не обязательно должна быть текстовой. Ссылка может быть изображением или любым другим HTML элементом!

HTML Ссылки — синтаксис

Текст ссылки это та часть, которая будет видна читателю.

Нажав на текст ссылки, читатель отправится на указанный URL-адрес.

Пример

В этом примере показано, как создать ссылку на Schoolsw3.com:

По индексу ссылки будут отображаться следующим образом во всех браузерах:

Не посещенная ссылка подчеркнута синим цветом
Посещенная ссылка подчеркнута и окрашена в фиолетовый цвет
Активная ссылка подчеркнута красным цветом

Совет: Ссылки, конечно, можно стилизовать с помощью CSS, чтобы получить другой вид!

HTML Ссылки — атрибут target

По индексу связанная страница будет отображаться в текущем окне браузера. Чтобы изменить это, необходимо указать другой целевой объект для ссылки.

Атрибут target указывает, где открыть связанный документ.

Атрибут target может иметь одно из следующих значений:

_self — По умолчанию. Открывает документ в том же окне / вкладке, в котором он был нажат
_blank — Открывает документ в новом окне или вкладке
_parent — Открывает документ в родительском фрейме
_top — Открывает документ во всем теле окна

Пример

Используйте target=»_blank» , чтобы открыть связанный документ в новом окне браузера или на новой вкладке:

Абсолютные и относительные ссылки

В обоих приведенных выше примерах используется абсолютный URL (полный веб-адрес) в атрибуте href .

Локальная ссылка (ссылка на страницу внутри того же веб-сайта) указывается с помощью относительного URL (без «https://www») :

Пример

Абсолютные URLы

sw3C

Google

Относительные URLы

HTML Изображения

CSS Учебник

HTML Ссылки — использование изображения в качестве ссылки

Чтобы использовать изображение в качестве ссылки, просто поместите тег внутри тега :

Пример

Ссылка на адрес электронной почты

Используйте mailto: внутри атрибута href , чтобы создать ссылку, которая открывает пользователя программы электронной почты (чтобы позволить им отправить новое сообщение электронной почты):

Пример

Кнопка как ссылка

Чтобы использовать HTML кнопку в качестве ссылки, вы должны добавить некоторый код JavaScript.

JavaScript позволяет указать, что происходит при определенных событиях, таких как нажатие кнопки:

Пример

Совет: Узнайте больше о JavaScript в разделе JavaScript Учебник.

Названия ссылок

Атрибут title задает дополнительную информацию об элементе. Эта информация чаще всего отображается в виде текста всплывающей подсказки при наведении курсора мыши на элемент.

Пример

Подробнее об абсолютных и относительных URL-адресах

Пример

Используйте полный URL-адрес для ссылки на веб страницу:

Пример

Ссылка на страницу, расположенную в папке html на текущем веб сайте:

Пример

Ссылка на страницу, расположенную в той же папке, что и текущая страница:

Подробнее о путях к файлам вы можете прочитать в этой главе HTML Пути к файлам.

Краткое содержание главы

Используйте элемент для определения ссылки
Используйте атрибут href для определения адреса ссылки
Используйте атрибут target для определения места открытия связанного документа
Используйте элемент (внутри ) чтобы использовать изображение в качестве ссылки
Используйте mailto: схему внутри атрибута href , чтобы создать ссылку, которая открывает программу электронной почты пользователя

HTML Упражнения

HTML Ссылки теги

Тег	Описание
	Определяет гиперссылку

Для получения полного списка всех доступных HTML тегов посетите HTML Справочник тегов.

Мы только что запустили
SchoolsW3 видео

курс сегодня!

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:

Ваше предложение:

Спасибо Вам за то, что помогаете!

Ваше сообщение было отправлено в SchoolsW3.

Schoolsw3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

Стандартные ссылки

Ссылки — вот что заставляет Web двигаться!
Ссылки создаются в HTML с помощью тега . Кроме того, следует включить атрибут ссылки — href и закрывающий тег .

текст_ссылки

Броузер не выводит на экран саму ссылку, а показывает только текст, заключенный между угловыми скобками > и (текст_ссылки).

Можно создавать ссылки не только на другие документы, но и на определенные точки внутри одной и той же страницы HTML.
Для определения места ссылки в HTML-документе необходимо создать метку (иначе — закладку или якорь).
Метка (закладка, якорь) также создается при помощи тега , но уже с другим атрибутом — name (или id).

текст_на_экране

Обратите внимание на атрибут id!
В последених двух стандартах XHTML и XML (которые со временем могут вытеснить HTML) — Консорциумом W3C предусмотрен новый атрибут тега — атрибут id, который должен заменить атрибут name.

Для того, чтобы не пришлось редактировать ваши Web-страницы после введения нового стандарта, уже сейчас можно использовать оба этих атрибута.

Например: The Third Rule can be found here.
Это ссылка на определенное место в документе.

А вот как это должно быть написано в вашем HTML-документе:

Здесь #Anchor — метка, на которую указывает атрибут ссылки. Символ # обязателен перед меткой. Он необходим для того, чтобы отличить метку от имени файла.

Конечно, если ваш документ помещается в окне броузера и не требует прокрутки, использовать такие ссылки бесполезно. Но если вы создали длинный (а может быть и нудный документ) — то ссылки необходимы. Хотя бы развлечете своего читателя.
А вот в случае, когда вы создаете большой (длинный) документ, который вы предваряете его содержанием, желательно использовать в таблице содержания ссылки на заголовки вашего документа.

По умолчанию, текст ссылки в HTML-документе подчеркнут и окрашен в синий цвет.
НО! Как только вы воспользуетесь этой ссылкой (прочитаете ее), «щелкнув» по ней, она изменит свой цвет на бордовый. Это подскаывает пользователю, что в этом уголке страны Интернет его «уже видели».
Разумеется, вы можете изменить эти цвета и удалить подчеркивание текста ссылки, воспользовавшись таблицами стилей.
Этот результат можно получить при помощи тега , используя атрибут для непрочитанной ссылки и — для прочитанной ссылки. Например:

Подумайте хорошенько, следует ли вам изменять стандартные значения цветов для ссылок. Пользователь — консерватор, не старайтесь запутать его!

А это в HTML-документе записано так:

Don't be worry!

Можно сделать ссылки на другие Web-страницы вашего собственного Web-сайта или на отдельные файлы, которые расположены на жестком диске вашего компьютера. Для этого необходимо указать путь поиска файла.

Путь поиска может быть абсолютным или относительным.
Абсолютный путь описывает местоположение файла, начиная с самого высокого уровня, и включает имена всех каталогов, ведущих к файлу.
Формат абсолютного пути для файла на жестком диске выглядит так:

Относительный путь описывает местоположение файла относительно места расположения текущего HTML-документа.
Таким образом, если вы указываете просто имя файла (например, content.htm), это означает, что вы указываете его относительный адрес. Если перед именем файла поставить (например, ..\content.htm, то броузер будет искать файл в каталоге, находящимся на один уровень выше ,чем тот, в котором находится текущий документ.

Попробуйте открыть документ, щелкнув на моей гиперссылкe .
Попробовали? Отлично! В HTML-документе это записано так:

Здесь указан относительный адрес. А теперь попробуем открыть документ, находящийся в другой папке Галерея Клода Моне.
В HTML-документе это записано так:

Здесь тоже указан относительный адрес. Чтобы создать ссылку на другую страницу, необходимо убедиться, что эта ссылка действительно создает связь с этой страницей.Для этого есть несколько методов.

Надеюсь, вы заметили, что в одном случае употрбляются «прямые » косые черты /, а в другом обратные \?

Это связано с тем, что прямые косые черты используются для разделения имен папок файлового сервера в World Wide Web.
Обратные косые черты предназначены для разделения имен папок в файловых системах ОС Windows и DOS.

Предположим, вы создаете длинный документ и разбиваете его на разделы. Каждый раздел начинается с заголовка. В этом случае вы можете вставить метку в заголовок. Например, пусть имеется заголовок:

Стандартные ссылки

Стандартные ссылки

Теперь вы можете использовать эту метку, например как это сделано на странице «Содержание».

Обратите внимание — в качестве метки используется имя файла страницы «Содержание» ref.htm, которое предваряет метку #метка_1

Не забывайте о символе # перед именем метки!

Если необходимо создать ссылку на конкретное место Web-документа, опубликованного во «всемирной паутине», в качестве метки указывается Web-адрес документа + символ # + метка конкретного места в документе. Например, если адрес документа «http://www.bath.co.uk/», то ссылка на этот документ будет выглядеть так:

В качестве ссылки может быть указан только Web-адрес документа. В этом случае ссылка делается на весь документ.
Зайдем в галерею Клода Моне во всемирной паутине?
В HTML-документе это выглядит так:

Обратите внимание на новый атрибут ссылки target !
Он используется для того, чтобы HTML-документ (в данном случае страница gallery2.htm) загрузился в тот же фрейм, из которого он вызывался. Подробно понятие фреймов и работа с ними описаны в документе Фреймы.

Можно сделать ссылку на любой электронный адрес. Для этого в код ссылки необходимо включить префикс mailto:.
Например, Напишите мне, пожалуйста, была ли понятна и полезна вам эта статья.
В HTML-документе эта ссылка выглядит так:

Таким образом, чтобы отправить сообщение по электронной почте, пользователю нет необходимости самому открывать программу электронной почты. Эта программа будет запущена автоматически, как только пользователь щелкнет по ссылке.

Графические ссылки

Структура графической ссылки имеет вид:

Например, полюбуемся цветами!

В HTML-коде это записано так:

К графической ссылке можно добавить поясняющий текст и всплывающую надпись:

А вот результат:

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

Создание графической карты ссылок

Существует возможность создания графической карты ссылок для Web-сайта (группы Web-страниц). Для этого необходимо сопоставить одному изображению сопоставить несколько ссылок, сопоставив каждую из них к какой-либо области этого изображения.
Эти области могут быть различной формы: прямоугольной, многоугольной, в виде окружности. Это очень удобный прием оформления группы ссылок.

При выборе изображения, служащего основой карты ссылок, необходимо стремиться к тому, чтобы границы областей были хорошо очерченными и не пересекались.
Используйте пояснительные тексты, для того, чтобы пользователь понял, что это карта ссылок, а не просто красивая картинка.

При наведении на область ссылки курсор мыши изменяет свою форму, как и при использовании обычных ссылок. При щелчке мыши на этой области ее границы становятся видимыми.
Графическая карта создается с помощью нескольких тегов.
Первым является тег с атрибутом name для указания имени карты. Имя карты выбирается как имя переменной. В контейнере внешних тегов и содержатся теги (область) для задания областей ссылок.
Тег имеет атрибуты, определяющие ссылку, форму и положение области ссылки.

href — строка, определяющая адрес ссылки

shape — определяет форму области; возможны значения

rect — прямоугольник

polygone — мноугольник

circle — круг

После закрывающего тега следует указать тег, вставляющий графическое изображение и реализующий привязку карты к нему — тег ,подробно описанный в документе «добавление изображений»

Кроме атрибутов, описанных раннее в этом случае в теге добавляется атрибут связи с картой:

В качестве имени карты указывается аргумент атрибута name тега
Рассмотрим пример:

Перед вами усеченный вариант карты ссылок этого сайта. Попробуйте подвести курсор мыши к прямоугольной или круглой области и вы увидете «всплывающее» название страницы. Щелкнув мышкой по любому из выбранных объектов вы можете перейти на интересующую вас страницу. В HTML-код это записано так:

Здесь атрибут src тега img определяет графический элемент «map.jpg».
Атрибут usemap ссылается на элемент карты как на Web-адрес, следовательно указывается символ #. В качестве атрибута границы border указан «0».
В теге map указывается какие области графического элемента (карты) «работают» как гиперссылки. Атрибут name соответствует атрибуту usemap тега img и «работает» как атрибут name в теге якоря .

Желательно, чтобы все элементы карты находились в том же файле, что и гоафический элемент, определяемый в теге img.

Теги area используется для определения областей на карте графических ссылок, которые будут связаны с Web-адрессами. Атрибуты shape определяют типы областей, в данном случае «rect» и «circle». В этом же теге area определяются координаты объектов (различные для каждого типа объекта) с помощью атрибута coords.

Если две или более областей на карте перекрывают друг друга, то преимущество имеет та область, описание которой появилось в HTML-документе раньше (т.е. пользователю будет предоставлена возможность использовать описание и ссылку первой появившейся в документе области.

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

В этом случае первая окружность создает неактивную область, находящуюся в пределах большой окружности — созданной вторым тегом area. Чтобы получить ожидаемый эффект, необходимо, чтобы неактивная область была описана первой (иначе она будет скрыта активной формой).
Посмотрим, что получится?

HTML первые шаги — урок 4 — Ссылки (гиперссылки)

Мы подошли к самым основам HTML, то ради чего HTML и затевался, а именно к гиперссылкам (или просто ссылки). Ссылки — это способ организации связи между различными материалами. Допустим у вас есть 100000 текстовых файлов, если для них делать рубрикатор, то даже есть в каждом рубрикаторе будет по 200 описаний текстовых документов, то вам потребуется 500 рубрик. Чтобы просмотреть все эти 500 рубрик и найти нужную вам информацию, вам потребуется много времени. Как же ссылки сделают нашу жизнь проще?

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

Такой же принцип и на веб-сайтах. У страниц сайта есть уникальные имена URL ( Uniform Resource Locator — единообразный локатор (определитель местонахождения ресурса). Писать уникальные имена страницы, на которую мы будем ссылаться, нужно в теге . В общем виде это выглядит так:

В этом коде href — это атрибут тега A. Что такое атрибуты мы уже рассмотрели в прошлом уроке. Давайте теперь создадим еще один файл в той же папке где у вас лежит index.html. Назовем его file.html и поместим в него следующий код:

Мой второй HTML-документ
Мой второй HTML-документ

А в index.html напишем такой код:

Мой первый HTML-документ
Мой первый HTML-документ

Ссылка на второй документ

Теперь когда мы заходим в index.html через браузер мы имеем ссылку, по которой можно перейти на file.html. Давайте теперь потренируемся в написание путей к файлам. Когда оба файла лежат в одной папке, то мы пишем имя файла в атрибуте href и браузер понимает, что раз указано просто имя файла, то файл лежит в одной папке с исходным. А что если мы не хотим хранить файлы в одной папке, как тогда сделать ссылку? Тогда к нам на помощь приходят относительные пути ссылок.

Относительные пути

Относительные пути называют так потому что путь к файлу мы находим относительно исходного файла. Давайте создадим папку files в папке с файлом index.html. В эту папку мы переместим файл file.html. Теперь если вы пройдете в браузере по ссылке в файле index.html, то браузер уже не сможет найти файл file.html, потому что мы поменяли его положение относительно файла index.html.

Теперь мы будем использовать путь относительно index.html. Для указания папки используется косая черта, слэш. Например так

Чтобы указать начало отсчета пути мы пишем ./ (точка слэш). Таким образом путь к папке files от файла index.html будет выглядеть вот так:

Осталось только дописать имя файла в конце пути, чтобы указать что путь ведет к файлу file.html

Давайте теперь подправим путь к файлу в index.html:

Мой первый HTML-документ
Мой первый HTML-документ

Ссылка на второй документ

Cохраните теперь документ index.html и обновите страницу браузера (должна быть открыта страница index.html). Теперь ссылка на file.html снова работает. Также обратите внимание, что вы можете написать так:

Браузер все равно поймет эту ссылку без ./ . Однако если вы напишите:

То это уже будет не правильный путь, потому что такой путь указан абсолютно, не относительно файла index.html. То есть если вы хотите написать относительный путь, то используйте точку-слэш или просто начинайте писать путь.

Осталось сделать обратную ссылку, от файла file.html к файлу index.html. Начнем с указания того что этот путь относительный:

Теперь нужно указать, что файл находится на уровень выше, то есть нужно выйти из каталога files, тогда мы найдем файл index.html. Для этого мы используем ../ (две точки слэш).

Если бы в папке files была еще одна папка и в этой папке лежал .html файл, то из этого файла ссылка начиналась так ./../../ , то есть на каждую папку мы писали бы по ../ .

И теперь давайте еще добавить имя файла index.html к пути:

Наш путь готов, давайте вставим его в файл file.html:

Мой второй HTML-документ
Мой второй HTML-документ

Ссылка на первый документ

Теперь вы можете переходить с одной страницы на другую и обратно. Посмотрите как меняются URL в браузере с одного на другой.

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

Абсолютные пути

Абсолютные пути используются на сайтах в Интернете. Например в друпале все страницы сайта загружаются из одного файла index.php, поэтому когда мы пишем / то мы указываем путь от файла index.php. Если мы указываем абсолютный путь на своем компьютере в index.html, то путь начинается с корневого каталога вашего диска. Мы можем также указывать на сайте относительные ссылки, но абсолютные ссылки гораздо удобнее. Дело в том что при переносе папки, файла ваши пути поломаются если они указаны относительно, например вы переместили файл в каталог, то все пути должны стать на ../ длиннее. В этом отношении абсолютные пути удобнее.

Абсолютные пути начинаются с / или с имени сайта например https://drupalbook.org/ru/ . И так и так браузер поймет что мы имеем в виду. Абсолютные пути имееют следующий вид:

И если мы хотим из файлов index.html и file.html сделать ссылку на file2.html, то они будут выглядеть одинаково, несмотря на то что находятся в разных папка:

Как я писал выше этот код будет работать как в index.html, так и в file.html и даже в file2.html можно написать эту ссылку которая ссылается на свой же документ.

Атрибут target

Атрибут target очень важный, он часто нужен когда ссылка ведет на другой сайт с вашего сайта. Этот атрибут позволяет задать как будет открываться сайт по вашей ссылке:

_blank — в новом окне или вкладке;

_self — в том же окне где и ссылка;

_parent — в родительском фрейме (использование фреймов считается устаревшим, на их смену пришел AJAX);

_top — отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то это значение работает как _self .

Пожалуй нам нужен будет только значение _blank, так как _self используется по умолчанию и его можно не писать.

Атрибут rel

Атрибут rel показывает отношение (relation — отношение) между текущим документом и тем документом на который указывает ссылка. Наиболее часто используется rel=»nofollow», который закрывает от индексации Google, Yandex эти ссылки. Например если вы ставите ссылку на сторонний сайт, то лучше ее закрыть через rel=»nofollow» и поставить target=»_blank».

Читать:
Как перевести pdf в html формат

Добавляем ссылку HTML

Страница о полярном волке

Добавляем ссылку в HTML-документ

Снежный барс

Полярный волк

HTML Ссылки

HTML Ссылки — Гиперссылки

HTML Ссылки — синтаксис

HTML Ссылки — атрибут target

Абсолютные и относительные ссылки

Абсолютные URLы

Относительные URLы

HTML Ссылки — использование изображения в качестве ссылки

Ссылка на адрес электронной почты

Кнопка как ссылка

Названия ссылок

Подробнее об абсолютных и относительных URL-адресах

Краткое содержание главы

HTML Упражнения

HTML Ссылки теги

Сообщить об ошибке

Ваше предложение:

Спасибо Вам за то, что помогаете!

Стандартные ссылки

Стандартные ссылки

Стандартные ссылки

Графические ссылки

Создание графической карты ссылок

HTML первые шаги — урок 4 — Ссылки (гиперссылки)

Мой второй HTML-документ

Мой первый HTML-документ

Относительные пути

Мой первый HTML-документ

Мой второй HTML-документ

Абсолютные пути

Атрибут target

Атрибут rel

Похожие записи