Le tabelle sono vecchi modi per formattare le informazioni in una pagina Web. Nelle tabelle sono costruite da righe e colonne. Dell'intersezione tra una riga e una colonna è una cella. All'interno di queste cellule, i webmaster sono in grado di memorizzare testo o modulo controlli e presentarli all'utente in una zona formattata, allineata sulla pagina Web. Tuttavia, i tavoli sono difficili da controllare in una pagina, quindi fogli di stile CSS (CSS) ha assunto la direzione. CSS è un modo per creare la tabella-come le zone in una pagina senza le richieste e le limitazioni di una tabella.

Istruzioni

1

Aprire editor di testo HTML preferito. Per un semplice editor, può essere utilizzato il blocco note. Editor più avanzati come Visual Studio colore-codice HTML, quindi è più facile da leggere e modificare quando le pagine diventano diverse centinaia di righe.

2

Digitare l'apertura codice HTML per la tabella CSS nell'editor di testo. Il primo elemento di una tabella è il tag "< table >". Per i CSS, è il tag "< div >". Di seguito è riportato il codice per avviare l'elemento di tabella CSS:
< div style = "width: 450px;" >< / div >
Questo codice crea una tabella CSS che si occupa di 450 pixel sullo schermo dell'utente.

3

Creare la prima cella e colonna della tabella di CSS. Divs incorporato nel codice HTML creare la carne della tabella. Ogni div posizionato all'interno del div primo creerà una cella. Di seguito è riportato il codice per fare un tavolo di un cella in CSS:
< div style = "width: 450px;" >
< div Larghezza: 50%; " > prima cella < / div >
< / div >
Il div incorporato è una colonna che occupa il 50% della larghezza della tabella CSS.

4

Creare la seconda cella per riempire il resto della larghezza della tabella CSS. Poiché solo il 50% della tabella è stato riempito nel passaggio 3, un altro div è creato per riempire il resto della tabella. Questo crea una tabella con due colonne. Di seguito è riportato il codice per creare la seconda cella:
< div style = "width: 450px;" >
< div Larghezza: 50%; " > prima cella < / div >
< div Larghezza: 50%; " > seconda cella < / div >
< / div >

5

Premere il tasto "Ctrl" e il tasto "S" sulla tastiera. Si salva il file sul disco rigido. Spostarsi nel percorso del disco rigido in cui è stato salvato il file. Fare doppio clic su esso e il file viene aperto in una finestra del browser. Si dovrebbe vedere una tabella con due celle con l'etichetta "Primo cellulare" e "Seconda cella."