Aggiunta di immagini a una pagina web che porta alla vita. Immagini sia catturano l'attenzione del lettore e forniscono ulteriori informazioni che non possono essere mostrate nel testo. Angoli arrotondati, scatole, contorni e icone possono tutti essere immagini immagini sono anche utilizzate nella formattazione. Mettere un'immagine in una pagina web è un compito semplice.

Istruzioni

1

Creare un file vuoto sul tuo PC con un text editor. Salvarlo in una directory facile da trovare e digitare. Rendere l'estensione HTM o HTML. Il nome del file può essere qualsiasi cosa che volete, ma qualcosa di semplice come opere di 'test'. Se è stato salvato nella directory temporanea, potrebbe essere il percorso completo: C:\temp\test.html.

2

Aggiungere tag HTML di base al file. Di seguito è riportato la struttura base di un documento HTML--si può entrare da soli, o basta copiare e incollare il seguente:

< HTML >

< HEAD >

< TITLE > mio test File immagine < / TITLE >

< BODY >

< H1 > questa è una prova di aggiungere un'immagine < / H1 >

< / BODY >

< / HTML >

Salvare il file. Aprirlo nel browser con la scelta del menu File/Apri. Non si dovrebbe vedere uno qualsiasi dei tuoi tag..--solo "Questo è un test di aggiungere un'immagine" nella parte superiore dello schermo e "Mio test File immagine" sulla barra del titolo nella parte superiore della finestra del browser.

3

Salvare il file di immagine nella stessa directory come pagina web; assumeremo che si chiama "test. jpg". Aggiungere un tag IMG all'interno il tag < BODY >, come questo;

< BODY >

< IMG SRC="test.jpg" ALT = "questo è il mio test" >

< / BODY >

Mettere il file nella stessa directory come tua pagina semplifica aggiungendo il link nel tuo file. Se fosse in una directory sottostante denominata "immagini", l'attributo SRC sopra leggeva, "/ images/test.gif". Se fosse su un server web da qualche altra parte, chiamato something.com, l'attributo SRC sarebbe "http://something.com/test.gif."

4

Salvare il file. Aprirlo con il browser utilizzando File/Apri. Ora vedrete la vostra immagine incorporato nella pagina web. Se si posiziona il cursore sopra la parte superiore dell'immagine, verrà visualizzato il contenuto dell'attributo ALT--"questo è il mio test"--appaiono sopra la vostra immagine. Si tratta di un pezzo importante del tag"IMG" in quanto fornisce la possibilità per gli spettatori non vedenti scoprire qual è l'immagine attraverso il loro software del lettore.