Immagini possono portare a una pagina Web alla vita come nessun altro elemento nel Web design. In senso stretto, il codice HTML non inserire immagini in una pagina. Invece, il codice indica il browser Web dell'utente all'immagine di origine, il browser Scarica il file di origine e visualizza sullo schermo dell'utente. Assicurarsi che l'immagine è davvero nella posizione specificata nel codice HTML, altrimenti i visitatori sarebbero vedere un segno di foto "rotto" o non disponibile.

Istruzioni

1

Aprire la pagina Web in un editor di testo. Fare clic ovunque nel documento che si desidera inserire un'immagine.

2

Immettere il tag IMG per inserire l'elemento immagine HTML. Aggiungere gli attributi richiesti "src" e "alt." Essa sarà simile a questo: < img alt = "" >.

3

Digitare l'indirizzo del file di origine nel campo valore "src". Il valore viene visualizzato accanto al nome dell'attributo. Se il file di origine è in una sottocartella, è necessario includere la cartella. Se si utilizza un URL assoluto, immettere l'indirizzo completo. Esempi: < img alt = "" > o < img alt = "" >.

4

Digitare un testo alternativo come valore per l'attributo "alt": < img alt = "HTML Tutorial Logo" >. Verrà visualizzato il testo alternativo al posto di un'immagine se quest'ultimo non viene visualizzato (in un browser Web)

5

Aggiungere un segno di barra finale alla fine del tag IMG: < img alt = "HTML Tutorial Logo" / >. Questo non è richiesto in HTML, ma dovrebbe essere aggiunto se si desidera che la pagina sia conforme a XHTML.

Consigli & Avvertenze

• Non tutte le immagini hanno bisogno di un testo alternativo. Immagini ornamentali come proiettili e divisori sono meglio lasciare con un attributo "alt" vuoto. Non è necessario che i visitatori vedere etichette come "freccia", "icona" o "Divisore orizzontale."