Javascript Erstelle Ein Element Mit Href

| | | | | | | | |

Mit einem HTML-Hyperlink k√∂nnen Sie zu einer anderen Seite navigieren. Ein -Tag definiert einen Anker. Die "href‚" -Attribut gibt den Ort an, zu dem ein Benutzer weitergeleitet wird, wenn er auf den Link klickt. Zwischen den und Schlie√üen von Tags ist der Ankertext, der dem Benutzer angezeigt wird.

Wenn Sie eine Webseite erstellen, möchten Sie möglicherweise auf eine andere Webseite oder Website verweisen. Sie erstellen beispielsweise einen Blog und möchten auf einen Artikel verlinken, den Sie fur relevant halten.

Hyperlinks oder Links werden verwendet, um eine Webseite mit einer anderen zu verbinden und ermöglichen es Benutzern, schnell zwischen mehreren Webseiten zu wechseln. Hyperlinks können verwendet werden, um auf andere Seiten Ihrer eigenen Website oder auf Seiten anderer Websites zu verlinken.

In diesem Handbuch werden wir die Grundlagen der Hyperlinks in HTML. Wir sprechen uber das Festlegen von Zielen fur Links, das Erstellen von Ankern fur Lesezeichen und das Verknupfen mit E-Mail-Adressen und Webelementen.

HTML-Hyperlink

Ein HTML-Hyperlink verweist auf eine andere Webressource . Ein Hyperlink wird zwischen einem -Tag und ein schließendes Schild. Der Text zwischen diesen beiden Tags fuhrt einen Benutzer zu der verlinkten Webressource, wenn auf den Link geklickt wird.

Hyperlinks werden mithilfe der . erstellt Schild. Hier ist die Syntax fur einen Hyperlink in einer HTML-Datei:

Der Text zwischen unseren Tags verlinkt auf die URL, die Wir geben in unserem Eröffnungs-Tag an. Wir verwenden das Attribut href, um das Ziel der URL auszuwählen. Dies kann eine absolute URL oder ein absoluter Link wie https://python.engineering oder eine URL relativ zu einer Stelle auf unserer Website sein.

Hier ist ein Beispiel fur einen Link, der auf die Webadresse der Python.Engineering-Startseite verweist:

HTML-Hyperlink-Tag-Typen

Es können drei Arten von Links angezeigt werden in einem Browser. Diese sind wie folgt:

Einige Websites uberschreiben diese Farben, was bedeutet, dass sie anders erscheinen, aber das sind die Haupttypen von Links, die Sie in HTML gestalten können.

Hyperlink HTML: Ziele

Sie können ändern, wie ein Link geöffnet wird. Angenommen, Sie möchten, dass ein Link in einem neuen Tab im Webbrowser des Benutzers geöffnet wird. Dadurch wird sichergestellt, dass der Benutzer seinen Platz auf der Webseite, die er gerade betrachtet, nicht verliert.

Hier kommt das Link-Attribut targetHTML ins Spiel. Durch Verwendung des Links target-Attribut können Sie angeben, wo der Browser die Ressource öffnen soll, auf die Sie verlinkt haben.

Es gibt vier Arten von Zielen, die Sie verwenden können:

Hier ist ein Beispiel fur einige dieser Links in Aktion:

Hyperlink-HTML: Lesezeichen-Anker

Hyperlinks in HTML können auch auf einen bestimmten Teil eines HTML-Dokuments verweisen. Dies ist nutzlich, wenn Sie eine lange Webseite haben und einen Benutzer zu einer bestimmten Stelle im Text leiten möchten.

Bevor Sie mit der Verwendung von Lesezeichenankern beginnen, mussen Sie zunächst ein ID-Attribut fur das Element definieren, in dem Sie möchten, dass der Benutzer geht. Hier ein Beispiel fur die Deklaration eines ID-Attributs in einem Titel einer Webseite:

Wir haben dem HTML-Heading-Tag die ID subtitle3 gegeben, mit der wir dann darauf verweisen können einen Hyperlink.

Hier ist ein Beispiel fur einen Hyperlink, der auf diese √úberschrift verweist:

Anstatt eine URL in unserer href anzugeben -Tag geben wir die ID des Elements an, auf das wir verlinken möchten. Wir fugen vor dieser ID (#) ein Rautezeichen hinzu, damit der Browser weiß, dass sich das verlinkte Dokument auf unserer Webseite befindet.

HTML-Anker-Tag

Ein HTML-Anker-Tag bezieht sich auf das Tag. Dieses Tag verknupft einen Benutzer mit einer anderen Webressource. Die "href‚" -Attribut definiert die Ressource, zu der ein Benutzer weitergeleitet wird, wenn er auf den Link klickt.

Beispiele fur HTML-Anker-Tags

Sehen Sie uns einige Beispiele fur die Verwendung von HTML -Tag.

Relative URLs

Wenn Sie auf eine Ressource in demselben HTML-Dokument verlinken, das Sie entwickeln, k√∂nnen Sie eine relative URL verwenden. Relative URLs werden auch als lokale Links bezeichnet und verwenden nicht das "https://www.sitename .com‚" Syntax. Stattdessen verweisen relative URLs auf den Dateipfad einer bestimmten Webressource auf dem lokalen Server.

Angenommen, wir erstellen einen Link auf der Python.Engineering-Website, der auf unseren Blog verweisen soll. Anstelle einer absoluten URL könnten wir eine lokale URL verwenden, da unsere Site die Python.Engineering Site ist. Hier ist der Code, den wir verwenden wurden, um diesen Link zu erstellen:

Wenn wir auf den Text Karriere-Karma-Blog klicken, werden wir zum /Blog Ressource auf unserer Website.

E-Mail-Adresse

Das Anker-Tag kann auch verwendet werden, um einen Link zu einer E-Mail-Adresse zu erstellen. Wenn auf einen Link zu einer E-Mail-Adresse geklickt wird, wird das Standard-E-Mail-Programm des Benutzers verwendet Der Benutzer wird gefragt, ob er eine Nachricht an die von Ihnen angegebene E-Mail-Adresse senden möchte.

Um auf eine E-Mail-Adresse zu verlinken, mussen wir unseren Link mit dem mailto:-Protokoll beginnen. Hier ein Beispiel fur die Verknupfung mit einer E-Mail-Adresse in HTML:

Wenn wir auf unseren Link klicken, √∂ffnet sich unser E-Mail-Programm und fordert uns auf, eine E-Mail an "[email protected]‚".

Link zu einem Element

Das Anchor-Tag kann auf ein Element verlinken auf einer Webseite. Sie können diesen Link erstellen, indem Sie die ID des Elements angeben, auf das der Anker zeigen soll. Angenommen, wir möchten einen Link, der unseren Benutzer zur Überschrift Testuberschrift auf einer Webseite fuhrt. Wir könnten diesen Link mit dem folgenden Code erstellen:

Wenn wir auf unseren Link klicken, scrollt unsere Webseite nach unten zu dem Element mit der ID test_heading .

Schlussfolgerung

Hyperlinks können in HTML verwendet werden, um eine Webseite oder Ressource mit einer anderen zu verknupfen. Sie können Hyperlinks verwenden, um eine Verbindung zu Ressourcen auf Ihrer Website oder auf einer anderen Website herzustellen. In dieser Anleitung haben wir die Verwendung von Hyperlinks in einem HTML-Dokument beschrieben.

Mit all diesen Informationen sind Sie bereit zum Erstellen Hyperlinks in HTML wie ein Master!

Um mehr uber die Codierung in HTML zu erfahren, lesen Sie unsere HTML-Anleitung lernen.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method