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
Erste Schritte Tutorial für Anfänger: Domänennamenauflösung und Bindung
Wie können Sie also nach der Registrierung eines ...
Zusammenfassung der Binlog-Nutzung der MySQL-Datenbank (unbedingt lesen)
Ich werde nicht näher darauf eingehen, wie wichti...
Einführung in den Swap-Speicher des Linux-Systems
Swap-Speicher ist heutzutage ein gängiger Aspekt ...
MySql verwendet Skip-Name-Resolve, um das Problem langsamer externer Netzwerkverbindungen des Clients zu lösen
Das auf Tencent Cloud erstellte MySQL ist immer s...
Lösen Sie das Problem des Startfehlers von PHPStudy MySQL unter Windows
Einen Fehler melden Der Apache\Nginx-Dienst wurde...
So lösen Sie das Problem, dass absolut positionierte Elemente in IE6/7 auf mysteriöse Weise verschwinden oder blockiert werden
1. Wenn die Breite der angrenzenden schwebenden Eb...
Docker implementiert hostübergreifende Containerkommunikation basierend auf MacVLAN
Suchen Sie zwei Testmaschinen: [root@docker1 cent...
So exportieren und importieren Sie SQL-Dateien unter einem Linux-Befehl
Dieser Artikel beschreibt, wie Sie SQL-Dateien mi...
Nach dem Absenden des Formulars zu einer anderen Datei wechseln
<br />Frage: Wie schreibe ich in HTML, um zu...
Beispiel für CSS3 zum Erzielen eines Div-Ein- und Ausschiebens von unten nach oben
1. Zuerst müssen Sie den Zielselektor von CSS3 ve...
So implementieren Sie Dual-Machine-Master und Backup mit Nginx+Keepalived
Vorwort Lassen Sie mich zunächst Keepalived vorst...
VS2019 stellt eine Verbindung zur MySQL8.0-Datenbank her – Tutorial mit Bildern und Text
1. Bereiten Sie zunächst VS2019 und die MySQL-Dat...
5 häufig verwendete Objekte in JavaScript
Inhaltsverzeichnis 1. JavaScript-Objekte 1).Array...
js-Objekt, um einen Daten-Paging-Effekt zu erzielen
In diesem Artikelbeispiel wird der spezifische Co...
Popularisierung der Theorie – Benutzererfahrung
1. Konzeptanalyse 1: UE User Experience <br /&...