Anfänger erlernen altes Wissen (3) HTML-Tutorial, um Hyperlink-Tags sinnvoll zu nutzen

黄舟
Freigeben: 2016-12-26 15:12:19
Original
1435 Leute haben es durchsucht

Die Hyperlink-Marke stellt einen Linkpunkt dar, was die Abkürzung für englischer Anker ist. Seine Funktion besteht darin, den Text oder die Bilder an der aktuellen Position mit anderen Seiten, Texten oder Bildern zu verbinden. Dies ist bekannt, aber seine grammatikalische Struktur ist möglicherweise etwas unbekannt, und um es zu verwenden, muss man seine grammatikalische Struktur verstehen. Die grundlegende Syntaxstruktur des Tags lautet:

class=type
id=value
href=reference
name=value
rel=same|next|parent| previous
rev =value
target=window
style=value
title=title
onclick=function
onmouseout=function
onMouseOver=function>Connection

Aus Markup Syntax Aus der Struktur geht hervor, dass beim Setzen eines Hyperlinks viele Parameter zur Auswahl stehen, um unterschiedliche Linkeffekte zu erzielen. Ist das etwas unerwartet? !

Die Klassen- und ID-Optionen: werden verwendet, um den Typ des Verbindungspunkts und die zugewiesene ID-Nummer festzulegen, normalerweise nicht festgelegt. Die beiden am häufigsten verwendeten Parameter sind href und name. href ist die Abkürzung für Hypertext-Referenz, die zum Festlegen der Linkadresse verwendet wird. Die Linkadresse muss eine URL-Adresse sein. Wenn kein spezifischer Pfad angegeben wird, ist der Standardpfad derselbe wie der Pfad der aktuellen Seite. Die verlinkten Dateien sind ebenfalls in mehrere Situationen unterteilt: Wenn es sich um eine HTML-Datei handelt, wird sie direkt im aktuellen Browser geöffnet. Wenn es sich um eine ausführbare Datei (.exe-Datei) handelt, wird sie direkt ausgeführt oder heruntergeladen Die von uns zum Download bereitgestellte Funktion wird genutzt; wenn es sich um eine Textdatei, beispielsweise eine Word-Formatdatei, handelt, wird die Datei im Browser geöffnet und kann bearbeitet und verarbeitet werden.

rel: Zeigt das Festlegen der Verknüpfungsbeziehung an: rel=same zeigt an, dass die zu verknüpfende Datei mit dieser Datei identisch ist, rel=next zeigt an, dass die zu verknüpfende Datei die nächste Seite ist, rel=parent zeigt an dass diese Datei verknüpft werden soll Die übergeordnete Datei der Datei, rel= previous bedeutet, dass die zu verknüpfende Datei die vorherige Seite ist.

rev: wird zum Setzen von Reverse-Links verwendet.

Ziel: Legt fest, zu welchem ​​Fenster eine Verknüpfung hergestellt werden soll, wenn ein Rahmenfenster verwendet wird. Ziel = „_bank“ bedeutet das Öffnen eines neuen Fensters zum Öffnen der Webseite.

Titel: Wird verwendet, um den Titel festzulegen, der angezeigt wird, wenn der Linkpunkt ausgewählt wird.

onclick: Entspricht einem Ereignis, wenn auf den Linkpunkt geklickt wird, wird dieses Ereignis ausgelöst und die entsprechende Unterroutine ausgeführt.

onmouseover: Ähnlich wie bei onclick wird das entsprechende Ereignis ausgelöst, wenn die Maus über den Linkpunkt bewegt wird.

onmouseout: Das entsprechende Ereignis wird ausgelöst, nachdem sich die Maus aus dem Stadtkontakt bewegt.

Um ein paar Beispiele zu nennen:

Zurück zur Startseite
Sprachdatei abspielen
Das entsprechende Programm ausführen
Das entsprechende Dokument zur Bearbeitung öffnen

Anwendungskompetenzen

1. Download-Dateien bereitstellen

Viele Internetnutzer haben geschrieben, um zu fragen, wie der Download-Effekt bereitgestellt werden kann. Tatsächlich handelt es sich immer noch um einen Hyperlink, die herunterzuladende Datei muss jedoch auf die Website hochgeladen werden. Beispiel: Es gibt ein Dateipaket „Web Page Skills“ zum Herunterladen. Der Dateiname lautet „homepagejq.zip“ und wurde auf die Website hochgeladen. Der Code für diesen Link kann wie folgt geschrieben werden: Klicken Sie hier, um das „. Dateipaket „Web Page Skills“.

