Collegamento ipertestuale di una pagina a una pagina locale (in file) HTML - html, collegamento ipertestuale

Sto cercando di impostare un collegamento ipertestuale dalla mia pagina corrente a un'altra pagina tramite i miei file, tuttavia non funziona ... Il mio codice:

<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">

Dopo aver fatto clic sul collegamento ipertestuale, viene visualizzato un errore che ripete la directory:

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

Come posso risolvere questo?

risposte:

Prima di tutto, il tag in combinazione con il href attributo funziona come segue <a href="path/to/file.html">. Hai notato la differenza (spazio)?

In secondo luogo, se il file si trova nella stessa cartella, tutto ciò che devi fare è fare riferimento al file che vuoi collegare a partire da quel percorso e verso l'alto.

Eri sulla strada giusta, il tuo href sarebbe diventato: {}

Considera l'idea di denominare i file solo con lettere minuscole. Non è necessario, ma è una pratica ben accettata!

Il <a> deve avere uno spazio tra il file a e href: <a href="">

Quando usi il href attributo, il percorso sarà basato su quale file hai inserito <a> in, ad es. se metti il ​​file <a> nel index.htmle a cui vuoi fare riferimento languages.html, assicurati innanzitutto che il file languages.html è nella stessa cartella di index.html (più facile) e quindi fai riferimento ad esso con:

<a href="languages.html">

Inoltre, perché stai usando un file input etichetta? Usa solo un file img etichetta. Correggerò il tuo codice:

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

Funziona solo se la cartella CSImages si trova nella stessa directory di index.html In caso contrario, cambia semplicemente il percorso di conseguenza.

Spero che questo ti aiuti!

<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>

Come accennato nei commenti, dovresti mettere uno spazio tra a e href. Inoltre, dovresti chiudere il file a etichetta.

Perché stai usando un? input elemento per mostrare un'immagine? Forse stai meglio con un tag immagine reale:

<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>

Puoi anche dare un'occhiata a questa domanda SO per ulteriori riferimenti sui collegamenti ai file locali: Come posso creare un collegamento a un file locale su una pagina Web eseguita localmente?

Aggiungi lo spazio nel file a href, metti l'immagine in un file img tag e non includere height e width a meno che tu non voglia includere un valore. Anche position:absolute deve andare in a style etichetta. Infine, chiudi il tuo file a etichetta.

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