Nella programmazione HTML quando si mette di un'immagine in una pagina Web, per impostazione predefinita, il testo si mette a fianco l'immagine verrà eseguito solo alla fine della linea poi continuare sotto l'immagine. Questo può finire per guardare imbarazzante, soprattutto se si dispone di un'immagine di grandi dimensioni. Utilizzare stili di immagine per avvolgere il testo intorno all'immagine, e allineando l'immagine sul lato sinistro o destro del testo. Hai due opzioni per programmare questo, sia nella pagina HTML stessa, o utilizzando un foglio di stile CSS.

istruzione

HTML

1 Aprire il documento HTML in cui si desidera disporre il testo. Inserire il cursore in cui si desidera aggiungere un'immagine.

2 Digitare la seguente per inserire un'immagine sul lato destro e disporre il testo intorno a sinistra:

<Img style = "float: right">

Cambiare "immagine" per il percorso del file di immagine. Change "diritto" di "sinistra" per l'immagine a sinistra del testo.

3 Salvare il file HTML e caricarlo sul server.

CSS

4 Aprire il file CSS.

5 Digitare la seguente per creare due nuove classi per un immagini che si desidera disporre il testo in giro:

img.leftFloat {float: left; }

img.rightFloat {float: right; }

6 Aprire un documento HTML. Inserire il cursore in cui si desidera aggiungere un'immagine e rendere il scorrimento del testo intorno ad esso.

7 Digitare la seguente per inserire un'immagine sul lato destro e disporre il testo intorno a sinistra:

<Img class = "rightFloat">

Cambiare "immagine" per il percorso del file di immagine. Change "rightFloat" a "leftFloat" per posizionare l'immagine alla sinistra del testo.

8 Salvare il file CSS e il file HTML. Carica sia per il server Web.