Erstellung von Hyperlinks
Hyperlinks sind sehr wichtige Grundelemente in HTML, da sie es uns ermöglichen, die verschiedenen Dokumente zu verknüpfen und die für unsere Informationen erforderliche Navigation zu erreichen. Um sie zu verwenden, haben wir das <a> -Element mit den folgenden Attributen:
- href: Gibt die Adresse oder URL der Ressource oder des Elements an, zu dem ein Link erstellt werden soll.
- hreflang: Hiermit können wir die Sprache der verknüpften Ressource bestimmen.
- media: Bestimmt das Gerät, auf das der Linkinhalt geleitet wird. Diese Eigenschaft ist in HTML5 integriert.
- rel: Legt die Art der Beziehung zum verknüpften Dokument fest.
- Ziel: Gibt das Ziel an, in dem der Inhalt angezeigt werden soll.
- Typ: Gibt das MIME der verknüpften Ressource an, z. B . : image / gif oder text / html .
Erstellen Sie einen externen Hyperlink
Um einen Hyperlink zu erstellen, der uns zu einer externen Ressource im href- Attribut führt, müssen wir den Link mit http: // starten. Wenn wir auf den Link klicken, lädt der Browser die angeforderte Seite.
<! DOCTYPE HTML> <html> <head> <meta name = "description" content = "Hiperlink-Beispiel" /> </ head> <body> Ich mag <a href="http://en.wikipedia.org/wiki/Apples"> Äpfel </a> und <a href="http://en.wikipedia.org/wiki/Orange_(fruit)"> Orangen </a>. </ body> </ html>
Erstellen Sie einen relativen Hyperlink
Wenn unser Hyperlink nicht mit http: // beginnt, interpretiert der Browser die Suche in unserem lokalen Verzeichnis nach einer Ressource, die unserer Verknüpfung entspricht.
<! DOCTYPE HTML> <html> <head> <title> Relativ </ title> </ head> <body> <a href="fruitlist.html"> hier können Sie andere Früchte sehen, die mir gefallen </a>. </ body> </ html>
Erstellen Sie einen internen Hyperlink
Es gibt Fälle, in denen wir Elemente einbinden müssen, die die Navigation auf derselben Seite aufgrund ihrer Länge erleichtern. Dazu können wir interne Links verwenden. Um dies zu erreichen, verwenden wir das ID-Attribut der Tags, sodass Sie beim Klicken darauf klicken Auf dem Hyperlink finden wir das Tag mit der ID, auf die verwiesen wird. Falls es keine ID gibt, die mit dem Browser übereinstimmt, sollte nach dem passenden Namensattribut gesucht werden.
<! DOCTYPE HTML> <html> <head> <title> Intern </ title> </ head> <body> Interner Link <a href="#interno"> Klicken Sie auf </a>. <p id = "internal"> Hier der interne Inhalt </ p> </ body> </ html>
Das Zielattribut
Mit diesem Attribut können wir auswählen, wo die verknüpfte Ressource angezeigt werden soll. Wenn wir auf klicken, wird standardmäßig der Inhalt im aktiven Fenster angezeigt. Dieses Verhalten ist jedoch nicht immer erwünscht. Sehen wir uns die verfügbaren Optionen an:
- _blank: Gibt an, dass das neue Dokument in einem neuen Fenster oder einer neuen Registerkarte geöffnet wird.
- _parent: Öffnet das Dokument im übergeordneten Fenster.
- _self: Öffnet das Dokument im aktuellen Fenster. Dies ist das Standardverhalten.
- _top: Öffnen Sie das Dokument in einem vollständigen Fenster, unabhängig von den möglicherweise vorhandenen Frames.
- <frame>: Öffnet das neue Dokument im angegebenen Frame .
<! DOCTYPE HTML> <html> <head> <meta name = "description" content = "Hiperlink-Beispiel" /> </ head> <body> Ich mag <a href="[url="http://en.wikipedia.org/wiki/Apples")http://en.wikipedia.org/wiki/Apples[/url[" target = "_blank"> Äpfel </a> und <a href = "[url =" http://en.wikipedia.org/wiki/Orange_(fruit "] http://en.wikipedia.org/wiki/Orange_ (fruit [/ url])" target = " _self "> Orangen </a>. </ body> </ html>
Mit dem, was wir in diesem Tutorial sehen konnten, können wir nun verschiedene Arten von Hyperlinks generieren, die es uns ermöglichen, die Kontrolle über unsere Seite zu behalten und die entsprechende Navigation zum HTML5- Standard aufzubauen.
Hallo!
Brauche mal ganz dringen Hilfe!War so intelligent den Abflu? der Spule mit Wachs dicht zu machen…
Hab ein Kerzenglas mit hei?em Wasser ausgespult um es von Wachsresten zu befreien,in der Spule…
Hab schon literweise Drano versenkt ohne erfolg…hei?es Wasser dringt nicht mehr durch bis unten hin.
Wei? jemand Rat??
Danke,Joens.