Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Arbeiten mit Links | HTML-Grundlagen
HTML-Grundlagen

bookArbeiten mit Links

Links, auch als Hyperlinks bezeichnet, ermöglichen es Nutzern, zwischen Webseiten, Ressourcen und verschiedenen Kommunikationsformen zu navigieren. In HTML werden Links mit dem <a> (Anker-) Tag erstellt.

<a href="href-value">some text</a>

Das href-Attribut innerhalb des <a>-Tags gibt das Ziel des Links an. Es kann verschiedene Arten von URLs akzeptieren, darunter:

  • Absolute URLs: Geben die vollständige Adresse der verlinkten Ressource einschließlich des Protokolls an (z. B. "https://www.example.com");
  • Telefon-URLs: Ermöglichen es Nutzern, direkt aus dem Browser heraus Anrufe zu tätigen. Formatiert als "tel:phone-number". Es ist wichtig, die Ländervorwahl anzugeben und Sonderzeichen oder Leerzeichen aus der Telefonnummer zu entfernen (z. B. "tel:+123456789");
  • E-Mail-URLs: Ermöglichen es Nutzern, beim Anklicken eine E-Mail zu verfassen. Formatiert als "mailto:email-address". Es ist wichtig, die vollständige E-Mail-Adresse nach mailto: anzugeben (z. B. "mailto:example@example.com").

Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

  • Das <a>-Tag erstellt Hyperlinks mit unterschiedlichen Zielen;
  • Das href-Attribut gibt verschiedene URLs an, darunter absolute URLs, Telefonnummern und E-Mail-Adressen.

Weitere nützliche Attribute

Das <a>-Tag verfügt über mehrere Attribute, mit denen die Eigenschaften eines Hyperlinks festgelegt werden können. Zu den gängigen Attributen gehören:

  • target="_blank": Gibt an, wo das verlinkte Dokument geöffnet werden soll. "_blank" öffnet den Link in einem neuen Fenster oder Tab;
  • download: Gibt an, dass das Ziel beim Klicken auf den Hyperlink heruntergeladen wird. Dieses Attribut kann einen Wert haben, um den Dateinamen für das Speichern der Ressource festzulegen.

Beispiel:

index.html

index.html

copy

In diesem Beispiel:

  • Das href-Attribut gibt die URL der verlinkten Ressource an;
  • Das target-Attribut öffnet den Link in einem neuen Fenster oder Tab.

1. Wie werden Links erstellt?

2. Was gibt das Attribut href in einem <a>-Tag an?

question mark

Wie werden Links erstellt?

Select the correct answer

question mark

Was gibt das Attribut href in einem <a>-Tag an?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Suggested prompts:

Can you explain more about the `download` attribute and how it works?

What other attributes can I use with the `<a>` tag?

Can you show examples of using `mailto:` and `tel:` links?

bookArbeiten mit Links

Swipe um das Menü anzuzeigen

Links, auch als Hyperlinks bezeichnet, ermöglichen es Nutzern, zwischen Webseiten, Ressourcen und verschiedenen Kommunikationsformen zu navigieren. In HTML werden Links mit dem <a> (Anker-) Tag erstellt.

<a href="href-value">some text</a>

Das href-Attribut innerhalb des <a>-Tags gibt das Ziel des Links an. Es kann verschiedene Arten von URLs akzeptieren, darunter:

  • Absolute URLs: Geben die vollständige Adresse der verlinkten Ressource einschließlich des Protokolls an (z. B. "https://www.example.com");
  • Telefon-URLs: Ermöglichen es Nutzern, direkt aus dem Browser heraus Anrufe zu tätigen. Formatiert als "tel:phone-number". Es ist wichtig, die Ländervorwahl anzugeben und Sonderzeichen oder Leerzeichen aus der Telefonnummer zu entfernen (z. B. "tel:+123456789");
  • E-Mail-URLs: Ermöglichen es Nutzern, beim Anklicken eine E-Mail zu verfassen. Formatiert als "mailto:email-address". Es ist wichtig, die vollständige E-Mail-Adresse nach mailto: anzugeben (z. B. "mailto:example@example.com").

Beispiel:

index.html

index.html

copy

Im obigen Beispiel:

  • Das <a>-Tag erstellt Hyperlinks mit unterschiedlichen Zielen;
  • Das href-Attribut gibt verschiedene URLs an, darunter absolute URLs, Telefonnummern und E-Mail-Adressen.

Weitere nützliche Attribute

Das <a>-Tag verfügt über mehrere Attribute, mit denen die Eigenschaften eines Hyperlinks festgelegt werden können. Zu den gängigen Attributen gehören:

  • target="_blank": Gibt an, wo das verlinkte Dokument geöffnet werden soll. "_blank" öffnet den Link in einem neuen Fenster oder Tab;
  • download: Gibt an, dass das Ziel beim Klicken auf den Hyperlink heruntergeladen wird. Dieses Attribut kann einen Wert haben, um den Dateinamen für das Speichern der Ressource festzulegen.

Beispiel:

index.html

index.html

copy

In diesem Beispiel:

  • Das href-Attribut gibt die URL der verlinkten Ressource an;
  • Das target-Attribut öffnet den Link in einem neuen Fenster oder Tab.

1. Wie werden Links erstellt?

2. Was gibt das Attribut href in einem <a>-Tag an?

question mark

Wie werden Links erstellt?

Select the correct answer

question mark

Was gibt das Attribut href in einem <a>-Tag an?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 6
some-alt