HTML Text Link - HTML-Link-Farben & Wie erstelle ich ein Anker-Tag?

Inhaltsverzeichnis:

Anonim

Einführung in den HTML-Textlink

Ein HTML-Link kann ein Link oder ein Hyperlink sein. Dies wird verwendet, um auf eine andere Seite, Bild, Websites umzuleiten, es kann alles sein. Sie haben auch verwendet, um auf derselben Seite für den bestimmten Abschnitt zu navigieren. Sie haben Daten gerendert und dokumentiert, indem sie einfach darauf geklickt haben. Wir verpacken einfach unser Dokument, Bilder, URL oder Daten in Text. Es kann auch auf eine Datei, ein Objekt oder etwas auf derselben Seite oder auf einer anderen Seite verweisen, je nach Anforderung. Wenn Sie mit der Maus über den HTML-Link fahren, ändert sich der Cursor in ein anderes Symbol. Wir können im nächsten Abschnitt unseres Artikels diskutieren, wie sie funktionieren und wie sie erstellt werden. In diesem Thema lernen wir HTML Text Link kennen.

Syntax für HTML-Link

Wir können folgen, um unseren allerersten HTML-Link mit der folgenden Syntax zu erstellen. In der folgenden Syntax verwenden wir ein anderes Tag, andere Attribute und die entsprechenden Eigenschaften.

Link your corresponding text here

In der obigen Syntax verwenden wir das Anchor-Tag, um einen HTML-Link oder einen Hyperlink zu erstellen. Wir werden dieses Ankertag im Detail besprechen.

Das Ankertag ist ein Tag, über das wir unseren Text, Ausdruck oder unser Wort anhängen oder verknüpfen können, um einen externen oder internen Link zu erstellen. Durch die Verwendung von Anchor-Tags erstellen wir URLs auf unseren Seiten, mit denen Sie zu jeder anderen Seite, Website oder innerhalb desselben Abschnitts auf der Seite navigieren können.

Durch die Verwendung von Anchor-Tags haben wir viele Vorteile, die nachfolgend aufgeführt sind.

  • Organisieren: Es hilft, unsere Daten zu organisieren. Wir müssen nicht mehrere Webseiten erstellen und unsere Daten nicht in Blöcke aufteilen, um sie zu verwalten. Wir können unsere Daten einfach an einem einzigen Ort organisieren.
  • Kein Scrollen: Wenn Sie einen HTML-Link verwenden oder interne HTML-Links verwenden, brauchen Sie sich keine Gedanken über das Scrollen auf sehr langen Seiten zu machen. Klicken Sie einfach auf diesen Link, um den gewünschten Abschnitt auf derselben Seite zu finden. So ist es einfach, Daten oder Abschnitte auf der Seite zu finden.

Wie erstelle ich ein Anker-Tag?

Wie Sie in der obigen Syntax sehen können, haben wir dort so viele Dinge benutzt, dass wir uns nun genauer ansehen werden, wie man etwas erstellt und wie es funktioniert.

Grundsätzlich besteht es aus drei verschiedenen Teilen (Attribut):

  1. href Attribut
  2. Zielattribut
  3. Namensattribut

1. href-Attribut

Href-Attribut steht für Hypertext-Referenz. Angenommen, wir möchten einen Hyperlink erstellen, sodass die erste Anforderung die Dokumentadresse ist, die einer anderen Website, einer beliebigen Datei wie PDF usw. ähneln kann.

So for example : Google

In diesem http://www.google.com ist der Wert, den wir unserem href-Attribut zuweisen. Wenn wir also auf Google klicken, werden wir zum Link zur Google-Startseite weitergeleitet. Daher enthält das Attribut href die Dokumentadresse. Wir können auch unseren eigenen HTML-Link zu href erwähnen.

Beispielsweise

My page

2. Zielattribut

