So schreiben Sie Ankertext in HTML

Sie sind vielleicht nicht mit dem Wort Ankertext vertraut, aber Sie müssen sich über Hyperlinks im Klaren sein. Wenn wir also über Ankertext sprechen, werden Ankerlinks auch Hyperlinks genannt. Dann wissen Sie bestimmt, was Ankertext ist, oder? Heute werden wir über die Verwendung von Ankertext sprechen.

Verlinkter Inhalt

Webadresse, die URL muss hinzugefügt werden mit http://+ Domainname

relativer Pfad, z. B. htef="/abc/", stellt den Ankertext auf dieser Site dar

Zielzielwert ist wie folgt:

_blank – in Öffne den Link in einem neuen Fenster_parent – ​​Öffne den Link im übergeordneten Formular _self – Öffne den Link im aktuellen Formular, dies ist der Standardwert _top – Öffne den Link im aktuellen Formular und ersetze das Ganze aktuelles Formular (Frame-Seite)

Wenn das Ziel keinen Wert hat, bedeutet dies, dass der Link im übergeordneten Formular dieser Seite geöffnet wird

Gemeinsame Attribute im A-Tag:

1), href: Öffnen Sie die Zieladresse (Website), die normalerweise ausgefüllt wird, um zur Zieladresse weitergeleitet zu werden. Beispielsweise öffnet href="http://www.php.cn /" die Seite http://www.php.cn/

, wenn der Besucher auf den entsprechenden Ankertext klickt.

2), Ziel: Öffnen Sie die Zielmethode

Wenn das a-Tag kein solches Element enthält, wird standardmäßig die entsprechende Link-Webseite auf der Durchsuchen-Webseite neu geladen

_blank: Erstellen Sie eine neue Label-Fensterseite. Nachdem Sie auf den Ankertext geklickt haben, wird die entsprechende Adresse für das neue Label-Webseitenfenster geöffnet.

_parent: Das übergeordnete Element öffnet die Webseite Es versteht sich, dass die Webseite dieser Seite den Ankertext für den HTML-Frame neu lädt iframe Auf der Webseite wird die gesamte Webseite neu geladen, um die Ziel-URL-Adresse zu öffnen

Es gibt zwei häufig verwendete Methoden Um das Ziel zu öffnen, besteht eines darin, ein neues Fenster zu erstellen, eines darin, die Ankertextadresse dieser Seite neu zu laden, um auf die URL zu verweisen, ohne das Ziel festzulegen, und das andere darin, die gesamte übergeordnete Webseite neu zu laden (ähnlich dem Nicht-Festlegen von a). Ziel) hat den gleichen Effekt.

HTML eine Funktion

Die Verwendung eines Ankerlinks kann von Seite A zu Seite B führen, die häufig gesehen und verwendet wird, z. B. auf Nachrichten-Websites Klicken Sie mit der Maus und rufen Sie eine andere Seite auf, um Einzelheiten zu erfahren. Dies ist die Anwendung von HTML als Hyperlink.

HTML ein Anwendungsbeispiel

<a href="http://www.php.cn/" target="_blank" title="转到PHP主页">php</a>

HTML ein Anwendungsbereich

Verwenden Sie HTML A, um Text-Hyperlinks zu Bildern zu verankern

exp:

<a href="http://www.php.cn/" target="_blank" title="转到php主页"><img src="http://www.php.cn" /></a>

Sie können Text-Hyperlinks in Textinhalten verankern

<a href="http://www.php.cn/">php</a>

HTML einer Anwendungserweiterung

Text auf derselben Seite verankern – nach oben und unten an die angegebene Position innerhalb der Seite gehen gleiche Seite

Wir sehen oft, dass wir durch Klicken auf den Link „Zurück zum Anfang“ unten auf unserer Seite zum Seitenanfang gelangen.

Exp:

Zuerst fügen wir ein

<span id="top" name="top"></span>

oben im Hauptteil der Webseite ein. 2. Wir gehen zum Hauptteil und klicken Um nach oben zu gelangen, fügen Sie die Position hinzu: Zurück nach oben

Auf diese Weise können Sie zum schnellen Durchsuchen auf „Zurück nach oben“ klicken zum oberen Rand der Webseite innerhalb dieser Seite.

Syntax verwenden:

1. Sie müssen an die Stelle gehen, an der Sie hinzufügen möchten: text. Beachten Sie, dass der href-Wert beginnt mit # + englischen Buchstaben Name

2. Sie müssen es am umgeleiteten Speicherort hinzufügen, , beachten Sie, dass die ID und Namenswerte sind die gleichen und sind die gleichen wie ein Name

Es gibt so viele Verwendungsmöglichkeiten für Ankertexte. Bitte achten Sie auch weiterhin auf andere Updates auf dieser Website.

Empfohlene Lektüre:

Div und CSS, wie man lernt

CSS, wie Position verwenden

So verwenden Sie den CSS-Rahmen

Das obige ist der detaillierte Inhalt vonSo schreiben Sie Ankertext in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!