Wat is een tabelkopgroep?
In CSS is de ' Tabelkopgroep ” wordt gebruikt om de kop van de tabel weer te geven via de “
Voorbeeld
De koptekst van een tabel heeft een andere opmaak dan de rest van de items in de tabel om deze visueel te onderscheiden. Deze worden meestal weergegeven door vetgedrukte lettergrootte of tekst op grote schaal. Wanneer we de namen van 'Mannen' en 'Vrouwen' vermelden, kunnen we deze toewijzen als kopteksten in een aparte rij, zoals in het onderstaande voorbeeld:
< tafel >
< dood >
< tr >
< e > Heren < / e >
< e > Vrouwen < / e >
< / tr >
< / dood >
< het lichaam >
< tr >
< td > Jacobus < / td >
< td > jessica < / td >
< / tr >
< tr >
< td > David < / td >
< td > Laura < / td >
< / tr >
< tr >
< td > Jakob < / td >
< td > Rebekka < / td >
< / tr >
< / het lichaam >
< / tafel >
In de volgende stappen wordt uitgelegd hoe u een tabelkop maakt:
- Voeg de '
”-tag om een tabel te maken. - Geef in de volgende stap de '
” tag die verwijst naar de tabelkop. - Voeg de header waarden toe als een rij via de “
” tag en sluit de header via de “” tag. - Voeg nu de '
”-tag om de tabel te beginnen. - Voeg de gegevens voor elk van de rijen in met behulp van de tag '
'. - Sluit de tabelbody en de tabel af via de “ ' En ' ”-tags, respectievelijk.
Uitgang
Wat is een tabel-voettekstgroep?
De ' Tabel-voettekstgroep ” wordt gebruikt om de voettekst van een tabel in CSS weer te geven met behulp van de “
' label. De voettekst geeft ook informatie over de inhoud van de tabel die de lezer kan helpen de gegevens beter te begrijpen. Gebruik hetzelfde voorbeeld uit het vorige deel en voeg de voettekst toe die het totale aantal vermeldingen in elke kolom voor 'Mannen' en 'Vrouwen' in de tabel geeft.
Voorbeeld
< tafel >
Overzicht van het volgende voorbeeld waarin het besproken concept wordt uitgelegd:
< dood >
< tr >
< e >Mannen< / e >
< e >Vrouwen< / e >
< / tr >
< / dood >
< het lichaam >
< tr >
< td >James< / td >
< td >Jessie< / td >
< / tr >
< tr >
< td >David< / td >
< td > Laura< / td >
< / tr >
< tr >
< td >Jacob< / td >
< td >Rebekka< / td >
< / tr >
< / het lichaam >
< tvoet >
< tr >
< td klas = 'bg-grijs-200' >Totaal 03< / td >
< td klas = 'bg-grijs-200' >Totaal 03< / td >
< / tr >
< / tvoet >
< / tafel >In de volgende stappen worden de stappen uitgelegd om een tabelvoettekst te maken:
- Voeg, net als in het vorige voorbeeld, de '
”-tag om een tabel te maken/op te nemen. - Voeg de '
”-tag om de tabelkop te specificeren. - Voeg nu op dezelfde manier de koptitels toe als een rij en sluit de koptekst via de ' ' label.
- Denk aan de besproken benaderingen voor het specificeren van de tabel en het opnemen van gegevens daarin.
- Voeg nu de '
”-tag om de voettekst van de tabel te beginnen. - Voeg de gegevens voor de tabelvoettekst toe als een rij en sluit de voettekst met de knop ' ' label.
- Sluit ten slotte de tabel af met de ' ' label.
Uitgang
De hierboven geschreven code genereert het volgende resultaat:
Conclusie
De kop- en voettekst in een tabel in CSS helpen om respectievelijk meer informatie toe te voegen aan de boven- en onderkant van een tabel. Deze informatie helpt om te bepalen waar de tabel over gaat en geeft meer details over de waarden die in de tabel zijn ingevoegd. Samen omkaderen deze twee perfect de gegevens die in de tabel zijn ingekapseld.
- Voeg nu de '