Video: HTML erklärt #5 Links erstellen 2024
klickt. Wenn Sie einen Hypertext-Link zu einer externen Webseite in Notepad erstellen, sollten Sie wissen, dass er wie ein Eisberg: Es hat einen sichtbaren Teil (den Linktext, der standardmäßig als blauer, unterstrichener Text erscheint) und einen unsichtbaren, aber beeindruckenden Teil, der normalerweise verborgen ist (die Angabe, welche Datei auf den Link klicken wird). Der sichtbare Teil ist das freundliche, ansprechende Teil, der unsichtbare Teil wird auch für Sie arbeiten, aber nur, wenn er genau richtig konstruiert ist.
Das Ziel des Links wird als Hypertext-Referenz oder kurz href bezeichnet. Ein Link zu einer anderen Webseite in HTML sieht also so aus:
Führen Sie die folgenden Schritte aus, um einen einfachen Hyperlink in Notepad zu erstellen:
Suchen Sie den Text, den Sie verknüpfen möchten.
-
Umgibt den Text mit den Tags und.
-
Wenn Sie das End-Tag sofort erhalten, können Sie es nicht vergessen.
Geben Sie die Ziel-Webadresse oder URL ein, indem Sie href =
-
URL zum Tag hinzufügen (wobei URL eine vollständige Webadresse ist).
endet, ist. com,. org,. co. Großbritannien oder was auch immer es sein soll. In aktuellen Webbrowsern können Sie eine zusätzliche Registerkarte öffnen, um Ihre Webadresse zu überprüfen, während Sie die erste Registerkarte für die Vorschau Ihrer Webseite beibehalten.
Geben Sie einen Titel für die Verknüpfung ein, indem Sie das Titelattribut hinzufügen.
-
Der Titel für den Link ist ein Text, der in einigen Browsern angezeigt wird, wenn der Benutzer den Mauszeiger über den Link setzt.
Wenn Sie diesen Bereich leer lassen, wird die URL als Titel angezeigt. Häufig ist die URL selbsterklärend, wie in einem Link zu einem Wikipedia-Eintrag. Sie können die URL ohne // als Link-Titel eingeben, um sie für den Benutzer etwas verständlicher zu machen.
Wenn die URL lang oder verwirrend ist, geben Sie einen einfachen Titel ein, der die Seite beschreibt. Zum Beispiel ist hier die langatmige URL für
HTML , XHTML & CSS für Dummies, 6. Ausgabe auf der Seite For Dummies: // www. Dummköpfe. com / WileyCDA / DummiesTitel / HTML-XHTML-CSS-Für-Dummies-6.-Edition. ProduktCd-047023847X.html
Verwenden eines Tooltipps - HTML, XHTML und CSS für Dummies auf Dummies. com - rettet Ihren Besuchern etwas Aufwand und Sie einige Bildschirm Immobilien.
Die Möglichkeit, die URL oder den Titel zu sehen, wenn Sie mit der Maus über einen Link fahren, ist sehr gut für die Benutzerfreundlichkeit. Im Internet Explorer wird die URL oder der Titel jedoch in einem Streifen am unteren Rand des Bildschirms angezeigt, der als Statusleiste bezeichnet wird. In den aktuellen IE-Versionen ist diese Option standardmäßig deaktiviert. Es gibt nicht viel, was Sie für Ihre Benutzer tun können, aber zumindest können Sie die Statusleiste selbst aktivieren - wählen Sie Ansicht → Statusleiste im Internet Explorer, um sie einzuschalten.
Speichern Sie die Webseite auf Ihrer Festplatte und öffnen Sie sie in einem Webbrowser, um die Verknüpfung in der Vorschau anzuzeigen und zu testen.
-
Der Text wird als Linktext angezeigt, unterstrichen und blau. Wenn Sie darauf klicken, wird die Zielseite angezeigt.
Ihr Text wird als Link angezeigt.