Verwendung von Links
Das <a>-Tag wird verwendet, um Hyperlinks zu erstellen, die es Nutzern ermöglichen, zwischen verschiedenen Webseiten zu navigieren. Wenn ein Nutzer auf einen Link klickt, sendet der Browser eine Anfrage an den Server für die mit dem Link verbundene Seite und zeigt die Antwort auf dem Bildschirm an. Das Attribut href gibt die URL der Zielseite an.
index.html
Link-Attribute
target
Standardmäßig wird der Link im selben Browser-Tab geöffnet. Mit dem Attribut target kann dieses Verhalten angepasst werden. Um einen Link in einem neuen Tab zu öffnen, verwende target="_blank".
index.html
download
Das Attribut download kann mit dem HTML-Tag <a> verwendet werden, um anzugeben, dass die Zielressource heruntergeladen und nicht im Browser angezeigt werden soll. Wenn das Attribut download verwendet wird, fordert der Browser den Benutzer auf, die Datei unter dem angegebenen Dateinamen zu speichern. Zum Beispiel: Wenn ein Element mit folgender Funktionalität erstellt werden soll – beim Klick auf den Link lädt der Browser die Datei "myfile.pdf" von https://example.com/ herunter und fordert den Benutzer auf, sie unter dem Dateinamen myfile.pdf zu speichern.
index.html
href
Das Attribut href wird nicht nur verwendet, um zu anderen Seiten zu navigieren, sondern auch, um Links zu E-Mail-Adressen, Telefonnummern und bestimmten Abschnitten zu erstellen.
index.html
Zusätzlich kann das href-Attribut verwendet werden, um zu bestimmten Abschnitten innerhalb einer Webseite zu navigieren. Um einen Anker-Tag zu erstellen, weist man dem gewünschten Abschnitt, zu dem gescrollt werden soll, ein id-Attribut (einen eindeutigen Bezeichner) zu. Das href-Attribut erhält einen Wert, der mit dem Symbol # beginnt, gefolgt vom Wert der id.
Sehen wir uns das folgende Beispiel an, das in Form von CodeSandbox präsentiert wird. Diese Plattform ermöglicht die Überprüfung des Codes und erlaubt es, die Funktionsweise des Codes zu untersuchen.
Bitte nehmen Sie sich einen Moment Zeit, um die Funktionalität zu überprüfen, indem Sie auf die Links klicken und beobachten, wie die Live-Seite zu den jeweiligen Abschnitten scrollt. Achten Sie außerdem auf die Attribute des a-Tags und des h2-Tags.
Um den Code anzuzeigen, ziehen Sie den Schieberegler auf der linken Seite des Code-Sandkastens. Dadurch wird der vorhandene Code im Editor sichtbar.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Großartig!
Completion Rate verbessert auf 2.38Verwendung von Links
Swipe um das Menü anzuzeigen
Das <a>-Tag wird verwendet, um Hyperlinks zu erstellen, die es Nutzern ermöglichen, zwischen verschiedenen Webseiten zu navigieren. Wenn ein Nutzer auf einen Link klickt, sendet der Browser eine Anfrage an den Server für die mit dem Link verbundene Seite und zeigt die Antwort auf dem Bildschirm an. Das Attribut href gibt die URL der Zielseite an.
index.html
Link-Attribute
target
Standardmäßig wird der Link im selben Browser-Tab geöffnet. Mit dem Attribut target kann dieses Verhalten angepasst werden. Um einen Link in einem neuen Tab zu öffnen, verwende target="_blank".
index.html
download
Das Attribut download kann mit dem HTML-Tag <a> verwendet werden, um anzugeben, dass die Zielressource heruntergeladen und nicht im Browser angezeigt werden soll. Wenn das Attribut download verwendet wird, fordert der Browser den Benutzer auf, die Datei unter dem angegebenen Dateinamen zu speichern. Zum Beispiel: Wenn ein Element mit folgender Funktionalität erstellt werden soll – beim Klick auf den Link lädt der Browser die Datei "myfile.pdf" von https://example.com/ herunter und fordert den Benutzer auf, sie unter dem Dateinamen myfile.pdf zu speichern.
index.html
href
Das Attribut href wird nicht nur verwendet, um zu anderen Seiten zu navigieren, sondern auch, um Links zu E-Mail-Adressen, Telefonnummern und bestimmten Abschnitten zu erstellen.
index.html
Zusätzlich kann das href-Attribut verwendet werden, um zu bestimmten Abschnitten innerhalb einer Webseite zu navigieren. Um einen Anker-Tag zu erstellen, weist man dem gewünschten Abschnitt, zu dem gescrollt werden soll, ein id-Attribut (einen eindeutigen Bezeichner) zu. Das href-Attribut erhält einen Wert, der mit dem Symbol # beginnt, gefolgt vom Wert der id.
Sehen wir uns das folgende Beispiel an, das in Form von CodeSandbox präsentiert wird. Diese Plattform ermöglicht die Überprüfung des Codes und erlaubt es, die Funktionsweise des Codes zu untersuchen.
Bitte nehmen Sie sich einen Moment Zeit, um die Funktionalität zu überprüfen, indem Sie auf die Links klicken und beobachten, wie die Live-Seite zu den jeweiligen Abschnitten scrollt. Achten Sie außerdem auf die Attribute des a-Tags und des h2-Tags.
Um den Code anzuzeigen, ziehen Sie den Schieberegler auf der linken Seite des Code-Sandkastens. Dadurch wird der vorhandene Code im Editor sichtbar.
Danke für Ihr Feedback!
