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.