Come per inserire il testo HTML attorno ad una immagine

March 23

Come per inserire il testo HTML attorno ad una immagine


Siti web che pubblicano articoli online spesso seguono il layout di una rivista o un giornale in cui il testo è avvolto intorno a un'immagine posto sul lato sinistro o destro dello schermo. Anche se la posizione di default del testo intorno all'immagine inserita in una pagina Web è in fondo, è possibile impostare le proprietà di immagine in formato HTML per consentire il testo per avvolgere intorno ad esso. Questo può essere fatto con l'aggiunta di una proprietà nel tag immagine HTML utilizzando un editor di testo o software di editing HTML.

istruzione

1 Creare un nuovo file utilizzando un editor HTML come FrontPage o Dreamweaver o un editor di testo come Blocco note.

2 Inserire un'immagine utilizzando gli strumenti editor HTML. Se si utilizza un editor di testo, inserire un'immagine digitando il seguente codice HTML:

<Img src = "yourimage.jpg">

Sostituire "yourimage.jpg" con il nome del file di immagine.

3 Modificare il codice HTML per il tag <img> e aggiungere la proprietà di allineamento. Ad esempio, se si vuole allineare l'immagine a sinistra, inserire il seguente codice HTML:

<Img align = "left">

4 Aggiungere il testo accanto all'immagine.

5 Salvarlo come un file HTML.

6 Aprire il file HTML in un browser Web per visualizzare l'immagine avvolto intorno al testo.

Consigli e avvertenze

  • La maggior parte degli editor HTML dispongono di strumenti che permettono di impostare le proprietà per l'immagine, come l'allineamento immagine che cambia automaticamente il codice HTML. Controllare la documentazione del software di editing HTML per scoprire che tipo di funzioni consentono di modificare facilmente l'immagine inserita.