L'aggiunta di immagini su un sito web aggiungere dettagli e un po 'di chiarore alle tue pagine. Molti visitatori vogliono vedere visivamente ciò che stanno cercando e che cosa le pagine web stanno cercando di spiegare. Una buona immagine offrirà ai visitatori ulteriori informazioni e una migliore experience.So, come si fa ad aggiungere le immagini al tuo sito web? Il processo è abbastanza semplice, e tutto ciò che serve per imparare è un tag HTML semplice. Questo tag è il tag di immagine e appare così: <img src = immagine-name.jpg>. Se si wan per aggiungere un'immagine a un sito web, è necessario dire al browser in cui l'immagine è, e dove dovrebbe essere visualizzato. Il tag <img src> si limita a that.Read per imparare ad aggiungere un'immagine al tuo sito web.

istruzione

Come aggiungere un'immagine a un sito web

1 Carica la tua immagine al server Web utilizzando il client FTP in una directory chiamata "immagini". Quindi copiare giù il nome dell'immagine e la posizione. Sarà necessario includere questa posizione nel tag dell'immagine. Se mettete tutte le vostre immagini in una directory chiamata immagini, la posizione dell'immagine sarà "immagini / immagine-name.jpg".

2 Inserire il tag HTML <img l'immagine e visualizzarla nella pagina web, è necessario inserire la posizione dell'immagine, in modo che il navigatore può trovare. Quindi, immettere la posizione dell'immagine nel <img e si trova nella directory di immagini sul vostro server web, si dovrebbe inserire questa posizione nel tag HTML. Sarebbe leggere <img all'interno del tag <img src>, se si desidera un bordo, e quindi immettere testo alternativo, all'interno del tag. Questo è il testo che visualizza sullo schermo del visitatore come il caricamento dell'immagine. Se si dispone di un'immagine di una macchina, è possibile aggiungere "alt = new immagine auto", o qualcosa in tal senso. Questo è il modo per aggiungere un'immagine al tuo sito web.

Consigli e avvertenze

• Posizionare la vostra immagine in un luogo dove non interferisca con la disposizione della pagina HTML.
• Aggiunta di testo alternativo è un buon modo per aumentare il vostro SEO.
• Se non si desidera un bordo intorno all'immagine, inserire il border = "0" tag all'interno del tag <img src = #>.
• L'aggiunta di "../" prima del nome della directory (in questo caso "immagini") farà il browser tornare indietro di una directory, e quindi alla cartella delle immagini, se la pagina Web che si sta ponendo l'immagine, è in un'altra directory. Il tag sarà simile, <img src = "../ images / my-prima-html-image.jpg">.
• Usare sempre immagini più piccole, perché caricare più velocemente. Immagini di grandi dimensioni solo rallentare le velocità di caricamento della pagina.
• Inserire immagini in una pagina web può modificare il layout della pagina. Utilizzare le immagini che si adattano con le dimensioni della pagina.
• Utilizzando immagini protette da copyright sul tuo sito web è illegale. È necessario ottenere il permesso, o pagare i diritti per tutte le immagini protette da copyright.