Das Zielattribut definiert, wie das Dokument geöffnet wird. Es gibt viele Arten und wir können sie entsprechend unseren Bedürfnissen verwenden.

  • _parent: Das angehängte Dokument wird nur im übergeordneten Frame geöffnet.
  • _blank: Öffnet das Dokument in der neuen Registerkarte oder im neuen Fenster.
  • _top: Öffnet das angehängte Dokument in einem vollständigen Fenster.
  • _self: Das Dokument wird in demselben Fenster oder derselben Registerkarte geöffnet, in der es angeklickt wurde. Standardmäßig ist dieses Ziel aktiviert. Wir können es wie folgt ändern:

Your Link text

Hier ist target = "_ blank" die Syntax für die Verwendung.

3. Namensattribut

Das name-Attribut wird verwendet, um zu einer bestimmten Stelle auf der Seite zu springen oder zu navigieren. Dies kann nützlich sein, wenn wir eine große VRU-Seite mit so vielen Inhalten haben. Dies spart dem Benutzer Zeit und Suche ohne Scrollen. Syntax unten:

or

Klicken Sie in diesem Fall einfach auf, um zum Ende der Seite zu gelangen, ohne nach unten zu scrollen.

Section

Dieser Browser identifiziert den Abschnitt, aber wir müssen (#) mit dem Namensattribut verwenden.

Link your text

Dadurch können wir intern auf den „Titel“ einer anderen Seite verweisen. Hier muss auch (#) am Ende der Adresse der Seite verwendet werden.

HTML-Link Farben

Wir können auch unseren HTML-Link mit Farben versehen. Standardmäßig haben sie drei Status für die Linkfarbe, die in allen Browsern angezeigt wird.

  • Aktiver Link: Wenn wir auf einen Link klicken, wird dieser zu einem aktiven Link mit einer unterstrichenen und roten Farbe.
  • Nicht besuchte Links: Die Standardfarbe des Browsers für nicht besuchte Links ist blau und unterstrichen.
  • Besuchte Links: Diese sind lila und unterstrichen.

Wir können unsere benutzerdefinierten Farben aber auch zum Verknüpfen bereitstellen, indem wir die folgende Syntax verwenden. Wir können diesem anderen Typ folgen, um unserem Link Farbe zu verleihen. Wir verwenden hier jedoch Inline-CSS. Wenn Sie möchten, können Sie auch externes CSS erstellen.

  • Geben Sie direkt den Namen der Farbe an.
  • Mit dem HEX-Farbcode.
  • Mit den Werten rgb () und rgba ().
  • Mit den Werten hsl und hsla ().

Red Link

Hier können wir den Farbnamen direkt in das style-Attribut eingeben. Dies ist ein Inline-CSS.

Red color code

Hier legen wir die Farbe mithilfe von Farbcodes fest. (HEX-Farbcodes)

Red color

Wir können auch RGB () -Werte verwenden, um die Farbe für unsere Links anzugeben. Wir können die Deckkraft der Farbe mit rgb () steuern.

Red color

Wir können rbg () durch rgba () ersetzen, müssen jedoch den vierten Wert für Transparenz und Undurchsichtig angeben.

Red color

Wir können auch HSL verwenden, um unseren Link zu färben. HSL steht im Grunde genommen für Farbton, Sättigung und Leichtigkeit. Wir können auch HSLA zum Festlegen der Farbe verwenden, müssen jedoch einen weiteren Parameter in hsla () angeben.

Fazit - HTML Text Link

In "Sortieren" verwenden wir das Ankertag und seine Attribute, um den Hyperlink oder den Link in HTML zu erstellen. HREF enthält die Adresse des Dokuments, das Ziel, das für die Verarbeitung des Dokuments verantwortlich ist. Wir können unseren Link auch mit Inline- oder externem CSS einfärben.

Empfohlene Artikel

Dies ist eine Anleitung zu HTML Text Link. Hier wird erläutert, wie Sie ein Ankertag mit den HTML-Link-Farben und der Syntax für HTML-Links erstellen. Sie können sich auch die folgenden Artikel ansehen, um mehr zu erfahren -

  1. HTML-Texteditoren
  2. Bildlink in HTML
  3. HTML-Formularsteuerelemente
  4. Versionen von HTML
  5. HTML-Frames
  6. HTML-Blöcke
  7. Stellen Sie eine Hintergrundfarbe in HTML mit Beispiel ein