December 22
codici di tabella HTML sono utilizzati per creare presentazioni di dati tabellari per le pagine Web. Quando è necessario per visualizzare i dati utilizzando le tabelle e righe, utilizzare i codici da tavolo. Le tabelle di base in uso HTML solo il tag "<table>" plus "<tr>" per le righe della tabella e "<td>" per la tabella cellule. Altri tag ei loro attributi possono rendere le tabelle più significativo, però.
Tutte le tabelle HTML devono iniziare e terminare con una serie di <table> tag. Una volta che si inserisce questi tag nel codice, è possibile creare le righe per la vostra tavola e dare ad ogni riga come molte cellule come avete bisogno di utilizzare <tr> e <td> tag. Per esempio:
<Table>
<Tr>
<td>Row 1, Cell 1</td>
& Lt; td> Riga 1, Cell 2 & lt; / td>
</ Tr>
<Tr>
<td>Row 2, Cell 3</td>
& Lt; td> Row 2, Cell 4 & lt; / td>
</ Tr>
</ Table>
I browser rendono intestazioni di tabella con testo in grassetto di default, ma il browser non riconosceranno un titolo all'interno di una tabella a meno che non si utilizza tabella tag di titolo. Si crea una tabella di voce prima avvolgendo una riga della tabella nei tag <thead> e quindi usare <th> al posto di <td> per creare le cellule, come nel seguente esempio:
<Thead>
<Tr>
<th>Column Heading 1</th>
& Lt; th> Intestazione di colonna 2 & lt; / th>
</ Tr>
</ Thead>
Una tabella può anche avere un corpo. Se si definisce un titolo nella tabella, avvolgere le restanti righe in un paio di <tbody> tag per definire il corpo della tabella. Tabella piè tag - <TFOOT> - anche esistere, ma sono raramente utilizzati.
Il "<caption>" tag in HTML sono pensati per l'utilizzo in tabelle piuttosto che immagini. Questi tag devono essere inseriti direttamente dopo l'apertura tag <table>, se si desidera una didascalia. Testo all'interno del <caption> contenitore diventa didascalia e display della tabella sopra la tabella.
Attributi all'interno di tag relativi alle tabelle dovrebbero definire ulteriormente la struttura e il contenuto della tabella, piuttosto che il suo aspetto. L'attributo "colspan" rimane importante perché può combinare celle di una riga. Quando una tabella ha quattro celle per riga, ma ha bisogno di una riga soltanto due cellule, impostando "colspan" a "2" farà ciascuno di tali cellule stendere due colonne:
<Tr>
<Td colspan = "2"> una cella </ td>
</ Tr>
<Tr>
<Td> Una delle due celle </ td>
<Td> Seconda di due celle </ td>
</ Tr>
Un altro attributo è possibile aggiungere è "sintesi", che va all'interno del tag "<table>". Utilizzare questo attributo per dare più informazioni ai visitatori non vedenti che utilizzano screen reader:
<Summary table = "Una sintesi sul contenuto di questo tavolo">