HTML текстове посилання - Кольори HTML-посилань та як створити тег прив’язки?

Зміст:

Anonim

Вступ до текстового посилання 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. цільовий атрибут

Цільовий атрибут визначає, як відкриється документ. Він має багато типів, і ми можемо використовувати їх відповідно до наших потреб.

  • _parent: Він просто відкриває доданий документ у батьківський кадр.
  • _blank: Він відкриває документ у новій вкладці чи вікні.
  • _top: Він відкриває доданий документ у повному вікні.
  • _self: він відкриває документ у тому ж вікні або на тій же вкладці, на якій його клацають. Ця ціль за замовчуванням увімкнена. Ми можемо змінити його як нижче:

Your Link text

Тут target = ”_ blank” - це синтаксис його використання.

3. атрибут імені

Атрибут імені використовується для переходу або навігації до певної точки сторінки, це може бути корисно, коли у нас є велика сторінка VRU з такою кількістю вмісту. Це допомагає заощадити пошук та час користувача без прокрутки. Синтаксис нижче:

or

У цьому електронному просто натисніть, щоб перейти до кінця сторінки, не прокручуючи вниз.

Section

Цей браузер ідентифікує розділ, але нам потрібно використовувати (#) з атрибутом name.

Link your text

Цим ми можемо посилатися на "заголовок" якоїсь іншої сторінки внутрішньо. Тут також (#) потрібно використовувати в кінці адреси сторінки.

HTML Кольори

Ми також можемо надати кольори нашому HTML-посиланні. За замовчуванням вони мають три стани для кольору посилань, що з’явиться у всіх браузерах.

  • Активне посилання: Коли ми натискаємо будь-яке посилання, воно стає активним посиланням з підкресленим та червоним кольором.
  • Невідомі посилання: Стандартний колір браузера за замовчуванням для невізованих посилань - синій та підкреслений.
  • Відвідані посилання: Це фіолетові та підкреслені.

Але ми також можемо надати свої власні кольори для посилання за допомогою синтаксису нижче. Ми можемо дотримуватися цього іншого типу, щоб надати колір нашому посиланню. Але ми використовуємо вбудований CSS тут, якщо хочете, ви також можете створити зовнішній CSS.

  • Безпосередньо вкажіть назву кольору.
  • За допомогою коду кольору HEX.
  • Використовуючи значення rgb () та rgba ().
  • Використовуючи значення hsl та hsla ().

Red Link

У цьому ми можемо безпосередньо вказати ім'я кольору в атрибут стилю. Це вбудований CSS.

Red color code

Тут ми визначаємо колір за допомогою кольорових кодів. (HEX-коди кольорів)

Red color

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

Red color

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

Red color

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

Висновок - HTML текстове посилання

Тож у сортуванні ми використовуємо тег якоря та його атрибути для створення гіперпосилання або посилання в HTML. HREF містить адресу документа, ціль якого відповідає за обробку документа. Ми також можемо забарвити наше посилання за допомогою вбудованого або зовнішнього CSS.

Рекомендовані статті

Це посібник з текстового посилання HTML. Тут ми обговорюємо, як створити тег прив’язки за допомогою кольорів HTML Link та синтаксис для HTML посилання. Ви також можете переглянути наступні статті, щоб дізнатися більше -

  1. Текстові редактори HTML
  2. Посилання на зображення в HTML
  3. Контрольні форми HTML
  4. Версії Html
  5. HTML Frames
  6. HTML-блоки
  7. Встановіть Колір фону в HTML із прикладом