2. Öffnen Sie die verlinkte Webseite in einem neuen Fenster

Setzen Sie den Wert von „target“ auf „_blank“. Beispiel: Öffnen Sie die Webseite „aboutme.htm“ in einem neuen Fenster. Der Code, der diesen Effekt erzeugt, ist: Über mich….

3. Bewegen Sie die Maus auf den Link und zeigen Sie eine Zeile mit Beschreibungstext an.

Legen Sie den Parameterwert „Titel“ fest, um diesen Effekt zu erzielen. Beispiel: Wenn die Maus über den Link „Huangshan Villager“ fährt, wird die Beschreibung „Dies ist eine professionelle Website zur Einführung in Fertigkeiten“ angezeigt. Der Code dieses Links lautet wie folgt: Huangshan Villager.

4. Bewegen Sie die Maus über einen Link und ein Fenster wird geöffnet.

Dies ist der Effekt, der durch Festlegen des Parameters onmouseover erzielt wird. Beispiel: Wenn die Maus über einen Link bewegt wird, öffnet sich ein Fenster und zeigt im Fenster „Mouse-Hover-Effekt-Demonstration!“ an. Der Code für diesen Link lautet: link. Eine ähnliche Methode kann verwendet werden, um den Effekt zu erzeugen, dass beim Drücken der Maus ein Eingabeaufforderungsfenster erscheint und beim Verlassen der Maustaste ein Eingabeaufforderungsfenster angezeigt wird.

5. Link zum angegebenen Inhalt dieser Seite

Um einen Link zu einem bestimmten Teil des Inhalts dieser Seite zu erreichen (also „innerhalb der Datei springen“), müssen Sie Verwenden Sie den Parameternamen, um den Verbindungspunktnamen anzugeben. Wählen Sie einen Text aus und verwenden Sie den Namensparameter, um ihn für die Verlinkung zu benennen. Der sogenannte Sprung innerhalb derselben Datei bedeutet, dass ein Leser beim Lesen einer sehr langen Datei, wenn er nur an einem bestimmten Teil des Inhalts interessiert ist, eine springende Lesemethode verwenden kann. Das Grundformat ist:

Der Inhalt des ersten Teils des zweiten Teils...
....................... .............
Der eigentliche Inhalt des zweiten Teils......
............ .................

Wenn Sie auf diese Weise auf den Hyperlink „Teil 2“ klicken, wird dieser automatisch in den „Zweiter Teil aktuell“ übertragen Inhalt"-Ort. Der durch den Parameter „name“ definierte Linkpunktname kann beliebig gewählt werden, der Linkpunktname im „href“-Parameter des Links muss jedoch damit übereinstimmen. Vergessen Sie nicht, davor „#“ hinzuzufügen.

6. Link zum angegebenen Inhaltsort anderer Seiten

Die Methode ähnelt dem obigen Beispiel, jedoch muss der Dateiname der Webseite vor dem Linkpunktnamen im Parameter „href“ hinzugefügt werden. Beispiel: Es gibt zwei Webseiten, Seite1.htm und Seite2.htm. Jetzt möchten wir einen Hyperlink in Seite1.htm erstellen page2.htm. Dann können wir dies tun: Schreiben Sie zunächst diesen Code am Anfang des zweiten Teils von Seite2.htm. Schreiben Sie einen solchen Linkcode in Seite1.htm: den zweiten Teil von Seite2.

7. Link zur E-Mail

Nachdem Sie auf einen Hyperlink geklickt haben, wird die E-Mail-Verwaltungssoftware auf dem Client-Computer gestartet, um Ihnen einen Brief zu schreiben. Nehmen Sie diese Codezeile: Bitte schreiben Sie mir. Sobald Sie auf den Link „Bitte schreiben Sie mir“ klicken, wird automatisch die Schreibfunktion der E-Mail-Management-Software (z. B. OE) gestartet und die E-Mail-Adresse in die Adressleiste des Empfängers eingefügt.

Links können nicht nur Text als Träger verwenden, sondern auch Bilder als Träger verwenden und auch einen bestimmten Teil des Bildes als Träger verwenden und die oben genannten Effekte erzielen Das Gleiche gilt, der einzige Unterschied ist der Träger, und zwar der Teil zwischen den beiden eckigen Klammern des Links, daher werde ich kein weiteres Beispiel nennen.

Das Obige ist der Inhalt von Anfängern, die altes Wissen erlernen. (3) HTML-Tutorial zur guten Verwendung von Hyperlink-Tags Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!