XHTML-Erste-Schritte-Tutorial: XHTML-Hyperlinks
|
Es ist keine Übertreibung, zu sagen, dass Hyperlinks das gesamte Internet verbinden. Ein Hyperlink kann auf fast jede Ressource im Internet verweisen, beispielsweise auf eine andere Webseite, ein Bild, einen MP3-Song usw. Die Syntax zum Erstellen eines Hyperlinks mit XHTML ist sehr einfach und erfordert nur ein Paar <a></a>-Tags: <a href="URL, auf die dieser Hyperlink verweist">Text oder Bild, das auf der Seite angezeigt wird</a> Zum Beispiel: <a href="https://www.jb51.net/">123WORDPRESS.COM</a> Es wird als Hyperlink im Browser angezeigt und wenn Sie darauf klicken, gelangen Sie zu 123WORDPRESS.COM (https://www.jb51.net/). Die Wirkung ist wie folgt: 123WORDPRESS.COM Das href-Attribut im <a>-Tag ist die Adresse, auf die der Hyperlink verweist. Dies kann eine allgemeine URL oder eine E-Mail-Adresse sein. In einem späteren Praxisbeispiel erstellen wir einen Hyperlink, der auf eine E-Mail-Adresse verweist. Der Inhalt (die Elemente) zwischen <a> und </a> wird als Hyperlink auf der Webseite angezeigt. Beachten Sie, dass „http://“ nicht weggelassen werden kann, wenn der href-Attributwert eine allgemeine URL (absoluter Pfad) ist, da der Browser es sonst als relativen Pfad erkennt. Der Unterschied zwischen absoluten und relativen Pfaden geht über den Rahmen dieses XHTML-Tutorials hinaus. Wenn Sie ihn nicht verstehen, können Sie auf Baidu nach relevanten Informationen suchen. Hyperlinks (Anker) zum Springen innerhalb einer Seite Beim Durchsuchen anderer Websites ist Ihnen möglicherweise aufgefallen, dass es einige Hyperlinks gibt, mit denen Sie zum Seitenanfang oder zu einer beliebigen anderen Stelle innerhalb der aktuellen Seite zurückkehren können. Wie der Link unten: Zurück zum Titel <br />Die Implementierungsmethode ist wie folgt. Fügen Sie zunächst den folgenden Code zum Titel hinzu. : <h1>XHTML-Anfängerhandbuch – XHTML-Hyperlinks<a id="biaoti"></a></h1> Der Code für den Hyperlink selbst lautet: <a href="#biaoti">Zurück zum Titel</a> Seitensprünge ermöglichen Ihren Benutzern das schnelle Auffinden benötigter Informationen, wenn Ihre Seite sehr viel Inhalt enthält. Normalerweise wird es als Verzeichnis in einigen erklärenden Webseiten verwendet. Link-Übung Die folgende Übung fügt einen Hyperlink zur vorherigen „index.html“ hinzu. Öffnen Sie „index.html“ und ändern Sie den Code wie folgt: <html> Der Zwischencode wird weggelassen... <p><a href="mailto:[email protected]">Kontaktieren Sie mich</a></p><!-- Beachten Sie, dass Sie die E-Mail-Adresse in Ihre eigene ändern müssen--> <p>Copyright©2005-2006XXX Copyright-Nr.</p> </body> </html> Durchsuchen Sie nach dem Speichern Ihre eigene Webseite und stellen Sie sicher, dass Ihre Webseite mit dieser Seite übereinstimmt. Klicken Sie auf den neu erstellten Link. Wenn Sie eine E-Mail-Verwaltungssoftware wie Outlook installiert haben, öffnet sich eine Schnittstelle zum Senden von E-Mails an sich selbst. |
>>: Detaillierte Erläuterung des Prozesses zum Erstellen von Bodennavigationseffekten mit JavaScript
Artikel empfehlen
Detaillierte Erläuterung des vite2.0-Konfigurationslernens (Typescript-Version)
einführen Die ursprünglichen Worte von You Yuxi. ...
HTML-Elemente durch Anzeige oder Sichtbarkeit verbergen
Manchmal müssen wir steuern, ob HTML-Elemente auf ...
Detaillierte Erläuterung der Verwendung von Gulp.js, einem leistungsstarken Tool für die Front-End-Aufgabenerstellung
Inhaltsverzeichnis Überblick Installieren Sie Gul...
Das Deepin20.1-System installiert MySQL8.0.23 (superdetailliertes MySQL8-Installationstutorial)
Laden Sie MySQL-8.0.23 herunter Klicken Sie zum H...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.24
In diesem Artikel finden Sie das Installations- u...
Virtueller vsftpd-Benutzer basierend auf MySql-Authentifizierung
Inhaltsverzeichnis 1. MySQL-Installation 1.2 Tabe...
Detaillierte Erklärung der Softwarekonfiguration mit Docker-Compose unter Linux
Vorwort In diesem Artikel werden einige Docker-Co...
Schritte zum Exportieren der Felder und zugehörigen Attribute von MySQL-Tabellen
Müssen die Felder und Eigenschaften der Tabelle i...
Der Unterschied zwischen Div und Tabelle in HTML (in allen Aspekten ausführlich besprochen)
1: Unterschiede bei Geschwindigkeit und Lademethod...
Detaillierte Erklärung der in JavaScript integrierten Objekte, Mathematik und Zeichenfolgen
Inhaltsverzeichnis Mathematische Objekte Gemeinsa...
Eine kurze Erläuterung des MySQL-Ausführungsprozesses und der MySQL-Ausführungssequenz
Inhaltsverzeichnis 1: MySQL-Ausführungsprozess 1....
Ein tiefer Einblick in die MySQL InnoDB-Speicher-Engine
Vorwort InnoDB gehört in MySQL zur Speicher-Engin...
So zeigen Sie Bilder im TIF-Format im Browser an
Der Browser zeigt Bilder im TIF-Format an Code kop...
MySQL sollte niemals Update-Anweisungen wie diese schreiben
Inhaltsverzeichnis Vorwort Ursache Phänomen warum...
Verwendung des Linux-SFTP-Befehls
Konzept von SFTP sftp ist die Abkürzung für Secur...