Quando includi un'immagine con il testo nella tua pagina Web, lo stile predefinito visualizza l'immagine sopra o sotto il contenuto circostante, lasciando uno spazio bianco a sinistra e a destra dell'immagine. Questo spreca spazio e fa apparire l'immagine sconnessa dal tuo testo. Per risolvere questo problema, hai la possibilità di utilizzare HyperText Markup Language (HTML) o Cascading Style Sheets (CSS) per specificare il posizionamento dell'immagine in modo che il testo si avvolga attorno ai bordi dell'immagine. Usa HTML o CSS per spostare il testo attorno alle immagini, come preferisci.
HTML
Passaggio 1
Avvia il file di pagina nel programma di editor di testo del tuo computer e posiziona il cursore all'interno del tag "". Digita "align \u003d" e segui le virgolette in questo modo:
Passaggio 2
Inserisci "right", "left", "middle", "top" o "bottom" dopo la voce di allineamento a specifica dove appare la tua foto in relazione al tuo testo. Un allineamento "in alto" fa apparire il contenuto nel punto più alto dell'immagine, il "mezzo" sposta il testo al centro della foto e il "fondo" indica che il contenuto inizia nella parte inferiore della grafica. ", sposta i dati a sinistra dell'immagine e un allineamento "a sinistra" posiziona il contenuto a destra dell'immagine. Digita il codice come segue:
Salva il file.
CSS
Passaggio 1
Posiziona il cursore all'interno del "" tag e digita "style \u003d" con un set di virgolette segni prima dell'ultima parentesi angolare. Per illustrare:
Passaggio 2
Immettere "float:" all'interno delle virgolette e digitare l'attributo "sinistra" o "destra" per denominare l'allineamento del grafico. Il valore "sinistra" fa apparire l'immagine a sinistra e sposta il testo a destra, mentre l'attributo "destra" fa il contrario. Ad esempio:
Salva il tuo documento.
Computer © www.354353.com