Come inserire le tabelle HTML al lato di un testo

June 1

Come inserire le tabelle HTML al lato di un testo


Una tabella HTML viene utilizzato per strutturare il contenuto di una pagina web. È possibile selezionare la modalità di tabella viene visualizzata in una pagina web, quindi il testo appare sopra, sotto o accanto a un tavolo. Usando una combinazione di HTML e CSS (Cascading Style Sheets) del codice, è possibile manipolare il layout ancora di più. È possibile modificare il codice CSS in modo che il tavolo e il testo lato hanno una larghezza specifica e cambiare il lato su cui appare ogni elemento sulla tua pagina web.

istruzione

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

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

<Style type = "text / css">
.left {float: left; }
.right {float: right; }
</ Style>

3 Specificare la larghezza di ogni lato copiando il codice CSS in basso invece di codice di cui sopra e incollarlo tra il tag <HEAD>. Quindi modificare la dimensione di larghezza per abbinare il vostro progetto.

<Style type = "text / css">
.left {float: left; width: 300px; }
.right {float: right; width: 500px; }
</ Style>

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

<Div class = "left"> Ecco il testo accanto al tavolo HTML </ div>
<Div class = "right">
<Table>
<Tr>

&lt;td>Here's the table beside the text... &lt;/td>

</ Tr>
</ Table>
</ Div>

5 Sostituire il testo e contenuto della tabella con le informazioni. Quindi selezionare "File" e "Salva" dalla barra degli strumenti per salvare le modifiche.


Articoli Correlati