So verwenden Sie das href-Attribut des HTML-Tags a, um relative und absolute Pfade anzugeben

Bei der tatsächlichen Webentwicklung ist für das Einfügen von Bildern, einschließlich CSS-Dateien usw. ein Pfad erforderlich. Wenn der Dateipfad falsch hinzugefügt wird, wird die Referenz ungültig (die verknüpfte Datei kann nicht durchsucht werden, das eingefügte Bild kann nicht angezeigt werden usw.). Viele Anfänger sind verwirrt. Im Folgenden werde ich relative und absolute Pfade im Detail vorstellen.

Relativer HTML-Pfad
Bezieht sich auf die Pfadbeziehung zwischen dieser Datei und anderen Dateien (oder Ordnern), die durch den Pfad verursacht wird, in dem sich diese Datei befindet.
Zum Beispiel:
Der absolute Pfad der Datei 1.htm lautet: d:/www/html/1.htm
Der absolute Pfad der Datei 2.htm lautet: d:/www/html/2.htm
Dann: der Pfad von 1.htm relativ zu 2.htm ist: 1.htm

So verwenden Sie relative Links:
Wenn Sie auf dasselbe Verzeichnis verlinken, geben Sie einfach den Namen des Dokuments ein, auf das Sie verlinken möchten, zum Beispiel:

Wenn Sie eine Verknüpfung zum Verzeichnis der nächsten Ebene herstellen möchten, müssen Sie zuerst den Verzeichnisnamen eingeben, dann „/“ hinzufügen und anschließend den Dateinamen eingeben, zum Beispiel:

Wenn Sie eine Verbindung zum übergeordneten Verzeichnis herstellen möchten, müssen Sie zuerst „../“ und dann den Verzeichnisnamen und den Dateinamen eingeben, zum Beispiel:

Beispielzusammenfassung
Jetzt gibt es 4 HTML-Dateien: aaa.html bbb.html ccc.html index.html
Der Pfad von aaa.html lautet: D:/www/adminwang/html/aaa.html
Der Pfad von bbb.html lautet: D:/www/adminwang/bbb.html
Der Pfad von ccc.html lautet: D:/www/ccc.html
Der Pfad von index.html ist D:/www/index.html

1. Verknüpfen Sie Dateien im selben Verzeichnis
Der Code für die Datei ccc.html zum Verknüpfen mit index.html lautet beispielsweise wie folgt:

2. Link zur Datei im vorherigen Verzeichnis
Der Code für die Verknüpfung von bbb.html mit ccc.html lautet beispielsweise wie folgt:

3. Link zu Dateien in den oberen beiden Verzeichnissen
Der Code zum Verknüpfen von aaa.html mit ccc.html lautet beispielsweise wie folgt:

4. Verknüpfen Sie Dateien in untergeordneten Verzeichnissen
Der Code zum Verknüpfen von ccc.html mit bbb.html lautet beispielsweise wie folgt:

5. Link zu Dateien in den nächsten 2 Verzeichnissen
Der Code für ccc.html zum Verknüpfen mit aaa.html lautet beispielsweise wie folgt:

Absoluter HTML-Pfad
Geben Sie den vollständigen Pfad zur Datei an, einschließlich des Protokolls oder Laufwerksbuchstaben (sofern zutreffend). Das heißt, der tatsächliche vollständige Pfad der Datei oder des Verzeichnisses Ihrer Homepage auf der Festplatte. Zum Beispiel:
http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg
Zu absoluten Pfaden gibt es nicht viel zu sagen. Wenn Sie relative Pfade beherrschen, sind absolute Pfade sehr einfach.