Html bietet verschiedene Möglichkeiten, um zu einer anderen Seite zu navigieren. Dies kann nützlich sein, wenn Sie Links zu externen Ressourcen erstellen oder die Navigation innerhalb einer Website organisieren möchten. In diesem Artikel werden wir einige Beispiele untersuchen und uns eine Anleitung zur Verwendung von HTML-Code zum Navigieren zu einer anderen Seite ansehen.
Eine der häufigsten Methoden zum Navigieren zu einer anderen Seite in HTML ist die Verwendung eines Tags . Dieses Tag erstellt einen Link, auf den Sie klicken, um zur angegebenen Adresse zu gelangen. Zum Beispiel erstellt dieser Link einen Link, auf den Sie klicken, um zu einer externen Adresse zu gelangen https://www.example.com .
Sie können auch ein Tag verwenden, um ein Formular zu erstellen, das es dem Benutzer ermöglicht, mit der Website zu interagieren. Verwenden Sie innerhalb eines Tags ein Tag mit dem Attribut type="submit", um eine Übermittlungsschaltfläche für das Formular zu erstellen. Wenn Sie auf diese Schaltfläche klicken, gelangen Sie zu der Seite, die im Action-Attribut des Tags angegeben ist. Erstellen Sie beispielsweise ein Formular mit der Schaltfläche "Senden", auf das Sie klicken, um zur Seite zu gelangen https://www.example.com .
Daher bietet der HTML-Code für den Übergang zu einer anderen Seite verschiedene Möglichkeiten, um die Übergänge innerhalb der Website oder zu externen Ressourcen zu organisieren. All dies macht die Interaktion des Benutzers mit der Website bequemer und effizienter.
Konzept des HTML-Codes
HTML-Tags sind Elemente, die in spitzen Klammern eingeschlossen sind. Sie werden verwendet, um den Inhaltstyp, das Erscheinungsbild, die Platzierung von Elementen und andere Attribute anzugeben. Jedes öffnende Tag muss mit einem entsprechenden schließenden Tag geschlossen werden.
Der folgende Code erstellt beispielsweise einen Textabsatz:
Dies ist ein Beispiel für einen Textabsatz.
HTML-Code kann verschiedene Elemente wie Überschriften, Absätze, Listen, Tabellen, Bilder und vieles mehr enthalten. Diese Elemente ermöglichen es Ihnen, Informationen auf einer Webseite in einer lesbaren und strukturierten Weise zu organisieren und darzustellen.
Mit dem HTML-Code können Sie auch Links, Formulare, Multimedia-Elemente und andere interaktive Elemente hinzufügen, die Webseiten funktionaler und benutzerfreundlicher machen.
Sie benötigen einen Texteditor wie Notepad++, Sublime Text oder andere spezialisierte Webseitenentwicklungstools, um HTML-Code zu erstellen. Speichern Sie dann die Datei mit der Erweiterung .html und öffnen Sie es in einem Webbrowser, um das Ergebnis zu sehen.
Jetzt, da Sie die Grundlagen des HTML-Codes verstehen, sind Sie bereit, mit dem Erstellen Ihrer eigenen Webseiten zu beginnen!
Was ist HTML-Code und sein Zweck
Der Zweck des HTML-Codes besteht darin, die Struktur einer Webseite zu erstellen und das Aussehen ihrer Elemente zu bestimmen. Es ermöglicht Entwicklern, Seitentitel, Überschriftenebenen, Absätze, Listen, Tabellen, Bilder und Hyperlinks festzulegen. Darüber hinaus können Sie mit dem HTML-Code Multimedia-Inhalte hinzufügen, Videos, Audios und andere Elemente zu einer Seite einbetten.
Der HTML-Code besteht aus öffnenden und schließenden Tags, die den Inhalt umrahmen. Zum Beispiel,
- öffnendes Tag, um einen Absatz zu erstellen, und
- das schließende Tag, um einen Absatz zu vervollständigen. Text oder andere Elemente werden zwischen dem öffnenden und dem schließenden Tag platziert.| Kennung | Die Beschreibung |
|---|---|
| Definiert einen Textabsatz | |
| Erstellt einen Link zu einer anderen Seite oder Ressource | |
| Fügt ein Bild auf die Seite ein | |
| Definiert eine Tabelle auf einer Seite | |
| Definiert eine Zeile in einer Tabelle | |
| Definiert eine Zelle in einer Tabelle |
Dies sind nur einige der Tags, die in HTML verfügbar sind. Sie ermöglichen es Entwicklern, eine Vielzahl von Elementen und Strukturen auf einer Webseite zu erstellen. Mit dem HTML-Code können wir informative, interaktive und ansprechende Webseiten erstellen.
Wechseln zu einer anderen Seite
Es gibt mehrere Möglichkeiten, mit HTML-Code zu einer anderen Seite zu navigieren:
1. Mit einem Tag
2. Mit JavaScript
Sie können JavaScript verwenden, um komplexere Aktionen durchzuführen oder nach bestimmten Ereignissen zu einer Seite zu navigieren. Zum Beispiel:
3. Verwenden eines Formulars
Wenn ein Formular auf einer Seite vorhanden ist, können Sie beim Senden der Formulardaten zu einer anderen Seite navigieren:
4. Link in einem neuen Tab öffnen
Wenn Sie einen Link zu einer anderen Seite in einem neuen Tab öffnen möchten, können Sie das target-Attribut mit dem Wert "_blank" verwenden:
Beachten Sie, dass die Beispiele Seitenadressen und Links zu externen Ressourcen nur zur Veranschaulichung angeben. Wenn Sie HTML-Code auf echten Webseiten verwenden, müssen Sie ihn durch aktuelle URLs und Links ersetzen.
Links: Hauptelemente des Übergangs
Zu den Hauptattributen des Tags gehören:
- href: gibt die URL der Zielseite oder Datei an, zu der Sie beim Klicken auf den Link navigieren möchten;
- target: legt fest, wie die Zielseite geöffnet wird (im aktuellen Browserfenster oder in einem neuen Fenster oder in einem Rahmen);
- title: stellt eine Quickinfo zu einem Link bereit, die angezeigt wird, wenn Sie über einen Link schweben;
- rel: gibt die Beziehung zwischen der aktuellen Seite und dem Ziellink an;
- download: gibt an, dass die Zielressource geladen werden soll, anstatt sie im Browser zu öffnen.
Beispiele für HTML-Code zum Navigieren zu einer anderen Seite
Es gibt mehrere Möglichkeiten, Links zu erstellen, um in HTML zu einer anderen Seite zu navigieren. Betrachten wir einige von ihnen:
Sie können je nach Ihren Bedürfnissen und der gewünschten Funktionalität die am besten geeignete Methode zum Navigieren zu einer anderen Seite auswählen.
Interne Referenz
In HTML können Sie interne Links erstellen, mit denen Sie zu einem anderen Teil derselben Seite navigieren können. Eine interne Referenz wird mit dem ID-Attribut erstellt, das dem Element zugewiesen wird, auf das verwiesen werden soll.
Um beispielsweise einen Verweis auf ein Element mit der ID "section1" zu erstellen, können Sie den folgenden Code verwenden:
Wenn Sie auf einen solchen Link klicken, wird die Seite automatisch zu dem angegebenen Element mit der ID "section1" gescrollt. Dies ist besonders nützlich, wenn Ihre Seite lange Inhalte oder Abschnitte enthält und Sie eine Seitennavigation erstellen möchten.
