Percorso del file HTML

Percorso Descrizione
<img src="picture.jpg"> picture.jpg si trova nella stessa cartella della pagina web corrente
<img src="images/picture.jpg"> picture.jpg si trova nella cartella images dello stesso percorso
<img src="/images/picture.jpg"> picture.jpg è nella cartella images del percorso radice del sito corrente
<img src="../picture.jpg"> picture.jpg si trova nella cartella superiore della cartella corrente

Percorso del file HTML

Il percorso del file descrive la posizione di un file nella struttura delle cartelle del sito.

Il percorso del file viene utilizzato quando si collegano file esterni tramite link:

  • Pagina web
  • Immagini
  • Fogli di stile
  • JavaScript

Percorso del file assoluto

Il percorso del file assoluto indica un URL completo di un file Internet:

Esempio

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

Il tag <img> e gli attributi src e alt sono spiegati nella sezione HTML immagine.

Percorso relativo

I percorsi relativi puntano a file relativi alla pagina corrente.

In questo esempio, il percorso del file punta a un file nella cartella images del percorso radice del sito:

Esempio

<img src="/images/picture.jpg" alt="flower">

In questo esempio, il percorso del file punta a un file nella cartella images della cartella corrente:

Esempio

<img src="images/picture.jpg" alt="flower">

In questo esempio, il percorso del file punta a un file nella cartella images del percorso superiore della cartella corrente:

Esempio

<img src="../images/picture.jpg" alt="flower">

Abitudine buona

L'uso dei percorsi relativi è un'abitudine buona (se possibile).

Se si utilizza un percorso relativo, la tua pagina web non sarà vincolata all'URL di base corrente. Tutti i link funzioneranno correttamente sul tuo computer (localhost) o in un dominio pubblico futuro.