Una tabella HTML viene utilizzata per strutturare il contenuto in una pagina web. È possibile selezionare come tua tabella viene visualizzata in una pagina web, così il testo viene visualizzato sopra, sotto o accanto a un tavolo. Utilizzando una combinazione di HTML e CSS (Cascading Style Sheets) codice, è possibile modificare il layout ancora di più. Così il testo tabella e laterali hanno una larghezza specifica e cambiare il lato in cui ogni elemento viene visualizzato sulla tua pagina web, è possibile modificare il codice CSS.

Istruzioni

1

Aprire il file HTML che si desidera modificare in un editor di testo.

2

Copiare il seguente codice CSS e incollarlo tra il tag < HEAD > del file:

< style type = "text/css" >
tilmato {float: left;}
proprio {float: right;}
< / stile >

3

Specificare la larghezza di ogni lato copiando il codice CSS sotto invece di codice di cui sopra ed incollarlo tra i tag < HEAD >. Quindi modificare le dimensioni di larghezza per abbinare il vostro progetto.

< style type = "text/css" >
tilmato {float: left; width: 300px;}
proprio {float: right; width: 500px;}
< / stile >

4

Inserire il seguente codice HTML all'interno del tag < BODY > del file, dove il testo e la tabella apparirà by-side:

< div class = "left" > Ecco il testo al lato della tabella HTML < / div >
< div class = "right" >
< table >
< tr >

<td>Here's the table beside the text... </td>

< /tr >
< / tabella >
< / div >

5

Sostituire il contenuto di testo e la tabella con le informazioni. Quindi selezionare "File" e "Salva" nella barra degli strumenti per salvare le modifiche.