Nwlapcug.com


Come creare codici HTML per immagini

Come creare codici HTML per immagini


Senza immagini, Internet sarebbe un posto piuttosto noioso. Immaginare nient'altro che pagina dopo pagina di testo. Foto di rivivere una pagina web, aggiunta di contenuti e interesse. Utilizzando HyperText Markup Language (HTML), è abbastanza facile creare il codice per inserire le immagini. Una volta che essi sono stati inseriti, è possibile regolare e modificarli in molti modi per soddisfare le vostre esigenze.

Istruzioni

1

Inizia con il codice < IMG SRC = "imagelocation" > ovunque nel documento HTML si desidera una foto per apparire. Sostituire "imagelocation" con l'URL dell'immagine che si desidera registrare. Se è fuori di un altro sito Web, è necessario utilizzare l'intero URL, rendendo il codice simile al seguente: < IMG SRC = "l'http://www.anothersite.com/image.jpg" >. Se le immagini sono archiviate in una cartella all'interno del tuo sito Web, tutto ciò che serve per pubblicare è < IMG SRC="foldername/image.jpg" >.

2

Impostare la larghezza e l'altezza in pixel aggiungendo < IMG SRC="foldername/image.jpg" WIDTH = "400" HEIGHT = "600" >. Modificare i valori di larghezza e altezza per abbinare le dimensioni desiderate. Se il codice è impostato per le dimensioni effettive dell'immagine, si creerà un segnaposto per l'immagine sul computer che caricano immagini lentamente. Puoi anche intenzionalmente l'immagine più grande o più piccola di quanto è effettivamente inserendo la nuova larghezza e altezza numeri.

3

Aggiungere testo incorporato con il codice < IMG SRC="foldername/image.jpg" ALT = "il testo andrà qui" >. Se qualcosa va storto con il caricamento di foto, il testo verrà visualizzato invece. Molti web designer come usare il testo ALT per descrivere la foto per questo motivo.

4

Aggiungere un bordo di foto con il codice < IMG SRC="foldername/image.jpg" BORDER = "7" >. Maggiore è il numero, il più spesso sarà il confine. Se la tua foto è anche un link web e non si desidera di essere evidenziato, digitando BORDER = "0" tenere la foto senza bordo.

5

Posizionare l'immagine all'interno del sito con il codice < IMG SRC="foldername/image.jpg" ALIGN = "right" >. In questo caso, l'immagine sarà a destra dello schermo. È inoltre possibile immettere "centro" o "sinistra" come avete bisogno. È inoltre possibile utilizzare il "top", "medio" e "bottom" per regolare l'allineamento verticale.

6

Come molti di questi elementi si combinano come si desidera in codice dell'immagine. Se utilizzi tutti loro, il codice sarà simile a questo: < IMG SRC="foldername/image.jpg" WIDTH = "400" HEIGHT = "600" ALT = "Il testo sarà andare qui" BORDER = "3" ALIGN = "right" >. La base IMG SRC = "imagelocation" deve venire prima. Dopo che l'ordine dei diversi elementi non fa differenza.