Σκοπός Πίνακας-Κυψέλης
Ένα κελί πίνακα είναι μια μεμονωμένη καταχώριση σε έναν πίνακα που αποτελείται από έναν αριθμό άλλων κελιών όπως ακριβώς το ίδιο. Ο κύριος σκοπός ενός κελιού πίνακα είναι να καταγράφει δεδομένα με τακτοποιημένο τρόπο για ευκολότερη κατανόηση και κατανόηση. Υποδηλώνει μια συγκεκριμένη θέση μέσα σε έναν πίνακα στον οποίο περιέχεται μια καταχώρηση.
Τύποι Πίνακα-Κελιών
Ένας πίνακας σε HTML έχει κυρίως δύο τύπους κελιών. Αυτά είναι ' Κελιά κεφαλίδας ' και ' Κυψέλες δεδομένων '. Περισσότερες λεπτομέρειες σχετικά με τις διαφορές και τις ομοιότητές τους δίνονται παρακάτω.
Κελιά κεφαλίδας
Τα κελιά κεφαλίδας αντιπροσωπεύονται από το ' Το κελί κεφαλίδας ενός πίνακα θα βρίσκεται στην κορυφή της στήλης και οι παρακάτω καταχωρήσεις θα είναι τα κελιά δεδομένων. Αυτά τα κελιά έχουν επίσης συγκεκριμένη μορφοποίηση για να τα ξεχωρίζουν από τα κελιά δεδομένων που ακολουθούν παρακάτω. Τα κελιά κεφαλίδας έχουν καθοριστεί να έχουν μεγαλύτερο μέγεθος γραμματοσειράς και έντονα γράμματα για να προσθέτουν νόημα στο περιεχόμενο στα κελιά δεδομένων. Παράδειγμα Σε αυτό το μπλοκ κώδικα: Παραγωγή Όπως φαίνεται, το κελί της κεφαλίδας εμφανίζεται με έντονη γραφή από προεπιλογή. Τα κελιά δεδομένων αντιπροσωπεύονται από το ' Τα κελιά δεδομένων έχουν επίσης ιδιαίτερη μορφοποίηση. Αυτά έχουν μικρότερο μέγεθος γραμματοσειράς από τα κελιά κεφαλίδας και περιέχουν απλό κείμενο ή αριθμούς, σύμφωνα με τις απαιτήσεις. Είναι τέτοιο που τα κελιά δεδομένων κάτω από το κελί κεφαλίδας 'Όνομα' θα έχουν τα ονόματα των ενδιαφερόμενων ατόμων, όπως για παράδειγμα John, David, Michael και James. Παράδειγμα Τα παρακάτω βήματα εξηγούν τον κώδικα για τη δημιουργία ενός κελιού δεδομένων πίνακα: ετικέτα ' στο HTML Tailwind CSS. Αυτά αποτελούν τους τίτλους των στηλών σε έναν πίνακα. Οι κεφαλίδες καθορίζουν ποιες θα είναι όλες οι τιμές στη συγκεκριμένη στήλη. Παραδείγματα κεφαλίδων είναι το όνομα, η διεύθυνση ηλεκτρονικού ταχυδρομείου, ο αριθμός επικοινωνίας, ο αριθμός κοινωνικής ασφάλισης κ.λπ.
Στον παρακάτω κώδικα, δημιουργήσαμε ένα κελί κεφαλίδας πίνακα μέσω της ετικέτας «»:
< τραπέζι >
< το κεφάλι >
< tr >
< ου > Κελλί κεφαλίδας 01 < / ου >
< / tr >
< / το κεφάλι >
< / τραπέζι >
'.
” αντίστοιχα για να συμπληρώσετε το κελί του πίνακα.' για να δημιουργήσετε ένα κελί κεφαλίδας πίνακα.
' εντός της ετικέτας ' '.
”, “” και “
Κυψέλες δεδομένων
ετικέτα ' στο HTML Tailwind CSS. Αυτά τα κελιά συγκρατούν όλες τις πληροφορίες σε έναν πίνακα. Αυτά παρατίθενται κάτω από τα κελιά κεφαλίδας και περιέχουν δεδομένα για όλες τις καταχωρήσεις για μια συγκεκριμένη κεφαλίδα. Για παράδειγμα, εάν το κελί κεφαλίδας έχει τίτλο 'Όνομα', τα κελιά δεδομένων κάτω από αυτό θα περιέχουν τα ονόματα όλου του προσωπικού για το οποίο έχουν καταγραφεί τα δεδομένα.
Ο κώδικας για τη δημιουργία ενός κελιού δεδομένων πίνακα χρησιμοποιώντας το ' Η ετικέτα ' δίνεται παρακάτω:
< κεφάλι >
< στυλ >
τραπέζι {
σύνορα-κατάρρευση: κατάρρευση;
}
td {
σύνορο : 1px συμπαγές μαύρο;
padding: 10px;
}
< / στυλ >
< / κεφάλι >
< σώμα >
< τραπέζι >
< tr >
< td >Πίνακας-Κελλί< / td >
< / tr >
< / τραπέζι >