Heim > Web-Frontend > HTML-Tutorial > Zusammenfassung eines Tag-img-Tag-absoluten/relativen Pfad-Beispieltutorials

Zusammenfassung eines Tag-img-Tag-absoluten/relativen Pfad-Beispieltutorials

零下一度
Freigeben: 2017-06-24 11:54:35
Original
1588 Leute haben es durchsucht

Schöner Samstag, ich werde heute mehr schreiben und versuchen, so schnell wie möglich js zu schreiben.

1. Lassen Sie uns zunächst über das Springen zwischen Webseiten sprechen

 (1), href="Geben Sie hier die Adresse der Webseite ein, die umgeleitet werden soll"; Springen Sie zwischen zwei Seiten oder springen Sie direkt über die URL zu anderen Webseiten.

Code für Webseite eins: Wir schreiben zwei Webseiten, um zwischen ihnen zu springen

Code der Webseite zwei:
<html>
    <head>
        <title>网页一</title>
    </head>
    <body>
     <a href="网页2.html">跳转网页2</a>
    </body>
</html>
Nach dem Login kopieren

Die beiden Dateien müssen sich im selben Ordner befinden. Es ist am besten, die Seite auf Englisch zu benennen Sollte es später Probleme mit Chinesisch geben, bin ich nur hier, um es für alle klarer zu machen
<html>
    <head>
        <title>网页二</title>
    </head>
    <body>
     <a href="网页1.html">跳转网页1</a>
    </body>
</html>
Nach dem Login kopieren

[Hinweis]: Hier sind die beiden Dateien auf dem gleichen Niveau , Es ist in Ordnung, auf diese Weise zu springen. Was ist, wenn es nicht das gleiche Niveau hat?

Es ist so! Was ist mit dem Pfad in unserem „href=''“, wenn sich Webseite 2 in einem anderen Ordner befindet? Schauen Sie sich natürlich das Bild an.

Webseite springt zu Webseite 2

Tatsächlich sehen wir es oft, wenn wir online gehen. Was bedeutet das also? Was dies hier bedeutet, basiert auf der aktuellen Datei, die „

Webseite 1

“ ist, was bedeutet, dass zu Webseite 2 🎜>; Aber das Problem kommt wieder, ich möchte zu Webseite 2 zu Webseite 1 springen ist eine Kleinigkeit

../

Dies bedeutet Rückkehr zum vorherigen Ordner Ist die obere Ebene von Webseite 2 nicht der Unterordner ! Befindet sich die Webseite nicht auf derselben Ebene wie der Unterordner, nur Webseite 1!

Der Code für Webseite 2 zum Springen zu Webseite 1 sieht also so aus:

Das heißt, es bedeutet , dass er zur Webseite 1 im vorherigen Ordner springt

1. Relativer Pfad

Diese Art von Pfad wird als relativer Pfad bezeichnet. Welcher ist relativ? Wo befindet sich in der aktuellen Datei die Datei, nach der Sie suchen? Natürlich haben wir eine andere, die absoluter Pfad ist, aber nicht zu empfehlen.

Relative Pfade können auf jedem Computer verwendet werden, absolute Pfade jedoch nicht. 2. Absoluter Pfad

Bringen Sie Ihnen bei, wie Sie den absoluten Pfad ermitteln. Ziehen Sie die Datei in die Adressleiste des Browsers und die vollständige Adresse der Datei wird angezeigt.

  Nur das nach dem Laufwerksbuchstaben! File:/// vor ist nicht erforderlich

Sie können auch springen, indem Sie die vollständige Adresse in Webseite 2 schreiben

 

Die letzte Kleinigkeit, gestern habe ich über das Einfügen von Bildern in Webseiten gesprochen

1. Bilder einfügen (1), [Hinweis]: Der Pfad des Bildes ist derselbe wie der Pfad der Webseite. Es ist sinnlos, meinen Pfad zu schreiben . Sie müssen sich Ihren eigenen Weg ansehen. Weitere Informationen finden Sie oben

(2) Pfad [Hinweis]: Da meine Dateien so abgelegt sind, sind meine Bilder die Bilder im html-Ordner im img-Ordner Bild mit dem Namen 01 .jpg. Beachten Sie auch hier, dass, wenn das Formatpfadformat Ihres Bildes vom Bildformat abweicht, es nicht angezeigt wird!

Wirkung

Ich hoffe, dass du mehr kommentierst!

Das obige ist der detaillierte Inhalt vonZusammenfassung eines Tag-img-Tag-absoluten/relativen Pfad-Beispieltutorials. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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