HTML-tabeller erbjuder ett kraftfullt verktyg för att presentera data på din webbplats. Men att bemästra dem går längre än bara rader och kolumner. Den här artikeln fungerar som din ultimata guiden att låsa upp potentialen hos HTML-tabeller, gå bortom grunderna .
Förutsättningar: HTML-introduktion
Innehållsförteckning
- Vad är HTML-tabeller?
- HTML-tabell – Kodexempel
- Taggar som används i HTML-tabeller
- Lägga till en ram till en HTML-tabell
- Lägga till cellutfyllnad i en HTML-tabell
- Lägga till vänsterjusterade rubriker i en HTML-tabell
- Lägga till kantavstånd i en HTML-tabell
- Lägga till celler som sträcker sig över många kolumner i HTML-tabeller
- Lägga till en bakgrundsfärg i tabellen
- Skapa kapslade tabeller
Vad är HTML-tabeller?
En HTML-tabell är ett arrangemang av data i rader och kolumner i tabellformat. Tabeller är användbara för olika uppgifter, som att presentera textinformation och numerisk data. En tabell är ett användbart verktyg för att snabbt och enkelt hitta kopplingar mellan olika typer av data. Tabeller används också för att skapa databaser.
Exempel på HTML-tabellkod
HTML
Förnamn> Efternamn> Ålder> tr> Priyatd> Sharmatd> 24td> tr> Arundd> Singhtd> 32td> tr> Samtd> Watsontd> 41td> tr> table> body> html>> Produktion:
Enkel HTML-tabell
Taggar som används i HTML-tabeller
som en slutbricka.Syntax
Content...>
Tabellrader
Raderna kan bildas med hjälp av kombination av tabellceller. Det betecknas med
och tagg som start- och sluttaggar.
Syntax
Content...>
Tabellrubriker
Rubrikerna används vanligtvis för att tillhandahålla rubriken. Tabellrubrikerna kan också användas för att lägga till rubriken i tabellen. Detta innehåller
taggar.Syntax
Content...>
Exempel 1: Skapa en enkel tabell i HTML med en tabelltagg.
HTML
Bokens namn> Författarens namn> Genreth> tr> Boktjuven> Markus Zusaktd> Historisk skönlitteraturtd> tr> The Cruel Princetd> Holly Blacktd> Fantasytd> tr> Den tysta patiententd> Alex Michaelidestd> Psychological Fictiontd> tr> table> body> html>> Produktion:
HTML-tabell
Lägga till en ram till en HTML-tabell
En gräns ställs in med CSS border-egenskapen. Om du inte anger en ram för tabellen kommer den att visas utan ramar.
ms word snabbåtkomstverktygsfält
Syntax
table, th, td { border: 1px solid black; }> Exempel : Tillägg av gränsen till HTML-tabellen.
HTML
