Как сделать ссылку в HTML — урок и пример создания гиперссылок

Простые ссылки

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

В языке HTML для создания ссылок используется тег и его атрибуты.

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

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

href — атрибут тега , значением которого и будет адрес ссылки. Ссылаетесь ли вы на сайт, веб-страницу или файл — не важно, отличаться будет только значение этого атрибута.

Теперь рассмотрим строку HTML-кода:

Ссылка

Вся строка создаёт ссылку, ведущую на главную страницу нашего сайта и называющуюся «Ссылка». В действии код будет выглядеть так:

Ссылка

Теперь рассмотрим каждый элемент строки.

— это тег, отвечающий за создание ссылки.

— закрывающий тег.

Между символами > и < расположен текст Ссылка. Его будет видеть открывший страницу пользователь, на него он будет щёлкать, чтобы перейти по заданному в ней адресу.

href=”http:»//»seostop.ru” — атрибут и значение, благодаря которым обозреватель понимает, куда следует перейти.

Ссылка в HTML — адреса относительно корня сайта

Это относится к URL-адресу ссылки HTML, в котором определен путь относительно корня домена.

Например, если мы хотим ссылаться на URL-адрес https:»//»www.quackit.com/html/tutorial/, а текущее местоположение — https:»//»www.quackit.com/html/, нужно использовать следующую ссылку:

HTML Tutorial

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

Как прикрепить ссылку в HTML?

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

Ссылка в HTML — цели

Также можно определить, где будет открыт URL-адрес: в новом окне или в текущем. Это можно сделать с помощью атрибута target. Например, target = «_ blank» открывает URL в новом окне.

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

_blank: открывает ссылку в новом окне HTML. _self: загружает URL-адрес в текущем окне. _parent: загружает URL-адрес в родительский фрейм (все также в текущем окне браузера). Применимо только при использовании фреймов. _top: загружает URL-адрес в текущем окне браузера, но отменяет другие фреймы. Как сделать красивый шрифт в html: размеры, цвета, теги шрифтов html

Пример:

Quackit

Посмотреть пример

Использование гиперссылок для создания якорей на странице

Элемент «a» может использоваться и в качестве гиперссылки для перехода внутри страницы. Для этого в нужном месте документа необходимо создать якорь (от англ. anchor), т.е. закладку, и указать ее в качестве цели в гиперссылке. Создается якорь при помощи пустого элемента «a», в открывающем теге которого указывается атрибут id. В качестве якоря можно также использовать и требуемый элемент разметки, к которому в дальнейшем будет вести внутренняя гиперссылка. Для этого нужно просто указать в нем атрибут id. Далее в атрибуте href самой гиперссылки в качестве значения указывается символ решетки # и значение атрибута id якоря. Чтобы стало понятнее, рассмотрим все на примере №2.

HTMLРезультат htmlCodes

Я – первый абзац.

Посмотреть таблицу атрибутов HTML 5 можно

на официальном сайте здесь.

Страница откроется в новом окне и будет

прокручена до таблицы с атрибутами.

Перейти к первому абзацу можно здесь.

Пример №2. Использование внутренних гиперссылок

Обратите внимание на наличие якоря в абсолютном адресе, указанном в качестве значения атрибута href во втором абзаце примера. При использовании такой гиперссылки, браузер сначала перейдет по указанному адресу, а затем прокрутит страницу до места расположения указанного якоря. Если якоря на странице не окажется, страница будет показана с самого начала.

Советы и рекомендации

Есть несколько рекомендаций, которым нужно следовать для создания хороших и «красивых» гиперссылок на другую страницу в html. Они относятся не только к оформлению, но и к их количеству и местоположению. Так, можно выделить следующие советы:

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

2. Не рекомендуется делать кнопки в виде картинки. Это достаточно простой способ для создания внешней ссылки. Однако, она может иметь пустое пространство. Тогда, пользователь будет перенаправлен на другую станицу при нажатии рядом с этой кнопкой. Это не совсем удобно.

3. Не нужно добавлять очень много ссылок. Особенно это относится к тексту, в котором небольшое количество полезной информации.

4. Заголовок должен быть понятным. Текст, который станет названием гиперссылки или анкор не должен выбиваться из остальной информации по смыслу.

  Что такое кодирование и декодирование информации На главную « Примечание в Ворде – как вставить, убрать или редактироватьPrevious Post: Что делать, если Эксель не считает или неверно считает сумму »Next Post:

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

