Mettere immagini!

  • Creatore Discussione Creatore Discussione HHH
  • Data di inizio Data di inizio

HHH

Nuovo Utente
10 Feb 2007
7
0
0
Intanto vorrei ringraziarvi per l'aiuto che mi date nel costruire un mio sito io che parto da totalmente zero... xò anche se le vostre spiegazioni sono abbastanza facili nn capisco come si fà a mettere la foto nella mia home page del sito... io provo a prendere una foto che e' nominata Copia di DX HHH HBK ARE YOU READY la metto nella cartella mio_sito poi la rinomino mettendo manuel.png entro nel blocco note e comincio a scrivere i codici html e scrivo...

<IMG SRC="manuel.png">

xò quando faccio partire la mia home page nn c'è la foto ma una X rossa al centro nn sò che fare mi sn bloccato qui...
puotarsi che vi sembrerò scemo ma è così ringrazio chi mi aiuterà!!!
 
...
puotarsi che vi sembrerò scemo ma è così ringrazio chi mi aiuterà!!!
Eh eh, non sei assolutamente scemo, anzi, la tua voglia di imparare partendo da zero ti fa onore ;)

L'immagine non la vedi per questo motivo:
dicevi che l'immagine l'hai messa nella cartella "mio_sito".
Quando però nella pagina html inserisci il codice di richiamo dell'immagine fai:
<IMG SRC="manuel.png">
L'immagine non ti viene visualizzata perchè devi dare all'attributo SRC del tag <IMG> il percorso dell'immagine rispetto alla locazione della pagina che la richiama.

Ovvero, in questo caso semplicemente, devi fare:
<IMG SRC="mio_sito/manuel.png">

Vedrai che così ti funge :)

Se posso permettermi, ti consiglio di scrivere i codici HTML (ovvero i tag) sempre in minuscolo :)


:byebye:
 
Eh eh, non sei assolutamente scemo, anzi, la tua voglia di imparare partendo da zero ti fa onore ;)

L'immagine non la vedi per questo motivo:
dicevi che l'immagine l'hai messa nella cartella "mio_sito".
Quando però nella pagina html inserisci il codice di richiamo dell'immagine fai:
<IMG SRC="manuel.png">
L'immagine non ti viene visualizzata perchè devi dare all'attributo SRC del tag <IMG> il percorso dell'immagine rispetto alla locazione della pagina che la richiama.

Ovvero, in questo caso semplicemente, devi fare:
<IMG SRC="mio_sito/manuel.png">

Vedrai che così ti funge :)

Se posso permettermi, ti consiglio di scrivere i codici HTML (ovvero i tag) sempre in minuscolo :)


:byebye:

Grazie dell'aiuto spero di riuscire :D
 
Scusa ma nn riesco:( cmq mi potresti aiutare mettendomi i codici io faccio così...
<html>
<head>
<title>La nostra prima pagina Web</title>
</head>
<body>

<h1 align="center">La nostra prima pagina Web</h1>

<p align="center"><img src="manuel.png"></p>

<p>
Mi chiamo Luca Ruggiero e sono nato a
Napoli il 12 Aprile del 1978.<br><br>
Sono un programmatore Web ed amo realizzare siti
e scrivere guide ed articoli per insegnare ai miei lettori
come si realizzano pagine Web, anche molto complesse!<br><br>
Siccome questo è solo un esempio e mi è finita la fantasia,
la finisco qui :-)
</p>

<p align="center">
Ho realizzato questa pagina grazie al codice della guida
che ho trovato sul sito
<a href="https://www.mrw.it">MR Webmaster</a>
</p>

</body>
</html>

come dall'esempio su questo sito!!!
Grazie di tutto
 
Eccomi qui :)

Ti aiuto più che volentieri, e come primo aiuto ti posto questo link, che ti sarà utilissimo vedrai: ;)
https://www.mrw.it/fareweb/html/guida_html/

Appena avrai letto questa guida, vedrai che riuscirai a capire e ad imparare moltissime cose, garantito!
E per ciò che non riuscirai a capire.. siamo qui apposta! :ilpirata:

Ok, cmq io stò cercando di imparare con quella guida!!! Cmq provo a rileggerla e GRAZIE ancora!
 
ho fatto qualche passo in avanti ma misà se ... riuscirò a fare un sito mesà che nn posso mettere le foto :(
nn riesco.......:crying: viene sempre quella x rossa!! :(
 
nn sò se puoi aiutarmi maggiormente tu se nò nn metto la foto :) grazie
 
Ok, facciamo un esempio semplice semplice allora ;)
Segui i passi seguenti e vedrai che ti funge:

1- Crea sul desktop una cartella di nome "Prova"
2- Entra nella cartella, e crea il file "home.htm"
3- Sempre nella cartella "Prova", inserisci l'iimagine "manuel.png"
4- A questo punto, nella cartella avrai 2 file: "home.htm" e "manuel.png"
5- Inserisci tramite il Blocco Note il codice seguente nel file "home.htm":
Codice:
<html>
<body>
<img src='manuel.png'>
</body>
</html>
6- Salva, chiudi il Blocco Note, e apri il file "home.htm" facendo su di esso doppio click
7- Vedrai che all'interno della pagina web c'è l'immagine ;)

8- A questo punto, chiudi la pagina web, e, sempre stando dentro la cartella "Prova", crea una cartella "Immagini", e sposta il file "manuel.png" al suo interno.
9- Il contenuto della cartella "Prova" a questo punto sarà costituito dal file "home.htm" e dalla cartella "Immagini", la quale a sua volta contiene l'immagine "manuel.png".
Prova
|
|--- home.htm
|
|--- Immagini
______|
______|------manuel.png
10- Apri nuvamente il file "home.htm" e modifica il codice html con la parte qui sotto messa in rosso:
Codice:
<html>
<body>
<img src='[COLOR="Red"][B]Immagini/[/B][/COLOR]manuel.png'>
</body>
</html>
11- Salva, chiudi il Blocco Note, e apri nuovamente il file "home.htm"
12- Ecco l'immagine di nuovo. :)

Come hai notato, l'attributo src del TAG <img>, punta sempre all'immagine in base alla posizione che quest'ultima ha rispetto la pagina web che la contiene!

E continua a studiar la guida :D

:byebye:
 

Discussioni simili