CSS, che sta per fogli di stile CSS, è un insieme di codici che specifica come una pagina Web è strutturata. Tag HTML, che generalmente sono significate per sottostante struttura anziché layout e l'aspetto, può comunque eseguire molti degli stessi effetti CSS, compresa l'impostazione la larghezza e l'altezza delle tabelle. Ci sono diversi approcci che si può prendere a tabelle di dimensioni su pagine Web perché più di un fattore influisce sulla dimensione della tabella. Uno di questi fattori è qualsiasi elemento accanto a un tavolo. Capire come impostare la dimensione della tabella nelle pagine Web consente di creare pagine che soddisfano che vostre esigenze di progettazione.

Istruzioni

1

Aprire Blocco note o altro editor di testo di vostra scelta. Incollare in esso il seguente documento HTML. I codici in questo documento raccontare il vostro browser per visualizzare una pagina Web vuota. Successivamente si aggiungerà tag HTML per definire una tabella.

< html >

< head >

< / head >

< corpo >

< / body >

< / html >

2

Incollare i seguenti tag HTML dopo il tag di apertura < corpo > incollato nell'ultimo passaggio. Questi tag raccontare il vostro browser per creare una tabella in cui le cellule e la struttura hanno un bordo così si può vedere nella tabella. Altezza e la larghezza della tabella sono ridimensionate automaticamente per adattarsi alla dimensione del testo nella cella.

< tavolo border = "1" >

< tr >

< td >

Saluti.

< /td >

< /tr >

< / tabella >

3

Salvare il documento, avendo cura di aggiungere il testo "htm" alla fine del nome del file e fare clic su "Qualsiasi" tipo di file.

4

Selezionare il testo "Saluti", quindi digitare su di esso il seguente testo di sostituzione. Il tag "font" HTML indica al browser per aumentare le dimensioni del testo che segue il tag di 24 punti. Aumentando la dimensione del testo, la tabella si espanderà anche in larghezza e lunghezza per adattarsi al testo più grande.

< dimensione carattere = "24" > saluti. < / font >

5

Premere "Control" e "S" natale di simultaneamente per salvare nuovamente il documento, quindi premere "F5" nel tuo browser per ricaricare la pagina. Si noti che le dimensioni della tabella sono espansi per fare spazio per il testo più grande. Questo effetto si verifica che un modo per aumentare la dimensione della tabella è utilizzando HTML per modificare la dimensione del testo all'interno della tabella.

6

Incollare il seguente tag tra il "< head >" e "< / head >" tag del documento nel blocco note. Il tag "style" richiama interprete CSS del tuo browser, che legge la voce di "tabella" che segue come un'istruzione per modificare le dimensioni di tutte le tabelle nella pagina Web.

< style >

Tabella {Larghezza: 700px; altezza: 400px}

< / stile >

7

Salvare e aggiornare la pagina Web nel browser, come fatto in precedenza. Si noti che la tabella è cresciuta più volte le dimensioni originali. Il codice CSS che è stato appena aggiunto è responsabile di questo cambiamento.