Абсолютная ссылка — это ссылка, адрес которой указывается полностью, включая протокол и URL домена. Ссылка из примера выше как раз была абсолютной.

Относительная ссылка — это ссылка, адрес в которой указывается относительно текущей веб-страницы.

Суть и назначение относительных ссылок, а также их отличие от абсолютных, можно объяснить простым примером. Вы спрашиваете на улице: «Где находится библиотека» и вам отвечают: «За углом слева». Это относительная ссылка. А если вам отвечают: «Россия, Москва, ул. Ленина, 5» — это уже ссылка абсолютная. Она не так коротка, как относительная, но зато очень точна. Если вы перейдёте на другую улицу, относительная ссылка «За углом слева» потеряет актуальность. Абсолютный же адрес останется актуальным. В Сети — то же самое.

Относительные ссылки можно использовать внутри сайта. Например, у вас на сервере (адрес сайта test1.ru) в одной и той же папке (пусть она будет называться pages) лежат две страницы: page1.html и page2.html. Со страницы page1.html вы хотите сослаться на документ page2.html.

Абсолютная ссылка будет выглядеть так:

Текст ссылки

Относительная будет такой:

Текст ссылки

Папка верхнего уровня обозначается как (..). Например, если со страницы page1.html вам надо сослаться на файл home.html, который лежит в корне сайта, ссылка будет выглядеть так:

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

Чтобы сделать ссылку словом на какую-либо страницу сайта, нам потребуется использовать язык гипертекстовой разметки. Посмотрите примеры ссылок:

обычная ссылка пишется так: обычная ссылка

Где вместо знака #, нужно вписать адрес сайта или страницы. Так же, к ссылке мы можем добавить всплывающую подсказку (наведите мышкой):

ссылка с подсказкой: ссылка с подсказкой

Как мы можем заметить, к коду обычной ссылки добавился параметр title=»», таких параметров может быть несколько и каждый выполняет свою функцию. Список таких параметров и их функции Вы найдете чуть ниже…

Как сделать ссылку, чтобы она открывалась в новом окне? Добавим еще один параметр, который сделает это возможным… Код будет следующим:

ссылка в новом окне: ссылка в новом окне

Как сделать картинку ссылкой, да и любой другой объект сайта? Мы просто берем и оборачиваем этот объект в теги Кстати, чтобы посмотреть ссылку в виде кода на любом сайте, надо набрать комбинацию «Ctrl+U», либо, в любом пустом месте нажмите правой кнопкой мышки и ищите что-то вроде: «Исходный код страницы» или «Посмотреть источник»… Далее ищите тег

[/sociallocker]

Что такое ссылки: Что такое ссылки

[sociallocker]

Теперь делаем якорь на него (нажмите и зацените):

==== Что такое ссылки? ====

А как сделать ссылку закладку (якорь) в этой статье? И тут нет ничего сложного! Сперва добавим тег к перемещаемому элементу:

Все довольно просто, не правда ли?!

, смотрим пример:

Основные параметры и функции к ссылкам

title=»» — добавляет всплывающую подсказку

href=»» — адрес куда ссылается ссылка

rel=»» — индексирование поисковыми роботами

target=»» — поведение открытия: _blank — новое окно), _self — то же окно (по умолчанию)

 — использование стилей посредством CSS.

Немного теории для начинающих SEO-шников

Каждый отдельный линк одновременно обладает разными свойствами и качествами. Например, ссылка одновременно может быть внешней и безанкорной, что не противоречит друг другу. О том, какую классификацию можно применить к линкам, и пойдет речь далее.

Месторасположение ссылок на сайте

Прежде всего, мы можем провести деление ссылок по способам их размещения на странице. Разберем типичные варианты.

• Внутри текста. Данный тип размещения является оптимальным при продвижении акцепторских проектов. Позиция линка внутри текста зовется «контекстной» и вызывает наименьшие подозрения у поисковых систем.
• За текстом. Размещение линка за полем основного контента – один из самых подозрительных способов вставки. С другой стороны, это оптимальный вариант размещения для большинства внутренних ссылок.
• За другим объектом. Любой объект может использоваться в качестве ссылки. На этом принципе выстроена навигация многих площадок. Подобное позиционирование активно используется в продвижении сайта, в рекламе.
• Скрытое размещение. Если линк предназначен исключительно для поисковых роботов, он может вовсе не отображаться на страницах ресурса. Для сокрытия фрагментов кода используются средства CSS, особые шрифты, слои и элементы дизайна. Скрытые линки вызывают максимальные подозрения у поисковиков и создают нежелательные риски для донора и акцептора.
  

  Классификация или куда ведут ссылки

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

