Come fare Testo a capo in HTML

May 31

disposizione del testo intorno alle immagini sulle tue pagine web li fa risaltare di più e consente di risparmiare spazio sulla tua pagina. Si può disporre il testo intorno alle immagini utilizzando l'attributo "align" per i tag "img" in HTML. Questo attributo definisce l'allineamento verticale e orizzontale delle immagini sulle tue pagine e tutti i principali browser supportano. Si può avvolgere altri elementi intorno le immagini troppo.

istruzione

1 Aprire il file HTML. Posizionare il cursore nel punto nel codice in cui si desidera inserire l'immagine e avere scorrimento del testo intorno ad esso.

2 Inserire la seguente riga:

<Img alt = "Questa è la mia immagine" align = "left" />

Inserire le informazioni corrette per la "src" e gli attributi "alt". Utilizzando "sinistra" l'attributo "align", l'immagine sulla pagina si inserisce in alto a sinistra di un blocco di testo. Altre opzioni disponibili per questo attributo sono "giusto", "medio", "alto" e "basso".

3 Salvare il file HTML e caricarlo sul vostro server web.

Consigli e avvertenze

  • Si può anche utilizzare un foglio di stile CSS per disporre il testo intorno alle immagini. Si utilizza l'attributo "galleggiare" nel tag "img" per impostare l'allineamento. Ad esempio, digitando "img {float: left;}" in un file CSS e compreso nella vostra pagina HTML posizionerà l'immagine nell'angolo superiore sinistro di un blocco di testo. Utilizzando un foglio di stile consente anche di impostare il "padding" e "margine" attributi per creare o rimuovere spazio tra il testo e le immagini.