HTML -Anfänger stoßen häufig auf ein solches Problem, wie man eine Datei korrekt verweist. Wie zitiere ich beispielsweise eine andere HTML -Seite als Hyperlink in einer HTML -Seite? Einfügen eines Bildes in eine Webseite
Wenn Sie den falschen Dateipfad verwenden, wenn Sie sich auf eine Datei beziehen (z. B. Hinzufügen eines Hyperlinks oder Einfügen eines Bildes usw.), ist die Referenz ungültig (kann die verknüpfte Datei nicht durchsuchen oder das eingefügte Bild nicht anzeigen usw.).
Um diese Fehler zu vermeiden und Dateien korrekt zu referenzieren, müssen wir uns über HTML -Pfade kennenlernen.
Es gibt zwei Möglichkeiten, HTML zu schreiben: relative Pfade und absolute Pfade.
HTML Relative Pfad
Dateiverweise auf dasselbe Verzeichnis
Wenn sich die Quelldatei und die Referenzdatei im selben Verzeichnis befinden, schreiben Sie einfach den Namen der Referenzdatei direkt.
Wir erstellen jetzt eine Quelldatei info.html und info.html Sie müssen sich als Hyperlink auf die Index.html -Datei bezeichnen.
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/sites/blabla/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = index.html> index.html </a>
So repräsentieren Sie das vorherige Verzeichnis
../ repräsentiert das vorherige Verzeichnis des Verzeichnisses, in dem sich die Quelldatei befindet, ../../ das vorherige Verzeichnis, in dem sich die Quelldatei befindet, und so weiter.
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/sites/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = ../index.html>Index.html </a>
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = ../../index.html>Index.html </a>
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/sites/wowstory/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = ../wowstory/index.html>Index.html </a>
Wie man das folgende Verzeichnis darstellt
Siehe die Dateien im unteren Verzeichnis und schreiben Sie den Pfad direkt in die Dateien im unteren Verzeichnis.
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/sites/blabla/html/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = html/index.html> index.html </a>
Angenommen, der Pfad info.html ist: c: /inetpub/wwwroot/sites/blabla/info.html
Angenommen, der Pfad index.html ist: c: /inetpub/wwwroot/sites/blabla/html/tutorials/index.html
Der Code zum Hinzufügen von Index.html Hyperlink zu info.html sollte so geschrieben werden:
<a href = html/tutorials/index.html> index.html </a>
HTML Absolutes Pfad
Der HTML Absolute Pfad bezieht sich auf den vollständigen Pfad einer Datei mit einem Domänennamen.
Angenommen, Sie registrieren den Domain -Namen www.vevb.com und beantragen einen virtuellen Host. Ihr virtueller Host -Anbieter gibt Ihnen ein Verzeichnis wie www, das das Root -Verzeichnis Ihrer Website ist.
Angenommen, Sie setzen einen Datei index.html in das Stammverzeichnis von www ein. Der Absolute -Pfad dieser Datei lautet: https://www.vevb.com/index.html.
Angenommen, Sie erstellen ein Verzeichnis namens html_tutorials im Stammverzeichnis von www und platzieren dann einen Datei index.html in dieses Verzeichnis, und der absolute Pfad zu dieser Datei lautet https://www.vevb.com/html_tutorials/index.html.