September 12
Imparare il codice HTML per creare i margini delle celle offre un maggiore controllo sull'aspetto delle tabelle HTML. In particolare, è possibile utilizzare i margini per aggiungere più spazio bianco per le vostre celle della tabella, che possono aumentare notevolmente la leggibilità del contenuto della tabella. La pratica migliore è quella di utilizzare i codici CSS più recenti per aggiungere i margini delle celle. Questi codici permettono un maggiore controllo sui margini, e hanno nomi di proprietà che sono più coerenti, più chiaro e quindi più facile da ricordare rispetto codici HTML più anziani per i margini. HTML deve essere usato per definire la struttura, mentre CSS è progettato per controllare il layout e l'effetto visivo.
Per capire il codice HTML per i margini di cella, avrete bisogno di un tavolo per contenere quel codice. Il primo passo è quindi quello di creare una pagina HTML con una tabella. Mettere qualsiasi testo che desideri nella tabella, ma garantire la tabella ha almeno due celle e un bordo in modo da poter vedere l'effetto del codice che aggiunge margini. Ad esempio, le seguenti istruzioni HTML creare una tabella con due celle, ciascuna con testo. Incollare le istruzioni in un nuovo documento Blocco note, quindi salvarlo come qualsiasi nome di file con estensione "htm".
<Html>
<Table border = "true">
<Tr>
<Td>
Ciao
</ Td>
<Td>
Là
</ Td>
</ Tr>
</ Table>
</ Html>
Dopo aver creato e popolato le celle di una tabella, aggiungere il codice per creare i margini delle celle. Digita il codice all'interno del tag "Table" come segue: Fare clic appena a sinistra della chiusura ">" dell'apertura tag "Table", quindi digitare "cellpadding = '20 '." La proprietà "CELLPADDING" dice il browser che dovrebbe rendere uno spazio tra i bordi di ogni cella e il contenuto della cella. Questo spazio crea il margine.
Per vedere come la proprietà "CELLPADDING" crea margini di cella, aprire una pagina HTML che utilizza la proprietà nel browser Web. Fare clic sul menu "File" del browser, quindi fare clic su "Apri". Individuare e fare doppio clic sulla pagina HTML. Il tuo browser visualizzerà tabella della pagina, ciascuna delle cui cellule ha la quantità di imbottitura specificato con il seguente valore della proprietà "CELLPADDING". Per vedere i margini di cella in modo chiaro, assicurarsi di utilizzare un valore in pixel relativamente grande dopo il tag "CELLPADDING". Provare con un numero compreso tra 20 e 50 per iniziare.
Il codice "CELLPADDING" non è l'unico modo per aggiungere margini alle celle di tabella HTML. Il seguente codice fornisce un modo di aggiungere margini per ciascuna cella della tabella singolarmente, in contrasto con la proprietà "CELLPADDING" tag "Table" di: "style = 'padding: 20px;'" Con questo metodo, è possibile scegliere esattamente quali i lati della cellula avrà imbottitura aggiungendo prefissi alla proprietà "padding". Ad esempio, "padding-left" si aggiunge un margine tra il bordo sinistro di una cella e il lato sinistro del suo contenuto.