Tabellcell
En tabellcell är en grupp inom en diagramtabell som används för att lagra information eller data. Celler grupperas horisontellt (rader av celler) och vertikalt (kolumner av celler). Varje cell innehåller information om kombinationen av rad- och kolumnrubriker som den är kolinjär med. Inom mjukvarudesign är tabellceller en nyckelkomponent i HTML och webbsidabyggande , och det är en del av <tabell>-komponenten. En kodare kan ange dimensioner för en tabellcell och använda dem för att hålla delar av webbsidor.
HTML-användning
Typer av celler i HTML
En tabellcell i HTML är ett icke-tomt element och bör alltid stängas. Det finns två olika typer av tabellceller i HTML: normal tabellcell och rubrikcell. <td> betecknar en tabellcell, namnet antyder 'data', medan <th> betecknar en tabell 'header'. De två kan användas omväxlande, men det rekommenderas att rubrikcellen endast används för topp- och sidohuvuden i en tabell.
Syntax
En tabellcell måste också vara kapslad i en <table> -tagg och en <tr> -tagg (tabellrad). Om det finns fler tabellcelltaggar i en given rad än i någon annan, måste den specifika <tr> ges ett colspan- attribut som anger hur många kolumner med celler breda den ska vara.
Exempel
Ett exempel på en HTML-tabell som innehåller 4 celler:
| Cell 1 | Cell 2 |
| Cell 3 | Cell 4 |
HTML-källa:
< table border = "1" > < tr > < td > Cell 1 </ td > < td > Cell 2 </ td > </ tr > < tr > < td > Cell 3 </ td > < td > Cell 4 </ td > </ tr > </ table >
Colspan och radspann
Varje rad måste ha samma antal tabelldataceller, ibland måste tabelldataceller sträcka sig över mer än en kolumn eller rad. I det här fallet används taggarna colspan och/eller rowspan - där de sätts till ett nummer.
|
|
|
|
<-- Den här raden har tre tabelldataceller |
|
|
|
<-- Den här raden har två. Den första använder colspan="2"
|
|
|
|
|
|
<-- Den här raden har tre tabelldataceller, men en sträcker sig över två rader eftersom den använder rowspan="2" <
|
|
|
|
-- Den här raden har bara två tabelldataceller, eftersom den första tas upp | |