Nwlapcug.com


Come inserire HTML testo attorno a un'immagine

Come inserire HTML testo attorno a un'immagine


Siti Web pubblicazione articoli online spesso seguono il layout di una rivista o un giornale dove viene eseguito il wrapping del testo intorno a un'immagine impostata a sinistra o a destra dello schermo. Anche se la posizione predefinita del testo intorno all'immagine inserita in una pagina Web è nella parte inferiore, è possibile impostare la proprietà immagine in HTML per consentire al testo di avvolgere intorno ad esso. Questo può essere fatto aggiungendo una proprietà nel tag immagine HTML utilizzando un editor di testo o un software di editing HTML.

Istruzioni

1

Creare un nuovo file utilizzando un HTML editor 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, è possibile inserire un'immagine digitando il seguente codice HTML:

< img src = "yourimage.jpg" >

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

3

Modificare il codice HTML per il tag < img > e aggiungere la proprietà alignment. Ad esempio, se si desidera allineare l'immagine a sinistra, immettere il seguente codice HTML:

< img align = "left" >

4

Aggiungi il tuo testo accanto all'immagine.

5

Salvarlo come un file HTML.

6

Aprire il file HTML in un browser Web per visualizzare le immagini avvolta attorno al testo.

Consigli & Avvertenze

  • Maggior parte degli editor HTML hanno strumenti consente di impostare le proprietà per l'immagine, ad esempio l'allineamento di immagine che cambia automaticamente il codice HTML. Consultare la documentazione del vostro software di editing HTML per scoprire che cosa sorta di funzionalità consentono di modificare facilmente un'immagine inserita.