1. Внешние ссылки на сайты (исходящие). Уводят за пределы донорского ресурса, указывают на сторонние веб-проекты. Используются во внешней SEO оптимизации.

2. Внутренние линки. Активно применяются для навигации внутри проекта, для реализации перелинковки (ссылочной связи) страниц. Используются во внутренней SEO оптимизации.

3. Ссылки между метками документа (якоря). Данный тип линка работает внутри отдельной страницы веб-сайта и обеспечивает быстрое перемещение между метками внутри одной публикации.

4. Через редирект сайта. Особый тип линка, совмещающий и внешние и внутренние качества. Такая ссылка уводит на внешний ресурс, но делает это не очевидно, через специальные программные решения.

Как сделать ссылку анкорную или безанкорную

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

1. Анкорная ссылка. Если линк в своей структуре содержит полноценный «якорный» текст (ключевые слова или осмысленные фразы), он считается анкорным.

2. Безанкорная ссылка. Тип линка, внутри которого полноценный ключевой текст заменяется адресом URL, другим объектом или бессмысленным «стоп-словом» вроде «тут», «далее», «источник».

Возможность индексации поисковыми роботами

Следующее деление сообщает нам, как линк будет восприниматься поисковыми роботами, как он будет работать. Итак, ссылка может быть:

• активной — открытый и прямой линк, свободно индексируемый поисковиками;
• текстовой — простое текстовое упоминание адреса или названия сайта;
• закрытой — для закрытия линка от индексации могут применяться специальные теги, например rel=»nofollow», либо настройки файла robots.txt или специальные программные решения. Например в этой статье я писал как скрыть ссылку скриптом.
  

  Естественность

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

1. Естественный линк. Появляется без участия оптимизатора и является бесплатным.

2. Искусственная ссылка. Возникает благодаря прямым или косвенным усилиям оптимизатора. Может быть и платной и бесплатной.

Сколько живут ссылки?

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

Ссылки также бывают полезными и вредными, трафиковыми и нулевыми, действующие и «битые ссылки», полными и сокращенными. Все линки работают по-разному, по-разному влияют на продвижение, по-разному воспринимаются людьми и поисковыми роботами.

Как сделать рабочую ссылку в HTML?

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

сделать активную гиперссылку, нужно добавить к нему атрибут href .

Размещение файлов на сайте для скачивания

С выходом HTML 5 тег >

Если использовать только HTML, то единственный вариант, который позволит посетителям скачать, а не открыть, с вашего сайта, например, текстовый файл, это поместить его предварительно в архив (заархивировать файл). Алгоритм работы любого браузера такой, что если он не может открыть файл (не поддерживает формат), то он предлагает скачать / скачивает файл.

Нет

Нет

Обращаю Ваше внимание, что к сожалению, в настоящее время еще не все браузеры поддерживают применение этого атрибута:

Содержимое элемента

обзавелся таким новым атрибутом как download

Создание ссылки в WordPress

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

Как сделать ссылку на свой сайт в HTML? Ответы пользователей

Отвечает Сергей Киселёв

Используйте элемент

· Использование атрибута target для определения места …ссылки · Используйте атрибут href для определения адреса ссылки для определения

Отвечает Денис Пачкай

В любом коде (HTML или JavaScript) она отображается в следующем виде: Как сделать ссылку на … Как сделать ссылку на свой сайт с открытием в новом окне?

Отвечает Марк Гизатулин

На настоящем веб-сайте index.html был бы нашей домашней, … Мы должны сделать наши ссылки доступными для всех читателей, независимо от их …

Отвечает Александр Нижегородцев

Как сделать гиперссылки на сайте. Содержание: 1. Структура ссылки; 2. Абсолютный и относительный путь; 3. Якорь; 4. Как сделать изображение- …

Отвечает Катерина Чекулина

