Webentwickler müssen häufig Hyperlinks zu Dateien erstellen, die sich im Projektordner befinden. Dies kann beispielsweise eine Datei für heruntergeladene Inhalte sein, z. B. PDF-Dokumente, Bilder oder Audiodateien. Aber wie kann ich einen solchen Link erstellen? In diesem Artikel werden wir einige einfache Möglichkeiten zum Erstellen von Hyperlinks zu Dateien in einem Ordner untersuchen.
Erstellen eines Hyperlinks zu einer Datei in einem Ordner
Um einen Hyperlink zu einer Datei in einem Ordner zu erstellen, müssen Sie ein Tag in HTML verwenden.
Zuerst müssen Sie den Dateipfad relativ zum aktuellen Ordner bestimmen. Sie können das Attribut verwenden href und geben Sie den Dateipfad im Wert dieses Attributs an.
Hier dateipfad stellt den Dateipfad relativ zum aktuellen Ordner dar. dateiname stellt den sichtbaren Text des Hyperlinks dar.
Zum Beispiel, wenn Sie eine Datei haben index.html im Ordner documents Sie können einen Hyperlink zu dieser Datei wie folgt erstellen:
In diesem Beispiel, dateipfad gleich documents/index.html. und der Name des Hyperlinks lautet Dokument öffnen.
Auf diese Weise können Sie mit einem Tag einen Hyperlink zu einer Datei in einem Ordner erstellen und den Dateipfad im Attribut angeben href.
Schritt 1: Öffnen Sie das HTML-Dokument
Erstellen Sie zunächst eine neue Datei mit der Erweiterung .html oder .htm, und öffnen Sie es in einem Texteditor wie Notepad oder Sublime Text.
Ihr HTML-Dokument muss mit beginnen, um den Dokumenttyp anzugeben. Fügen Sie dann öffnende und schließende Tags hinzu, um anzuzeigen, dass sich der gesamte Inhalt im HTML-Dokument befindet.
Fügen Sie innerhalb des Tags öffnende und schließende Tags hinzu
und. Das Tag enthält Dokumentmetadaten und andere wichtige Informationen und das Tag enthält den Inhalt der Webseite selbst.
Schritt 2: Erstellen Sie einen Ordner für die Dateien
Bevor Sie einen Hyperlink zu einer Datei erstellen, müssen Sie einen Ordner erstellen, in dem Ihre Dateien gespeichert werden. Dadurch können Sie die Dateien in Kategorien organisieren und später leichter finden.
Führen Sie die folgenden Schritte aus, um einen Ordner auf Ihrem Betriebssystem zu erstellen:
- Öffnen Sie den Datei-Explorer (unter Windows) oder den Finder (unter macOS).
- Wählen Sie den Ort aus, an dem Sie den Ordner erstellen möchten.
- Klicken Sie mit der rechten Maustaste (unter Windows) oder halten Sie die Strg-Taste gedrückt und klicken Sie (unter macOS) in den ausgewählten Ordner oder auf dem Desktop.
- Wählen Sie im Kontextmenü die Option "Neuen Ordner erstellen" aus.
- Geben Sie einen Ordnernamen ein und drücken Sie die Eingabetaste.
Jetzt haben Sie einen Ordner, in dem Sie Ihre Dateien speichern können. Laden Sie die gewünschte Datei in diesen Ordner hoch, um später einen Hyperlink zu dieser Datei zu erstellen.
Schritt 3: Legen Sie die Dateien in einen Ordner
Nachdem Sie einen Ordner für Dateien erstellt haben, müssen Sie diese Dateien darin ablegen. Sie können die Schnittstelle Ihres Betriebssystems dafür nutzen.
Legen Sie alle Dateien, die Sie in Ihrem Projekt verwenden möchten, in den erstellten Ordner ab. Dies können Bilder, Dokumente oder Audiodateien sein. Stellen Sie sicher, dass Ihr Ordnerpfad genau der ist, den Sie beim Erstellen von Hyperlinks im HTML-Code verwendet haben.
Wenn sich die Dateien in mehreren Unterordnern befinden, beachten Sie dies beim Erstellen von Hyperlinks. Sie müssen den Dateipfad relativ zum Stammordner und nicht zum aktuellen Ordner angeben.
Stellen Sie außerdem sicher, dass sich die Dateien im richtigen Format befinden und sich problemlos öffnen lassen. Falls die Dateien nicht heruntergeladen oder geöffnet werden, überprüfen Sie den Pfad, den Dateinamen und das Format der Datei.
Wenn Sie diesen Schritt abgeschlossen haben, können Sie Hyperlinks verwenden, die auf Ihre in einem Ordner abgelegten Dateien verweisen.
