Nwlapcug.com


Come allineare e Wrap IMG SRC in HTML

Le pagine Web consentono di presentare informazioni in modi diversi per i tuoi visitatori. Il testo non è l'unico contenuto preoccuparsi quando si progetta una pagina Web. Visitatori e motori di ricerca anche notano le immagini in un sito ben predisposto. È certamente possibile solo inserire un'immagine nel tuo sito sopra o sotto il testo. Ma l'inserimento dell'immagine in modo che si adatta ordinatamente in un blocco di testo presenta un aspetto più professionale ai tuoi visitatori.

Istruzioni

1

Aprire la pagina HTML che si desidera modificare nell'editor HTML preferito. Pagine HTML sono testo normale, quindi è possibile modificarli in qualsiasi editor di testo come blocco note. È preferibile 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 appena prima del blocco di testo. Digitare quanto segue:

< img alt = "Descrizione"

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 come l'immagine, basta includere il nome dell'immagine. Sostituire "Descrizione" con una descrizione dell'immagine per i motori di ricerca e browser che disattivare le immagini in una pagina. Assicurarsi di includere le virgolette in entrambe le proprietà.

3

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

Style = "float: left" / >

La proprietà "float" dice al browser di galleggiare l'immagine nella posizione indicata della pagina. Testo viene disposto intorno all'immagine come necessario. È inoltre possibile immettere "diritto" a stare a galla l'immagine sul lato destro della pagina.

4

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