Как вставить ссылку в HTML … Обратите внимание на параметр href. В каждой из ссылок он включает в себя адрес — местонахождение той страницы (ее …

Отвечает Милена Ярусова

Создание ссылки с помощью HTML-тегов · Сначала пишем слово, на котором будет стоять ссылка, и заключаем его в теги a (открывающий тег) и /a (закрывающий тег), · В …

Отвечает Макс Гусев

html. Именно файл с таким названием на Вашем сайте будет искать программа робот, когда человек введет имя Вашего сайта. Так как страница index.html будет …

Отвечает Александр Назаров

Как сделать ссылку на сайт

Атрибут target

Атрибут target используется для того, чтобы указать браузеру, где необходимо открыть веб страницу. Следующий пример открывает документ в новом окне браузера:

Поиск

Ниже представлены все значения этого атрибута:

АтрибутЗначение

_blank

Загружает страницу в новое окно браузера.

Загружает страницу в текущее окно. Это значение по умолчанию.

_parent

Загружает страницу во фрейм-родитель, если фреймов нет, то это значение работает как _self.

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

framename

Открывает ссылку в указанном фрейме.

Работа с фреймами будет рассмотрена позднее в статье учебника «HTML фреймы».

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

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

При этом при клике на картинку будет осуществлён переход по указанной ссылке:

Ссылка в HTML — базовый href

Можно задать URL-адрес по умолчанию, с которого будут начинаться все ссылки HTML на странице. Для этого поместите тег base (вместе с атрибутом href) в элемент

Посмотреть пример

МЛ Мария Логутенко автор-переводчик статьи «HTML Links: How to create Links to other Web Pages»

Пожалуйста, оставьте ваши мнения по текущей теме материала. За комментарии, подписки, дизлайки, лайки, отклики низкий вам поклон!

Относительные гиперссылки и построение относительной адресации

В заключение пункта рассмотрим принцип построения относительных адресов. Пусть наша гиперссылка находится в документе, расположенном на сервере по адресу https:»//»site.name/doc_1/doc_2/ … /doc_n/web_page.html, где doc_n – папка n-го уровня вложенности. В этом случае папка doc_n, в которой находится наш документ с гиперссылкой, автоматически принимается за основу, относительно которой и строится вся адресация. Итак:

• Если нужно, чтобы ссылка вела на целевой документ new_page.html, расположенный в той же папке doc_n, что и наш исходный документ с гиперссылкой, то в качестве значения атрибута href ссылки нужно просто задать имя целевого документа: href=»new_page.html».
• Для перехода к целевому документу new_page.html, расположенному в папке https:»//»site.name/doc_1/doc_2/ … /doc_n/doc_n_1/ … doc_n_k/, значение атрибута href ссылки должно включать только папки, вложенные в doc_n, и, конечно же, имя целевого документа: href=»doc_n_1/ … doc_n_k/new_page.html». Таким образом, мы указываем браузеру, что он должен зайти в папку doc_n_1, расположенную в папке doc_n с исходным документом, в котором прописана гиперссылка, затем в папку doc_n_2 и так далее, пока не попадет в папку doc_n_k с находящимся там целевым документом, который он и должен открыть.
• Чтобы попасть в папку на уровень выше исходной, используется специальная комбинация символов ../. Для перехода на n уровней вверх нужно записать комбинацию ../ n раз подряд. Так в нашем случае, чтобы перейти по ссылке к целевому документу https:»//»site.name/doc_1/doc_2/ … /doc_n-3/new_page.html атрибут href ссылки должен иметь значение «../../../new_page.html». Тем самым мы сообщаем браузеру, что он должен подняться в папку doc_n-1, затем doc_n-2 и doc_n-3, после чего открыть находящийся там целевой документ new_page.html.
• Если же необходимо не просто подняться на несколько уровней вверх, но и зайти там в папку (или несколько вложенных папок), для получения доступа к целевому документу, то в значении атрибута href ссылки сперва нужно прописать требуемое количество уровней поднятия вверх при помощи символов ../, а затем дописать путь из полученной папки к целевому документу. Например, если целевой документ расположен в папке new_doc и адресный путь к нему имеет вид https:»//»site.name/doc_1/doc_2/ … /doc_n-3/new_doc/new_page.html, то атрибут href ссылки должен иметь значение «../../../new_doc/new_page.html». Т.е. мы указываем браузеру, что он должен подняться на три уровня вверх относительно исходной папки doc_n, в которой находится документ с гиперссылкой, а затем зайти в папку new_doc и открыть целевой документ new_page.html
  В качестве примера вы можете скачать учебный минисайт, построенный полностью на основе относительной адресации. После просмотра поэкспериментируйте, изменяя и создавая новые ссылки, папки и страницы.

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

Если необходимо начать отсчет относительного пути от корня сайта, в начале пути следует прописать слеш /. Например, ссылка Домой указывает на документ, который находится в корневой папке сайта (а не в текущей!). Следует иметь в виду, что отсчет от корня сайта работает только под управлением реального веб-сервера. На локальном сервере, например, Xampp, отсчет нужно начинать с имени корневой папки.

Ссылка в HTML — ссылки на электронную почту

Также можно создать гиперссылку на адрес электронной почты. Для этого используйте атрибут mailto в теге ссылки:

Email King Kong

Посмотреть пример

Нажатие на эту ссылку приведет к открытию вашего почтового клиента по умолчанию с уже заполненным адресом электронной почты получателя.

Можно автоматически заполнить строку темы для своих пользователей, и даже тело письма. Это делается путем добавления параметров subject и body к адресу электронной почты.

Email King Kong

Посмотреть пример

Виды ссылок

Гиперссылки в html имеют несколько разновидностей. В связи с этим, их делят на категории:

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

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

3. Анкорные. Гиперссылки, которые содержат якорь.

4. Безанкорные. На сайте они представляют собой адрес в виде текста.

5. Текстовые. Представлены как текст.

6. Картинки, кнопки, баннеры. Выглядят, в соответствии с названием.

  Зачем используется туннельный адаптер Microsoft Teredo

Атрибут download гиперссылки

В HTML 5 был введен еще один полезный атрибут download, который не принимает значений, а служит индикатором того, что браузер не совершит переход по ссылке, а предложит закачать файл, указанный в атрибуте href в качестве значения.

Также в элементе «a» могут использоваться атрибуты rel, hreflang и type. Мы их использовать скорее всего не будем. Однако, если информация о них все таки понадобится, то можно обратиться к нашему справочнику здесь.

Рассмотрим применение гиперссылок на примере №1.

HTMLРезультат htmlCodes

Посмотреть спецификацию HTML 5 можно здесь.

Страница откроется в новом окне.

А скачать учебный минисайт по адресации можно здесь.

Пример №1. Использование гиперссылок

Внутренние ссылки

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

Чтобы на разделы страницы ссылаться, их надо как-то идентифицировать. Для этой цели используется якорь — специальное имя раздела, которое нужно будет задать в качестве значения атрибуту href, чтобы на раздел сослаться. Идентификатор должен быть уникальным (то есть на одной странице не должно быть двух одинаковых якорей) и состоять из букв латинского алфавита.

Имя якоря указывается в атрибуте id любого HTML-тега.

Например, внизу HTML-документа вы хотите разместить ссылку «Вверх», которая будет вести к его началу — заголовку «Начало страницы». Для этого вам нужно поставить в начале страницы якорь, а внизу страницы — ссылку на него.

Пусть якорь будет называться begin. Тогда в тег, к содержимому которого будет вести ссылка, нужно добавить атрибут id со значением begin.

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

Наверх

Обратите внимание: перед названием якоря стоит решётка — это отличительная черта внутренних ссылок.

Ссылка в HTML — ссылки перехода

Можно сделать ссылки, которые будут направлять в другие разделы в переделах одной страницы (или другой).

Вот как создается ссылка в HTML на эту же страницу:

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

Elephants

• Создайте гиперссылку
  Теперь создайте гиперссылку. Это делается с помощью идентификатора цели ссылки, которому предшествует символ хэша (#):

Jump to Elephants

Приведенные выше фрагменты кода размещены в разных частях документа. Получается примерно следующее:

Example

Jump to Elephants

Cats

All about cats.

Dogs

All about dogs.

Birds

All about birds.

Elephants

All about elephants.

Monkeys

All about monkeys.

Snakes

All about snakes.

Rats

All about rats.

Fish

All about fish.

Buffalo

All about buffalo.

Основы работы с цветом в html, таблица и коды цветов html

Посмотреть пример

Это необязательно должна быть одна и та же страница. Можно использовать этот метод, чтобы перейти к идентификатору любой страницы. Для этого перед тем, как вставить ссылку в HTML, добавьте целевой URL-адрес перед символом «#». Например:

Jump to Elephants

Конечно, предполагается, что на странице есть идентификатор с этим значением.

Атрибут mailto

Использование атрибута «mailto» в HTML документе позволяет создать ссылку для отправки письма:

Написать автору

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

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

Написать автору

Где:

• subject—тема письма.
• cc—копия письма.
• bcc—скрытая копия письма.
• body—тело письма.
  Допустимо указывать несколько адресов (либо не указывать вовсе):

Написать автору