Nwlapcug.com


Come disporre il testo attorno a un'immagine in HTML

Quando è disporre il testo attorno a un'immagine di pagina Web, posizionare i dati in modo che appare accanto al bordo dell'immagine. In caso contrario, l'immagine viene visualizzata da sola e il contenuto è di solito di sopra o di sotto dell'elemento grafico. Disposizione del testo consente di sfruttare al meglio lo spazio nella pagina e fornisce un modo per presentare la vostra immagine e il contenuto associato insieme. Tramite il programma di editor di testo e codice di HyperText Markup Language (HTML), disporre testo intorno a immagini.

Istruzioni

1

Portare il vostro programma di editor di testo e aprire il tuo file HTML che contiene un'immagine.

2

Individuare il codice sorgente di tue foto immagine nel documento. Un tipica immagine codice simile al seguente:

< img / >

3

Posizionare il cursore all'interno della riga di codice e il tipo "align =" con un set di virgolette dopo il segno di uguale. Per esempio:

< img align = "" / >

4

Immettere uno dei seguenti posizioni tra virgolette del descrittore di allineamento: sinistra, destra, alto, medio o basso. Ogni posizione indica dove l'immagine viene visualizzata in relazione al testo. Ad esempio, la posizione "giusta" pone l'immagine sulla destra e il testo viene disposto intorno all'immagine a sinistra. Digitare il codice come segue:

< img align = "right" / >

5

Salvare il file. Fare clic sul menu "File" su un browser Web e selezionare l'opzione "Apri" o "Apri File" per visualizzare in anteprima il testo a capo.