Αυτό το άρθρο θα σας δώσει μια λεπτομερή και περιεκτική γνώση των πινάκων HTML. Οι διάφορες ετικέτες και μορφοποίηση που μπορούν να γίνουν.
Από την τεχνολογική αρχή, ένας πίνακας είναι ένας κοινός τρόπος αποθήκευσης και οπτικοποίησης δεδομένων. Χρησιμοποιείται σχεδόν σε όλα τα πεδία για την παρουσίαση πληροφοριών κειμένου και αριθμητικών δεδομένων όπου μπορείτε εύκολα να συγκρίνετε δύο ή περισσότερα στοιχεία. Σε αυτό το άρθρο, θα συζητήσω Πίνακες με την ακόλουθη σειρά:
Με απλά λόγια, ένας πίνακας είναι μια συλλογή σχετικών δεδομένων που αποτελείται από σειρές και στήλες. Τώρα, όπως γνωρίζουμε, το HTML είναι μια τυπική γλώσσα σήμανσης για τη δημιουργία ιστοσελίδων και την προβολή του σε πρόγραμμα περιήγησης ιστού. Έτσι, η δημιουργία και η εργασία με πίνακες γίνεται μια σημαντική υπο-δεξιότητα για την εξάσκηση HTML. Σε αυτό το ιστολόγιο, θα μάθουμε πώς να δουλεύουμε με πίνακες σε HTML.
Για να ορίσουμε έναν πίνακα HTML, χρησιμοποιούμε
ετικέτα. Μέσα
ετικέτα, ορίζετε πρώτα τις σειρές πίνακα με
ετικέτα. Στη συνέχεια, ορίζετε κεφαλίδες πίνακα
ετικέτα. Τα δεδομένα ή τα κελιά στον πίνακα ορίζονται χρησιμοποιώντας
ετικέτα.
Ετικέτες πίνακα HTML
Ας δούμε πρώτα τη λίστα των ετικετών HTML που χρησιμοποιούνται για τη δημιουργία πινάκων. Αργότερα προχωρώντας σε αυτό το ιστολόγιο, θα μάθουμε πώς να τα χρησιμοποιούμε με τη βοήθεια παραδειγμάτων.
: Χρησιμοποιείται για τον ορισμό ενός πίνακα
: Χρησιμοποιείται για τον ορισμό ενός κελιού κεφαλίδας σε έναν πίνακα
: Χρησιμοποιείται για τον καθορισμό μιας σειράς σε έναν πίνακα
: Χρησιμοποιείται για τον ορισμό ενός κελιού σε έναν πίνακα
:Χρησιμοποιείται για τον ορισμό της λεζάντας ενός πίνακα
:Χρησιμοποιείται για τον καθορισμό μιας ομάδας μίας ή περισσότερων στηλών σε έναν πίνακα για μορφοποίηση
: Χρησιμοποιείται για τον καθορισμό ιδιοτήτων στήλης για κάθε στήλη μέσα σε ένα στοιχείο
:Χρησιμοποιείται για την ομαδοποίηση του περιεχομένου της κεφαλίδας σε έναν πίνακα
: Χρησιμοποιείται για την ομαδοποίηση του περιεχομένου σώματος σε έναν πίνακα
: Χρησιμοποιείται για την ομαδοποίηση του περιεχομένου του υποσέλιδου σε έναν πίνακα
Τώρα ας δούμε το δείγμα κώδικα HTML για να δημιουργήσουμε έναν πίνακα.
Ονομα
Ηλικία
Abhishek
18
Βαρίδι
2. 3
Παραγωγή:
Παραλλαγές του πίνακα HTML
Χαρακτηριστικά Cellpadding και Cellspacing
Υπάρχουν δύο χαρακτηριστικά που ονομάζονται cellpadding και cellpacing τα οποία μπορείτε να χρησιμοποιήσετε για να ρυθμίσετε το κενό διάστημα στα κελιά του πίνακα σας. Το χαρακτηριστικό cellpacing καθορίζει το διάστημα μεταξύ κελιών πίνακα, ενώ το cellpadding αντιπροσωπεύει την απόσταση μεταξύ των συνόρων κελιού και του περιεχομένου εντός ενός κελιού.
Cellspacing & Cellpadding
Ονομα
Ηλικία
Abhishek
δεκαπέντε
Βαρίδι
2. 3
Χαρακτηριστικά Colspan και Rowspan
Το χαρακτηριστικό Colspan χρησιμοποιείται για τη συγχώνευση δύο ή περισσότερων στηλών, ενώ το rowspans χρησιμοποιείται για τη συγχώνευση δύο ή περισσότερων γραμμών.
Colspan & Rowspan
Σύνολο παραγωγής
Ονομα
Ηλικία
Επιστήμη των υπολογιστών
Abhishek
δεκαπέντε
Βαρίδι
2. 3
Διακοπή
Ύψος και πλάτος πίνακα
Το HTML σας δίνει τη δυνατότητα να προσαρμόσετε το ύψος και το πλάτος του πίνακα. Χαρακτηριστικό πλάτους & ύψος χρησιμοποιείται για να ορίσει το πλάτος και το ύψος του πίνακα αντίστοιχα. Μπορείτε είτε να το καθορίσετε ως προς το ποσοστό της διαθέσιμης περιοχής στην οθόνη είτε ως προς τα pixel.
Πλάτος & Ύψος πίνακα HTML
Abhishek
δεκαπέντε
Βαρίδι
2. 3
Κεφαλίδα πίνακα, σώμα και υποσέλιδο
Ένας πίνακας μπορεί να χωριστεί σε τρία τμήματα, δηλαδή, μια κεφαλίδα, ένα σώμα και ένα υποσέλιδο. Η κεφαλίδα και το υποσέλιδο είναι παρόμοια με την κεφαλίδα και το υποσέλιδο σε ένα έγγραφο λέξεων που παραμένει κοινό για κάθε σελίδα, ενώ το σώμα περιέχει το κύριο περιεχόμενο.
Η ετικέτα δημιουργεί ξεχωριστή κεφαλίδα πίνακα, όπου η ετικέτα δημιουργεί ξεχωριστό υποσέλιδο πίνακα. Οι ετικέτες περιέχουν το σώμα του πίνακα.
Μπορείτε επίσης να ορίσετε ένα φόντο πίνακα. Bgcolor Το χαρακτηριστικό ορίζει το χρώμα φόντου για ολόκληρο τον πίνακα καθώς και για ένα κελί, ενώ το χαρακτηριστικό φόντου ορίζει μια εικόνα φόντου για ολόκληρο τον πίνακα καθώς και μόνο για ένα κελί.
Η λεζάντα λεζάντας χρησιμεύει ως τίτλος ή εξήγηση για τον πίνακα που εμφανίζεται στο πάνω μέρος του πίνακα.
Ιστορικό πίνακα HTML
Λεζάντα πίνακα
Στήλη 1
Στήλη 2
Στήλη 3
Σειρά 1 κελί 1
Σειρά 1 κελί 2
Σειρά 1 κελί 3
Σειρά 2 κελί 2
Σειρά 2 κελί 3
Σειρά 3 κελί 1
Με αυτό καταλήγουμε στο τέλος αυτού του άρθρου. Τώρα μετά την εκτέλεση των παραπάνω αποσπασμάτων θα καταλάβατε πώς να δημιουργήσετε πίνακες σε HTML. Ελπίζω ότι αυτό το blog είναι ενημερωτικό και προστιθέμενη αξία για εσάς.
Δείτε τοαπό την Edureka, μια αξιόπιστη διαδικτυακή εταιρεία εκμάθησης με δίκτυο περισσότερων από 250.000 ικανοποιημένων μαθητών σε όλο τον κόσμο.Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στην υπηρεσία απλής αποθήκευσης Amazon (S3).
Έχετε μια ερώτηση για εμάς; Αναφέρετέ το στην ενότητα σχολίων αυτού του άρθρου και θα επικοινωνήσουμε μαζί σας.