Relativer Weg in HTML

Wir müssen häufig Dateien hinzufügen und zugreifen, die in einem HTML -Dokument auf dem System gespeichert sind. Wenn sich die in einem Dokument benötigte Datei im selben Ordner wie die, in der die Datei für die Website gespeichert wurde der Datei.

Was genau ist ein relativer Weg?

Der relative Pfad bedeutet, dass die Dateien, auf die verwiesen wird. So dass die Datei zugänglich wird, auch wenn nur ihr relativer Ordnername vor dem Namen der Datei angegeben wird, anstatt einen ganzen Pfad hinzuzufügen, der den Namen aller Ordner und Verzeichnisse enthält, in denen die Datei gespeichert wurde.

So fügen Sie relative Pfade in HTML hinzu?

Die Syntax, um den relativen Pfad einer Datei hinzuzufügen, während Sie HTML verwenden, um das Dokument zu formatieren, ist einfach. Fügen Sie ein Anker -Tag mit einem HREF -Attribut hinzu, das den relativen Pfad enthält (Ordnerame und den genauen Dateinamen mit der Erweiterung, beide beginnend mit dem Slash -Symbol). Fügen Sie zwischen dem Öffnungs- und Schließen von Anker -Tags den Text hinzu, der in Form eines Links auf der Ausgabeschnittstelle angezeigt werden sollte.

Syntax

Der relative Pfad in HTML wird durch das Anker -Tag mit dem HREF -Attribut hinzugefügt:

Link zum Bild

Beispiel: Hinzufügen von Bild, indem der relative Pfad in HTML angegeben wird

Lassen Sie uns diskutieren, wie Sie in der HTML einen relativen Pfad hinzufügen und wie er mit Hilfe eines Beispiels auf der grafischen Schnittstelle funktioniert:

Link zum Bild

In der obigen Anweisung, um den relativen Pfad in HTML hinzuzufügen:

• Es gibt ein Anker -Tag mit dem HREF -Attribut. Innerhalb des Eröffnungs -Anker -Tags gibt es den Ordnernamen “HTML und CSS,"Beginnend mit dem"/”(Slash -Symbol).
• Danach gibt es den genauen Dateinamen “img"Mit der Dateierweiterung".JPG”, Der Inhalt wird auf der Schnittstelle angezeigt.
• Und das "Link zum BildIst der Text, der in Form eines Links angezeigt wird, der auf den Benutzer zum Inhalt der “wirdJPG" Datei.

Dadurch wird die folgende Ausgabe angezeigt:

Vorteile des Hinzufügens des relativen Pfades in HTML

Das Hinzufügen des relativen Pfades in HTML hat die folgenden Vorteile:

• Das Hinzufügen des relativen Pfades in HTML kann direkt auf die angegebene Datei zugreifen, ohne den gesamten absoluten Pfad hinzuzufügen (den Pfad, der alle Verzeichnisse abdeckt, in denen die Datei gespeichert ist).
• Während der Verwendung der relativen Pfade in HTML können die Domainnamen leicht geändert werden und es wird einfach, ganze Verzeichnisse in HTML zu verschieben, während die relativen Pfade verwendet werden.

Abschluss

Das Hinzufügen von relativen Pfaden in HTML ist eine nützliche Möglichkeit, auf eine Datei zugreifen zu können, die in einem Ordner oder einem Verzeichnis im HTML -Dokument gespeichert ist. Alles, was es benötigt, ist ein Anker -Tag und das HREF.