Ποια είναι η χρήση μιας ομάδας πίνακα-κεφαλίδων και μιας ομάδας υποσέλιδου πίνακα στο CSS

Τι είναι μια Ομάδα Πίνακα-Κεφαλίδα;

Στο CSS, το ' Ομάδα πίνακα-κεφαλίδων Το ' χρησιμοποιείται για την εμφάνιση της κεφαλίδας του πίνακα μέσω του ' <κεφάλι> ' ετικέτα. Η κεφαλίδα αντιστοιχεί στην πρώτη καταχώρηση σε μια κάθετη στήλη. Καθορίζει πληροφορίες σχετικά με τις εγγραφές του πίνακα. Η κεφαλίδα μπορεί επίσης να εκτείνεται σε πολλές στήλες εάν χρειάζεται. Αυτό μπορεί να πραγματοποιηθεί με τη δημιουργία μιας ομάδας πίνακα-στήλων στο CSS.

Παράδειγμα
Η κεφαλίδα ενός πίνακα έχει διαφορετική μορφοποίηση από τις υπόλοιπες εγγραφές στον πίνακα για να τον ξεχωρίζει οπτικά. Αυτά αντιπροσωπεύονται συνήθως με έντονες διαστάσεις γραμματοσειράς ή κείμενο ανώτερης κλίμακας. Όταν παραθέτουμε ονόματα για 'Άνδρες' και 'Γυναίκες', μπορούμε να τα ορίσουμε ως Κεφαλίδες σε ξεχωριστή σειρά, όπως φαίνεται στο παρακάτω παράδειγμα:

Τα παρακάτω βήματα εξηγούν πώς να δημιουργήσετε μια κεφαλίδα πίνακα:

• Πρόσθεσε το ' <πίνακας> ετικέτα για να δημιουργήσετε έναν πίνακα.
• Στο επόμενο βήμα, καθορίστε το ' <κεφάλι> ετικέτα ” που αναφέρεται στην κεφαλίδα του πίνακα.
• Προσθέστε τις τιμές κεφαλίδας ως σειρά μέσω της ετικέτας '' και κλείστε την κεφαλίδα μέσω της ετικέτας ''.
• Τώρα, συμπεριλάβετε το ' ετικέτα ” για να ξεκινήσει το σώμα του πίνακα.
• Εισαγάγετε τα δεδομένα για κάθε μία από τις σειρές χρησιμοποιώντας την ετικέτα ''.
• Ολοκληρώστε το σώμα του πίνακα και τον πίνακα μέσω του ' ' και ' ' ετικέτες, αντίστοιχα.

Παραγωγή

Τι είναι μια ομάδα υποσέλιδου πίνακα;

Ο ' Ομάδα Πίνακας-Υποσέλιδου ' χρησιμοποιείται για την εμφάνιση του υποσέλιδου ενός πίνακα σε CSS με τη βοήθεια του ' ετικέτα '. Το υποσέλιδο παρέχει επίσης πληροφορίες σχετικά με το περιεχόμενο του πίνακα που μπορούν να βοηθήσουν τον αναγνώστη να κατανοήσει καλύτερα τα δεδομένα. Χρησιμοποιώντας το ίδιο παράδειγμα από το προηγούμενο μέρος, προσθέστε το υποσέλιδο που δίνει τον συνολικό αριθμό των καταχωρήσεων σε κάθε στήλη για 'Άνδρες' και 'Γυναίκες' στον πίνακα.

Παράδειγμα
Επισκόπηση του παρακάτω παραδείγματος που εξηγεί την έννοια που συζητήθηκε:

Τα παρακάτω βήματα εξηγούν τα βήματα για τη δημιουργία ενός υποσέλιδου πίνακα:

• Παρόμοια με το προηγούμενο παράδειγμα, προσθέστε το ' <πίνακας> ετικέτα για να δημιουργήσετε/συμπεριλάβετε έναν πίνακα.
• Συμπεριλάβετε το ' <κεφάλι> ετικέτα για να καθορίσετε την κεφαλίδα του πίνακα.
• Τώρα, ομοίως, προσθέστε τους τίτλους των κεφαλίδων ως σειρά και κλείστε την κεφαλίδα μέσω του ' ετικέτα '.
• Θυμηθείτε τις προσεγγίσεις που συζητήθηκαν για τον προσδιορισμό του σώματος του πίνακα και τη συμπερίληψη δεδομένων σε αυτό.
• Τώρα, προσθέστε το ' ' για να ξεκινήσει το Υποσέλιδο πίνακα.
• Προσθέστε τα δεδομένα για το υποσέλιδο πίνακα ως μια σειρά και κλείστε το υποσέλιδο χρησιμοποιώντας το ' ετικέτα '.
• Τέλος, ολοκληρώστε τον πίνακα χρησιμοποιώντας το « ετικέτα '.

Παραγωγή
Ο παραπάνω γραμμένος κώδικας δημιουργεί το ακόλουθο αποτέλεσμα:

συμπέρασμα

Η κεφαλίδα και το υποσέλιδο σε έναν πίνακα στο CSS βοηθούν στην προσθήκη περισσότερων πληροφοριών στο επάνω και στο κάτω μέρος ενός πίνακα, αντίστοιχα. Αυτές οι πληροφορίες βοηθούν στον προσδιορισμό του θέματος του πίνακα και παρέχουν περισσότερες λεπτομέρειες που περιέχονται στις τιμές που εισάγονται στον πίνακα. Μαζί, αυτά τα δύο πλαισιώνουν τέλεια τα δεδομένα που ενσωματώνονται στον πίνακα.