Link zu einem bestimmten Teil der Seite

In mehreren Artikeln der Codezeile haben wir die Bedeutung von Links innerhalb der Weltweites Netz und insbesondere bei der Erstellung von HTML-Webseiten. Am häufigsten wird normalerweise eine Seite mit einer anderen verknüpft. Auf diese Weise positionieren wir uns, sobald wir auf den Link klicken, am Anfang der verlinkten Seite. Es kann jedoch sein, dass es uns interessiert, den Benutzer zu einem bestimmten Teil des neuen Dokuments zu führen.

HTML bietet uns einen Mechanismus, mit dem wir auf einen bestimmten Teil der Seite verlinken können.

Dazu müssen wir zunächst einen Anker definieren (auf Englisch ist er schöner… Anker). Dies ist ein Punkt auf einer Seite, zu der wir später einen Link erstellen möchten.
Um einen Anker zu erstellen, verwenden wir das Element A von HTML und insbesondere dessen Namensattribut.

<a name="tema1"></a>Tema 1

In unserem Beispiel haben wir einen Anker definiert, den wir “theme1” genannt haben. Da der Teil, in dem es innerhalb des Dokuments positioniert ist, derjenige ist, der sich auf “Thema 1” bezieht.

Denken Sie daran, dass der Name, den wir dem Anker geben, sehr wichtig ist, da er derselbe ist, den wir beim Herstellen des Links verwenden müssen.

Sobald der Anker definiert ist, müssen Sie als Nächstes eine Verknüpfung zu diesem Anker herstellen. Das Element, das wir in diesem Fall benötigen, ist das gleiche wie für den Anker, dh A. Wir werden jetzt jedoch das href-Attribut verwenden. Attribut zur Angabe der URL des Links.

Um einen Link zum Anker zu erstellen, ist der Wert des href-Attributs der Name der Webseite, die den Anker enthält, gefolgt von einem Pad (#) und dem Namen, den wir dem Anker gegeben haben.

Auf diese Weise lautet der Link zu “Thema 1” wie folgt:

<a href="http://software-programme-24.de/html/enlace-a-una-parte-concreta-de-la-pagina/#tema1">Enlace al Tema 1</a>

In diesem Fall haben wir keine Seitennamen vor das Pad gesetzt. Da wir angenommen haben, dass sich der Link und der Anker auf derselben Seite befinden. Wenn sich der Anker beispielsweise auf der Seite “history.html” befinden würde, würde unser Link zu dem bestimmten Teil der Seite folgendermaßen aussehen:

<a href="http://software-programme-24.de/html/enlace-a-una-parte-concreta-de-la-pagina/historia.html#tema1">Enlace al Tema 1</a>

Hinterlasse eine Antwort