Baidu"/> Baidu">

Heim  >  Artikel  >  Web-Frontend  >  html zu einer neuen Seite springen

html zu einer neuen Seite springen

PHPz
PHPzOriginal
2023-05-27 19:30:072934Durchsuche

HTML ist eine Auszeichnungssprache, die zum Erstellen von Webseiten verwendet wird. Eine der häufigsten Funktionen ist die Link-Funktion, mit der Benutzer nach dem Klicken auf eine andere Seite springen können. In diesem Artikel erfahren Sie, wie Sie die Link-Funktion in HTML verwenden und zu einer neuen Seite springen.

1. Verwenden Sie das Tag , um einen Link zu erstellen.

In HTML können wir das Tag verwenden, um einen Link zu erstellen. Der folgende Code erstellt beispielsweise einen Link zu einer Baidu-Webseite:

<a href="https://www.baidu.com">百度一下,你就知道</a>

wobei das href-Attribut die Ziel-URL des Links angibt und der Text innerhalb der Beschriftung der Anzeigetext des Links ist.

2. Öffnen Sie den Link auf der aktuellen Seite.

Standardmäßig wird der Link auf der aktuellen Seite geöffnet. Wenn Sie beispielsweise auf den Link oben klicken, wird die Baidu-Webseite auf der aktuellen Seite geöffnet. Wenn Sie möchten, dass der Link auf einer neuen Seite geöffnet wird, können Sie das Zielattribut verwenden.

3. Öffnen Sie den Link auf einer neuen Seite.

Um den Link auf einer neuen Seite zu öffnen, müssen Sie das Zielattribut als „_blank“ angeben, wie unten gezeigt: #🎜🎜 #

<a href="https://www.baidu.com" target="_blank">百度一下,你就知道</a>

Auf diese Weise wird durch Klicken auf den Link die Baidu-Webseite in einem neuen Browser-Tab geöffnet.

4. Link zu lokalen Dateien

In HTML können wir auch die Link-Funktion verwenden, um auf lokale Dateien zu verlinken, zum Beispiel:

<a href="images/cat.jpg">查看猫咪照片</a>

Hier verweisen wir auf den Link zu einer Bilddatei namens „cat.jpg“. Wenn der Benutzer auf den Link klickt, wird die Bilddatei auf der aktuellen Seite geöffnet.

5. Link zum Lesezeichen

Zusätzlich zur Verlinkung auf externe Webseiten oder lokale Dateien können wir die Link-Funktion auch verwenden, um auf eine bestimmte Stelle innerhalb der Seite zu verlinken, das sogenannte Lesezeichen (Lesezeichen). Um ein Lesezeichen zu erstellen, müssen Sie „#+Lesezeichen“ nach der Zieladresse des Links hinzufügen, zum Beispiel:

<a href="#overview">查看概览</a>

<h2 id="overview">概览</h2>

Hier fügen wir zunächst ein ID-Attribut zum c1a436a314ed609750bd7c7d319db4da-Tag hinzu. Nennen Sie es „Übersicht“ und es wird zu einem Lesezeichen. Fügen Sie dann „#+bookmark“ zur Zieladresse des Links hinzu, um ihn auf das Lesezeichen zu verweisen. Wenn der Benutzer auf den Link klickt, scrollt er automatisch zur Lesezeichenposition auf der Seite.

Zusammenfassung

Die Verwendung der Link-Funktion von HTML ermöglicht es uns, einfach zu anderen Seiten zu springen, lokale Dateien zu öffnen oder zu einer bestimmten Stelle innerhalb der Seite zu springen. Verwenden Sie das Tag

, um einen Link zu erstellen, und geben Sie das Ziel und die Öffnungsmethode des Links über die Attribute href und target an. Gleichzeitig können wir Lesezeichen auch verwenden, um auf bestimmte Stellen innerhalb der Seite zu verweisen.

Das obige ist der detaillierte Inhalt vonhtml zu einer neuen Seite springen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn