Come Float un'immagine in XHTML

February 20

Secondo W3 Schools, Extensible Hypertext Markup Language (XHTML) è simile a Hypertext Markup Language (HTML), ma ha regole più severe. Ad esempio, tutti gli elementi all'interno del vostro codice deve essere in minuscolo ed includere un tag di apertura e chiusura. Inoltre, gli elementi devono essere posizionati nello stesso ordine in cui sono annidati. Questo significa che se si inizia con un tag di paragrafo e poi un tag di immagine, è necessario terminare con il tag di immagine e poi il tag di paragrafo. i fogli di stile a cascata (CSS) aiutano a galleggiare elementi, comprese le immagini, in XHTML. Specifica dove gli oggetti appaiono in una pagina Web galleggiante.

istruzione

1 Copiare il codice seguente linguaggi xhtml per fare un galleggiante immagine verso il lato sinistro della pagina:

<Img style = "float: left" />

2 Copia il seguente codice per fare un galleggiante immagine verso il lato destro:

<Img style = "float: right" />

3 Aprire il file HTML che si desidera modificare in un editor di testo, come Blocco note, WordPad, o TextEdit. Per aprire il file, selezionare "File" e "Apri" dal menu e cambiare "File di tipo" a "Tutti i file" o "Qualsiasi file" nella finestra di dialogo. Fare doppio clic sul file per caricarlo nell'editor.

4 Scorrere fino al tag <body> del file HTML e collocare il punto di inserimento dove si desidera visualizzare l'immagine. Incollare il codice XHTML è stato copiato in quella zona della vostra pagina.

5 Sostituire "floatImage.gif" con il nome dell'immagine che si desidera galleggiare.

6 Selezionare "File" e "Salva" dal menu per salvare le modifiche.