logo

TechCodeview

HTML-tabellen

HTML-tabellen bieden een krachtig hulpmiddel voor het presenteren van gegevens op uw website. Maar het beheersen ervan gaat verder dan alleen rijen en kolommen. Dit artikel dient als uw ultieme gids om het potentieel van HTML-tabellen te ontsluiten, verder gaan dan de basis .

Vereisten: HTML-introductie



Inhoudsopgave

Wat zijn HTML-tabellen?

Een HTML-tabel is een rangschikking van gegevens in rijen En kolommen in tabelvorm. Tabellen zijn handig voor verschillende taken, zoals het presenteren van tekstinformatie en numerieke gegevens. Een tabel is een handig hulpmiddel om snel en eenvoudig verbanden tussen verschillende soorten gegevens te vinden. Tabellen worden ook gebruikt om databases te maken.

HTML-tabelcodevoorbeeld

HTML 
     
 
 Voornaam>Achternaam>Ageth> tr>
 Priyatd>Sharmatd>24td>tr>
 Aruntd>Singhtd>32td>tr>
 Samtd>Watsond>41td> tr> tabel> body> html>>  
    Uitgang:    
  HTML-tabelvoorbeeld
Eenvoudige HTML-tabel
 
 

 
Tags gebruikt in HTML-tabellen
als eindtag.
Syntaxis
 Content...>
Tabelrijen
De rijen kunnen worden gevormd met behulp van een combinatie van tabelcellen. Het wordt aangegeven met
en tag als begin- en eindtags.
 
 

Syntaxis
 Content...>
Tabelkoppen
De headers worden over het algemeen gebruikt om de kop weer te geven. De tabelkoppen kunnen ook worden gebruikt om de kop aan de tabel toe te voegen. Deze bevat de
labels.
Syntaxis
 Content...>
    Voorbeeld 1:    Een eenvoudige tabel in HTML maken met behulp van een tabeltag.
HTML 
     
 
 Boeknaam>Naam auteur>Genre> tr>
 De boekendief>Markus Zusaktd>Historische fictie> tr>
 De wrede Princetd>Holly Blacktd>Fantasie> tr>
 De stille patiënt.>Alex Michaelidestd>Psychologische fictie> tr> tabel> body> html>> 
    Uitgang:    
 
HTML-tabel
    Een rand toevoegen aan een HTML-tabel    
Een rand wordt ingesteld met behulp van de CSS-eigenschap border. Als u geen rand voor de tabel opgeeft, wordt deze zonder randen weergegeven.
overwinteren dialect

Syntaxis
table, th, td {  border: 1px solid black; }>
    Voorbeeld    : Toevoeging van de rand aan de HTML-tabel.
HTML