HTML-tabeller tilbyder et kraftfuldt værktøj til at præsentere data på dit websted. Men at mestre dem går ud over blot rækker og kolonner. Denne artikel fungerer som din ultimative guide at frigøre potentialet i HTML-tabeller, træde ud over det grundlæggende .
Forudsætninger: HTML introduktion
Indholdsfortegnelse
- Hvad er HTML-tabeller?
- HTML-tabel – kodeeksempel
- Tags brugt i HTML-tabeller
- Tilføjelse af en kant til en HTML-tabel
- Tilføjelse af celleudfyldning i en HTML-tabel
- Tilføjelse af venstrejusterede overskrifter i en HTML-tabel
- Tilføjelse af kantafstand i en HTML-tabel
- Tilføjelse af celler, der spænder over mange kolonner i HTML-tabeller
- Tilføjelse af en baggrundsfarve til tabellen
- Oprettelse af indlejrede tabeller
Hvad er HTML-tabeller?
En HTML-tabel er et arrangement af data i rækker og kolonner i tabelformat. Tabeller er nyttige til forskellige opgaver, såsom præsentation af tekstinformation og numeriske data. En tabel er et nyttigt værktøj til hurtigt og nemt at finde sammenhænge mellem forskellige typer data. Tabeller bruges også til at oprette databaser.
HTML-tabelkodeeksempel
HTML
Fornavn> Efternavn> Alder> tr> Priyatd> Sharmatd> 24td> tr> Arundd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> tabel> body> html>> Produktion:
Simpel HTML-tabel
Tags brugt i HTML-tabeller
som et slutmærke.Syntaks
Content...>
Tabelrækker
Rækkerne kan dannes ved hjælp af kombination af tabelceller. Det er betegnet med
og tag som start- og sluttags.
Syntaks
Content...>
Tabeloverskrifter
Overskrifterne bruges generelt til at angive overskriften. Tabeloverskrifterne kan også bruges til at tilføje overskriften til tabellen. Dette indeholder
tags.Syntaks
Content...>
Eksempel 1: Oprettelse af en simpel tabel i HTML ved hjælp af et tabeltag.
HTML
Bog Navn> Forfatterens navn> Genreth> tr> Bogtyvend> Markus Zusaktd> Historisk fiktiontd> tr> Den grusomme Princetd> Holly Blacktd> Fantasytd> tr> Den tavse patienttd> Alex Michaelidestd> Psykologisk fiktiontd> tr> tabel> krop> html>> Produktion:
HTML-tabel
Tilføjelse af en kant til en HTML-tabel
En kant er sat ved hjælp af CSS border egenskaben. Hvis du ikke angiver en kant til tabellen, vil den blive vist uden rammer.
intelligent idé vs formørkelse
Syntaks
table, th, td { border: 1px solid black; }> Eksempel : Tilføjelse af grænsen til HTML-tabellen.
HTML
