Verknüpfen einer Seite mit einer lokalen Seite (in Dateien) HTML - HTML, Hyperlink

Ich versuche einen Hyperlink von meiner aktuellen Seite zu einer anderen Seite über meine Dateien einzurichten, aber es funktioniert nicht ... Mein Code:

<ahref="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html"><input type="image" id="Languages" position:absolute style="height:px; width:px;" src="./CSImages/About.PNG">

<!-- Thats in context, the HREF is following-->

<ahref="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">

Sobald ich auf den Hyperlink klicke, wird ein Fehler angezeigt, der das Verzeichnis wiederholt:

file: /// C: / Users / ashsa_000 / Desktop / Html / 6% 20weeks% 20project / file /// C: /Users/ashsa_000/Desktop/Html/6%20weeks%20project/Index/Languages.html

Wie kann ich das beheben?

Antworten:

Zunächst das Tag in Verbindung mit dem href Attribut Arbeit wie folgt <a href="path/to/file.html">. Bemerkte den Unterschied (Leerzeichen)?

Wenn sich die Datei im selben Ordner befindet, müssen Sie nur auf die Datei verweisen, die Sie ab diesem Pfad verknüpfen möchten.

Du warst auf dem richtigen Weg, dein href würde werden: {}

Benennen Sie Dateien nur mit Kleinbuchstaben. Es ist nicht notwendig, aber eine akzeptierte Praxis!

Das <a> muss ein Leerzeichen zwischen dem haben a und href: <a href="">

Wenn du das benutzt href Attribut, wird der Pfad auf die Datei basieren, die Sie die <a> in z. wenn du die <a> in dem index.html, und Sie möchten auf verweisen languages.htmlStellen Sie zunächst sicher, dass die languages.html befindet sich im selben Ordner wie index.html (einfacher) und dann einfach darauf verweisen mit:

<a href="languages.html">

Auch, warum verwenden Sie eine input Etikett? Verwenden Sie einfach eine img Etikett. Ich werde Ihren Code reparieren:

<a href="languages.html">
<img id="Languages" style="position: absolute; height:_px; width:_px;" src="/images/CSImages/About.PNG">
</a>

Dies funktioniert nur, wenn sich der Ordner CSImages im selben Verzeichnis wie befindet index.html Wenn nicht, ändern Sie einfach den Pfad entsprechend.

Hoffe das hilft!

<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<input type="image" id="Languages" position:absolute style="height:px; width:px;" src="./CSImages/About.PNG">
</a>

Wie in den Kommentaren erwähnt, sollten Sie ein Leerzeichen dazwischen setzen a und href. Zusätzlich sollten Sie das Fenster schließen a Etikett.

Warum benutzt du ein input Element zum Anzeigen eines Bildes? Vielleicht sind Sie mit einem tatsächlichen Bild-Tag besser dran:

<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<img id="Languages" style="position:absolute; height:[insert missing value]px; width:[insert missing value]px;" src="/images/./CSImages/About.PNG">
</a>

Sie können auch einen Blick auf diese SO-Frage werfen, um weitere Informationen zu Links zu lokalen Dateien zu erhalten: Wie kann ich einen Link zu einer lokalen Datei auf einer lokal ausgeführten Webseite erstellen?

Fügen Sie den Raum im hinzu a href, legen Sie das Bild in ein img tag, und don "t include height und width es sei denn, Sie geben einen Wert an. Ebenfalls position:absolute muss in a gehen style Etikett. Zum Schluss schließen Sie Ihre a Etikett.

<a href="file:///C:/Users/ashsa_000/Desktop/Html/6weeksproject/Index/Languages.html">
<img src="/images/./CSImages/About.PNG" style="position:absolute">
</a>