wake-up-neo.net

HTML: l'immagine non verrà visualizzata?

Sono un po 'nuovo di HTML. Sto provando a visualizzare un'immagine sul mio sito Web ma, per qualche motivo, mostra solo una casella blu con un punto interrogativo. Ho cercato ovunque su internet, ma nessuna delle soluzioni sembrava funzionare per me. Ho provato:

<img src="iwojimaflag.jpg"/>

<img src="images/iwojimaflag.jpg"/>

<img src="Applications/MAMP/htdocs/Symfony/src/Acme/WebBundle/Resources/public/images/iwojimaflag.jpg"/>
3
Gretta

Solo per espandere niko 's risposta:

Puoi fare riferimento a qualsiasi immagine tramite il suo URL. Non importa dove sia, finché è accessibile puoi usarlo come src. Esempio:

Posizione relativa :

<img src="images/image.png">

L'immagine è ricercata relativa alla posizione del documento . Se il tuo documento è http://example.com/site/document.html, la tua cartella images dovrebbe trovarsi nella stessa directory in cui si trova il tuo file document.html.

Posizione assoluta :

<img src="/site/images/image.png">
<img src="http://example.com/site/images/image.png">

o

<img src="http://another-example.com/images/image.png">

In questo caso, l'immagine verrà ricercata dalla radice del documento , quindi, se document.html è http://example.com/site/document.html, la radice sarà http://example.com/ (o la rispettiva directory sul filesystem del server, comunemente www/). I primi due esempi sono gli stessi, poiché entrambi puntano allo stesso host, pensate al primo / come alias per la root del vostro server. Nel secondo caso, l'immagine si trova in un altro host, quindi dovresti specificare l'URL completo dell'immagine.

Per quanto riguarda /, . e ..:

Il simbolo / restituirà sempre la radice di un filesystem o di un sito.

Il punto unico ./ punta alla stessa directory in cui ti trovi.

E il punto doppio ../ punterà alla directory superiore o a quella che contiene la directory di lavoro effettiva.

Quindi puoi costruire percorsi relativi usando loro.

Esempi dati il ​​percorso http://example.com/dir/one/two/three/ e il tuo calling documento all'interno di three/:

"./pictures/image.png"

o semplicemente

"pictures/image.png"

Cercherò di trovare una directory denominata pictures all'interno http://example.com/dir/one/two/three/.

"../pictures/image.png"

Cercherò di trovare una directory denominata pictures all'interno http://example.com/dir/one/two/.

"/pictures/image.png"

Cercherò di trovare una directory chiamata pictures direttamente a / o example.com (che sono uguali), allo stesso livello di directory.

4
arielnmz

Vediamo modi per fare riferimento all'immagine.

Indietro una directory

../

Cartella in una directory:

 foldername/

File in una directory

 imagename.jpg

Ora, combiniamoli con gli indirizzi specificati.

 /Resources/views/Default/index.html
 /Resources/public/images/iwojimaflag.jpg

La prima directory comune a cui fa riferimento il file html è tre indietro:

 ../../../

Si trova all'interno di due cartelle:

 ../../../public/images/

E hai raggiunto l'immagine:

 ../../../public/images/iwojimaflag.jpg

Nota: si presume che si stia accedendo a una pagina su domain.com/Resources/views/Default/index.html come specificato nel commento.

3
user3728283

Se inserisci <img src="iwojimaflag.jpg"/> nel codice html, inserisci iwojimaflag.jpg e il file html nella stessa cartella.

Se inserisci <img src="images/iwojimaflag.jpg"/>, devi creare la cartella "images" e inserire l'immagine iwojimaflag.jpg in quella cartella.

0
Arshid KV

img {
  width: 200px;
}
<img src="https://image.ibb.co/gmmneK/children_593313_340.jpg"/>

<img src="https://image.ibb.co/e0RLzK/entrepreneur_1340649_340.jpg"/>

<img src="https://image.ibb.co/cks4Rz/typing_849806_340.jpg"/>

si prega di consultare il codice sopra.

0
Arshiya Khanam