Imparare il codice HTML per creare margini cella fornisce un maggiore controllo sull'aspetto delle tabelle HTML. In particolare, è possibile utilizzare margini per aggiungere più spazio vuoto nelle vostre celle di tabella, che può notevolmente aumentare la leggibilità del contenuto della tabella. Si consiglia di utilizzare i più recenti codici CSS per aggiungere margini delle celle. Questi codici consentono maggiore controllo sui margini e hanno nomi di proprietà che sono più coerenti, più chiaro e quindi più facile da ricordare che più vecchi codici HTML per i margini. HTML deve essere utilizzato per la definizione di struttura, mentre il CSS è stato progettato per controllare il layout e l'effetto visivo.
Creare una tabella
Per comprendere il codice HTML per margini cella, avrai bisogno di un tavolo di tenere quel codice. Il primo passo è quindi di creare una pagina HTML con una tabella. Inserire qualsiasi testo sarebbe come nella tabella, ma assicurarsi che la tabella abbia almeno due celle e un confine così potete vedere l'effetto del codice che aggiunge i margini. Ad esempio, le seguenti istruzioni HTML creano una tabella con due celle, ognuna con testo. Incollare le istruzioni in un nuovo documento di blocco note, quindi salvarlo come qualsiasi nome di file con estensione "htm".
< html >
< bordo tabella = "true" >
< tr >
< td >
Ciao
< /td >
< td >
Ci
< /td >
< /tr >
< / tabella >
< / html >
Margini con la proprietà "Cellpadding"
Dopo aver creato e popolato le celle di una tabella, aggiungere il codice per la creazione dei margini delle celle. Digitare tale codice all'interno del tag "Tabella" come segue: fare clic a sinistra della chiusura ">" dell'apertura tag "Table", quindi digitare "cellpadding ="20"." La proprietà "Cellpadding" racconta il tuo browser che dovrebbe rendere uno spazio tra i bordi di ogni cella e il contenuto della cella. Questo spazio crea il margine.
Osservando i margini
Per vedere come la proprietà di "Cellpadding" Crea margini cella, aprire una pagina HTML che utilizza tale proprietà nel browser Web. Fare clic sul menu "File" del tuo browser, quindi fare clic su "Apri". Individuare e fare doppio clic su pagina HTML. Il browser visualizzerà la tabella della pagina, ciascuno di cui le cellule ha la quantità di riempimento specificato con il valore dopo la proprietà di "Cellpadding". Per vedere chiaramente i margini delle celle, assicurarsi di utilizzare un valore in pixel relativamente grande dopo il tag "Cellpadding". Provare un numero compreso tra 20 e 50 per iniziare.
Margini con codici CSS
Il codice "Cellpadding" non è l'unico modo per aggiungere margini alle celle di tabella HTML. Il codice riportato di seguito fornisce un modo di aggiungere margini a ogni cella della tabella individualmente, in contrasto con la proprietà "Cellpadding" del tag "Tabella": "style = 'padding: 20px;'" Con questo metodo, è possibile scegliere esattamente quali lati della cella avrà imbottitura aggiungendo prefissi per la proprietà "padding". Ad esempio, "Padding-left" aggiungerà un margine tra il bordo sinistro di una cella e il lato sinistro del suo contenuto.