Come per allineare e Wrap IMG SRC in HTML

September 13

pagine web che consentono di presentare le informazioni in modi diversi per i tuoi visitatori. Il testo non è l'unico contenuto di cui preoccuparsi quando si progetta una pagina Web. I visitatori e anche i motori di ricerca notano le immagini in un sito ben fatto. E 'certamente possibile inserire solo un'immagine nel sito sopra o al di sotto del testo. Ma inserire l'immagine in modo che si inserisce perfettamente in un blocco di testo presenta un aspetto più professionale per i tuoi visitatori.

istruzione

1 Aprire la pagina HTML che si desidera modificare nel vostro editor HTML preferito. pagine HTML sono solo testo, in modo da poterli modificare in qualsiasi editor di testo come Blocco note. E 'meglio evitare di programmi di elaborazione testi come Microsoft Word o WordPad, perché aggiungono tag nascosti al testo.

2 Individuare il blocco di testo in cui si desidera inserire l'immagine. Posizionare il cursore immediatamente prima del blocco di testo. Digitare quanto segue:

<Img alt = "description"

Sostituire "myimage.jpg" con il nome e la posizione dell'immagine rispetto alla pagina HTML. Ad esempio, se l'immagine si trova nella stessa cartella o directory dell'immagine, solo il nome dell'immagine. Sostituire "descrizione" con una descrizione dell'immagine per i motori di ricerca e browser che disabilitano le immagini in una pagina. Assicurati di includere le virgolette in entrambe le proprietà.

3 Premere la barra spaziatrice sulla tastiera e digitare quanto segue dopo la descrizione immagine:

style = "float: left" />

La proprietà "float" dice al browser di galleggiare l'immagine nella posizione indicata della pagina. Testo disposto intorno all'immagine, se necessario. È anche possibile inserire "giusto" galleggiare l'immagine sul lato destro della pagina.

4 Salvare il file HTML e caricarlo sul server Web del provider di hosting utilizzando gli strumenti forniti o un client FTP. Carica l'immagine usando lo stesso metodo.