Come creare codici HTML per Immagini

June 26

Come creare codici HTML per Immagini


Senza immagini, Internet sarebbe un posto piuttosto noioso. Immaginate altro che pagine e pagine di testo. Immagini portare una pagina web per la vita, l'aggiunta di contenuti e di interesse. Utilizzando HyperText Markup Language (HTML), è abbastanza facile per creare il codice per inserire le immagini. Una volta che sono stati inseriti, è possibile regolare e modificare in molti modi per soddisfare le vostre esigenze.

istruzione

1 Inizia con il codice <IMG SRC = "imageLocation"> ovunque nel documento HTML si desidera visualizzare una foto. Sostituire "imageLocation" con l'URL dell'immagine che si desidera inserire. Se è spento di un altro sito, è necessario utilizzare l'URL completo, rendendo il look codice come questo: <IMG SRC = "http://www.anothersite.com/image.jpg">. Se le immagini sono memorizzati in una cartella all'interno del vostro sito web, tutto ciò che serve per pubblicare è <IMG SRC = "nomecartella / image.jpg">.

2 Impostare la larghezza e l'altezza in pixel con l'aggiunta di <IMG SRC = larghezza "nomecartella / image.jpg" = "400" height = "600">. Modificare i valori di larghezza e altezza per abbinare le dimensioni desiderate. Se il codice è impostato per le dimensioni reali dell'immagine, si creerà un segnaposto per l'immagine sul computer che caricano le immagini lentamente. È possibile anche intenzionalmente rendere l'immagine più grande o più piccolo di quello che effettivamente è immettendo nuovi numeri di larghezza e altezza.

3 Aggiungi testo incorporato con il codice <IMG SRC = "nomecartella / image.jpg" alt = "Il testo andrà qui">. Se qualcosa va storto con l'immagine di carico, il testo sarà visualizzato al posto. Molti web designer come utilizzare il testo ALT per descrivere l'immagine per questo motivo.

4 Aggiungere un bordo foto con il codice <IMG SRC = BORDO "nomecartella / image.jpg" = "7">. Più alto è il numero, più spesso il confine sarà. Se l'immagine è anche un collegamento web e non si vuole che sia evidenziato, scrivendo border = "0" mantenere l'immagine senza bordi.

5 Posizionare il quadro all'interno del sito web con il codice <IMG SRC = "nomecartella / image.jpg" align = "right">. In questo caso, l'immagine sarà a destra dello schermo. È anche possibile inserire "centro" o "sinistra" di cui hai bisogno. È inoltre possibile utilizzare "top", "medio" e "basso" per regolare l'allineamento verticale.

6 Combinare come molti di questi elementi come si desidera nel codice del quadro. Se li si utilizza, il codice sarà simile a questa: <IMG SRC = "nomecartella / image.jpg" width = "400" height = "600" alt = "Il testo passerà qui" border = "3" ALIGN = "right">. La base IMG SRC = "imageLocation" deve venire prima. Dopo che l'ordine dei vari elementi fa differenza.


Articoli Correlati