Введение в HTML текстовую ссылку

HTML-ссылка может быть ссылкой или гиперссылкой. Это используется для перенаправления на другую страницу, изображение, веб-сайты, это может быть что угодно. Они также использовали для навигации на той же странице для конкретного раздела. Они использовали для визуализации данных, документа, просто нажав на них. Мы просто оборачиваем наш документ, изображения, URL или данные внутри текста. Он также может указывать на файл, объект или что-либо на той же странице или на другой странице, в зависимости от требования. Когда мы наводим указатель мыши на ссылку HTML, он меняет курсор на другой значок. Мы можем обсудить, как они работают и как их создать, в следующем разделе нашей статьи. В этой теме мы узнаем о HTML Text Link.

Синтаксис для HTML-ссылки

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

Link your corresponding text here

В приведенном выше синтаксисе мы используем тег привязки для создания HTML-ссылки или гиперссылки. Мы обсудим этот якорный тег подробно.

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

При использовании тега привязки у нас есть много преимуществ, которые упомянуты ниже.

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

Как создать якорный тег?

Как вы можете видеть в приведенном выше синтаксисе, мы использовали очень много вещей, теперь мы более подробно рассмотрим, как создавать и как это работает.

В основном это состоит из трех различных частей (атрибут):

  1. атрибут href
  2. целевой атрибут
  3. атрибут имени

1. атрибут href

Атрибут Href обозначает гипертекстовую ссылку. Предположим, мы хотим создать гиперссылку, поэтому первое требование - это адрес документа, который может быть любым, например, другим веб-сайтом, любым файлом, например, PDF и т. Д.

So for example : Google

В этом http://www.google.com есть значение, которое мы присваиваем нашему атрибуту href. Поэтому, когда мы нажимаем на Google, он перенаправляет нас на главную страницу Google. Следовательно, атрибут href содержит адрес документа. Мы также можем упомянуть нашу собственную HTML-ссылку на href.

Например

My page

2. целевой атрибут

Атрибут target определяет способ открытия документа. У этого есть много типов, и мы можем использовать их согласно нашим потребностям.

  • _parent: он просто открывает вложенный документ в родительском фрейме.
  • _blank: открывает документ в новой вкладке или окне.
  • _top: открывает вложенный документ в полном окне.
  • _self: открывает документ в том же окне или на той же вкладке, в которой он был нажат. По умолчанию эта цель включена. Мы можем изменить его, как показано ниже:

Your Link text

Здесь target = ”_ blank” - это синтаксис его использования.

3. имя атрибута

Атрибут name используется для перехода или перехода к некоторой точке на странице, это может быть полезно, когда у нас есть большая страница VRU с таким большим количеством содержимого. Это помогает сэкономить пользователям и время без прокрутки. Синтаксис ниже:

or

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

Section

Этот браузер идентифицирует раздел, но нам нужно использовать (#) с атрибутом name.

Link your text

Этим мы можем ссылаться на «заголовок» какой-то другой страницы внутри страны. Здесь также (#) необходимо использовать в конце адреса страницы.

HTML ссылка Цвета

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

  • Активная ссылка: когда мы нажимаем на любую ссылку, она становится активной ссылкой с подчеркнутым красным цветом.
  • Непосещенные ссылки: Стандартный цвет браузера по умолчанию для непосещенных ссылок - синий и подчеркнут.
  • Посещенные ссылки: они фиолетового цвета и подчеркнуты.

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

  • Непосредственно укажите название цвета.
  • Используя код цвета HEX.
  • Используя значения rgb () и rgba ().
  • Используя значения hsl и hsla ().

Red Link

В этом мы можем напрямую указать имя цвета в атрибуте style. Это встроенный CSS.

Red color code

Здесь мы определяем цвет с помощью цветовых кодов. (HEX цветовые коды)

Red color

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

Red color

Мы можем заменить rbg () на rgba (), но нам нужно указать четвертое значение для прозрачности и непрозрачности.

Red color

Мы также можем использовать HSL т цвет нашей ссылки. HSL в основном означает оттенок, насыщенность и легкость. Мы также можем использовать HSLA для определения цвета, но нам нужно предоставить еще один параметр в hsla ().

Вывод - текстовая ссылка HTML

Поэтому в Sort мы используем тег привязки и его атрибуты для создания гиперссылки или ссылки в HTML. HREF содержит адрес документа, цель которого отвечает за обработку документа. Мы также можем раскрасить нашу ссылку, используя встроенный или внешний CSS.

Рекомендуемые статьи

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

  1. Текстовые редакторы HTML
  2. Ссылка на изображение в HTML
  3. Элементы управления HTML-формы
  4. Версии HTML
  5. HTML-фреймы
  6. HTML блоки
  7. Установить цвет фона в HTML с примером

Категория:

Инструменты веб-разработки