Πώς να φτιάξετε ένα τραπέζι σε html

Πώς να φτιάξετε ένα τραπέζι σε html

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



1
Εργασία και την απόφασή του

Αρχικά, είναι απαραίτητο να κατανοήσουμε ολόκληρο το σύστημα δημιουργίας παραμέτρων πίνακα και κατ 'αρχήν τη δομή του. Στην ουσία, όπως γνωρίζετε τα πάντα, το τραπέζι αποτελείται από δύο μέρη. Εάν μπορούν να καλούνται όπως αυτές - γραμμές και στήλες, οι οποίες μπορούν επίσης να εντοπιστούν ξεχωριστά κύτταρα. Μπορεί επίσης να εντοπιστεί διάφορες επιγραφές και εικόνες, επειδή οι πίνακες ενδέχεται να είναι διαφορετικοί και δημιουργούνται για διαφορετικούς σκοπούς.

Εάν πρέπει να προσθέσετε ένα τραπέζι από σειρές και στήλες σε κάποιο ιστότοπο, θα πρέπει να χρησιμοποιήσετε την ετικέτα \u003ctable\u003e. Είναι απαραίτητο να καταλάβετε ότι αυτή η "λεπτομέρεια" είναι ουσιαστικά η δική σας. Ορθολογούμε ένα συγκεκριμένο δοχείο για τα στοιχεία που, με τη σειρά τους, είναι ο καθοριστικός παράγοντας του πίνακα.

Θα πρέπει επίσης να σημειωθεί ότι οι γραμμές, καθώς και οι στήλες, προσδιορίζονται επίσης, ετικέτες - \u003ctr\u003e και \u003ctd\u003e. Δεν πρέπει να ξεχνάτε ότι σε κάθε περίπτωση, ανεξάρτητα από το πόσο ο πίνακας πρέπει να είναι τουλάχιστον το μόνο κελί. Εάν, για κάποιο λόγο, δεν είχατε μια τυπική ετικέτα, τότε μπορείτε να χρησιμοποιήσετε τους άλλους, για παράδειγμα - \u003cth\u003e. Εάν επιλέξετε αυτή την επιλογή, τότε βεβαιωθείτε ότι θα εμφανιστεί με έντονους χαρακτήρες και εκτός από, θα υπάρχει επίσης αυτόματη ευθυγράμμιση κατά μήκος του ίδιου του κελιού. Αυτό συμβαίνει σε αυτόματη λειτουργία και είναι το πρόγραμμα περιήγησης που εμφανίζει αυτές τις παραμέτρους. Αυτή είναι η μόνη διαφορά που μπορείτε να παρατηρήσετε στην περίπτωση αυτή.

Κύτταρα στον πίνακα που θα δημιουργηθούν στον ιστότοπο θα μοιάζουν με αυτό:

  • Στην οριζόντια γραμμή με το πρώτο κελί για να εγκατασταθεί το δεύτερο
  • κάθετα κάτω από το πρώτο κελί θα είναι το τρίτο
  • Δίπλα στο τρίτο οριζόντιο είναι το τέταρτο κελί κλπ.

Εάν αποφασίσετε να συμπεριλάβετε στο τραπέζι, ένα τέτοιο στοιχείο ως σύνορο (θα χρειαστεί \u003ctable\u003e για να το δημιουργήσετε, θα χρειαστεί να χρησιμοποιηθεί αποκλειστικά με κενή τιμή και σε καμία περίπτωση διαφορετικά (η τιμή είναι ίση με μία). Ακόμη και αν είναι επιθυμητό, \u200b\u200bόλες οι άλλες τιμές απλά δεν θα περάσουν τη διαδικασία επικύρωσης.

Προκειμένου ο χρήστης να διαχειριστεί το πεδίο, το οποίο βρίσκεται μέσα στο κελί, θα χρειαστεί να επωφεληθείτε από ένα τέτοιο ακίνητο ως padding, η οποία αναφέρεται σε στυλιστική. Τις περισσότερες φορές, αυτή η ιδιότητα πηγαίνει σε συνδυασμό με τον επιλογέα TD.

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

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

Πρόσθεσε ένα σχόλιο

Το e-mail σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *

Κλείσε