Όλα όσα πρέπει να γνωρίζετε για τους πίνακες HTML

Αυτό το άρθρο θα σας δώσει μια λεπτομερή και περιεκτική γνώση των πινάκων HTML. Οι διάφορες ετικέτες και μορφοποίηση που μπορούν να γίνουν.

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



Τι είναι ένας πίνακας HTML;

Με απλά λόγια, ένας πίνακας είναι μια συλλογή σχετικών δεδομένων που αποτελείται από σειρές και στήλες. Τώρα, όπως γνωρίζουμε, το HTML είναι μια τυπική γλώσσα σήμανσης για τη δημιουργία ιστοσελίδων και την προβολή του σε πρόγραμμα περιήγησης ιστού. Έτσι, η δημιουργία και η εργασία με πίνακες γίνεται μια σημαντική υπο-δεξιότητα για την εξάσκηση HTML. Σε αυτό το ιστολόγιο, θα μάθουμε πώς να δουλεύουμε με πίνακες σε HTML.



HTML5
Για να ορίσουμε έναν πίνακα 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

    • Κεφαλίδα πίνακα, σώμα και υποσέλιδο

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

    Η ετικέτα δημιουργεί ξεχωριστή κεφαλίδα πίνακα, όπου η ετικέτα δημιουργεί ξεχωριστό υποσέλιδο πίνακα.

Κεφαλίδα πίνακα
Υποσέλιδο πίνακα
Ονομα Ηλικία Σημάδια

fibonacci σε c ++
  • Υπόβαθρα πίνακα και λεζάντα

Μπορείτε επίσης να ορίσετε ένα φόντο πίνακα. 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).

Έχετε μια ερώτηση για εμάς; Αναφέρετέ το στην ενότητα σχολίων αυτού του άρθρου και θα επικοινωνήσουμε μαζί σας.