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.