Ένθετου πίνακα HTML Tutorial

HTML είναι μια βασική γλώσσα της ανάπτυξης ιστοσελίδων ? Χρησιμοποιεί ένα σύστημα προκαθορισμένων ετικέτες που περικλείεται μέσα στα σύμβολα " <" και " > " . Κάθε γραμμή του κώδικα έχει ανοίξει ετικέτα και ένα κλειστό tag : . Οι πληροφορίες που θέλετε να εμφανίσετε στη σελίδα βρίσκεται μεταξύ αυτών ανοίγει και να κλείνει ετικέτες . Ένα από τα προηγμένα χαρακτηριστικά της γλώσσας προγραμματισμού HTML είναι ο πίνακας ? Βρίσκεται στο εσωτερικό του συνόλου πίνακα tag : . Δημιουργία πίνακα σε HTML
Η

Χρησιμοποιώντας το ανοικτής και κλειστής ετικέτες πίνακα , μπορείτε να δημιουργήσετε μια απλή δομή πίνακα ? Μπορείτε να χρησιμοποιήσετε τις πολλές άλλες διαθέσιμες ετικέτες μέσα στην οικογένεια των ετικετών που χρησιμοποιούνται στο εσωτερικό του πίνακα HTML σας δημιουργήσετε κάτι πολύ περίπλοκο . Στοιχεία στυλ καθορίζουν το μέγεθος, τη θέση , των συνόρων και άλλα χαρακτηριστικά του πίνακα . Το ύφος πληροφορίες θα πρέπει να προστεθεί στο άνοιγμα tag ? Ως παράδειγμα , για να προσθέσετε ένα περίγραμμα 1 - pixel στο τραπέζι που θα χρησιμοποιήσει αυτό το σύνολο tag:

<. br >

Η ίδια η ετικέτα του πίνακα δεν παράγει τα κύτταρα για την εμφάνιση , όμως. Για να παράγουν τα κύτταρα , θα πρέπει να προσθέσετε μια ετικέτα που μεταξύ των ανοικτών και κλειστών ετικέτες πίνακα . Τα σύνολα ετικετών που χρησιμοποιούνται για τη δημιουργία γραμμών και στηλών είναι οι και ? Το "tr " ετικέτα είναι για τη δημιουργία μιας γραμμής και το " td " ετικέτα είναι δημιουργώντας μια στήλη . Μπορείτε επίσης να χρησιμοποιήσετε το " ου " ετικέτα στη θέση του "TD" ετικέτα για να δημιουργήσετε μια κεφαλίδα πίνακα ? Αυτό αυτόματα στυλ τα περιεχόμενα του κελιού για να το διακρίνει ως επικεφαλίδα

Οι κανόνες για τον προγραμματισμό ενός πίνακα . κατάσταση που θα πρέπει να επισυνάψουν τα " td " ετικέτες στα " tr " ετικέτες στα " τραπέζι " ετικέτες . Ένας απλός πίνακας ενός κυττάρου με ένα 1 - pixel περίγραμμα γύρω από αυτό θα μοιάζει με αυτό :

Σειρά 1 , στήλη 1

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

καταφύγιο πίνακες με απλά λόγια σημαίνει την τοποθέτηση ενός πίνακα μέσα σε ένα κελί ενός άλλου πίνακα . Ο νέος πίνακας θα τοποθετηθεί μεταξύ των ετικέτες της μητρικής πίνακα . Ένας απλός πίνακας ενός κυττάρου με ένα περίγραμμα πλάτους 1 pixel που μέσα σε έναν πίνακα δύο κυττάρων με ένα περίγραμμα 1 - pixel , θα μοιάζει με αυτό :

Row 1 , στήλη 1

Σειρά 1 , στήλη 2 - ένθετου πίνακα

. Το ένθετο πίνακα σε αυτό το παράδειγμα βρίσκεται στην πρώτη γραμμή και η δεύτερη στήλη ? Μπορείτε να προσθέσετε περισσότερα "tr " και " td " ετικέτες στο ένθετο πίνακα , προσθέστε περισσότερα "tr " και " td " ετικέτες στον πίνακα γονέα , ή ακόμη και να προσθέσετε περισσότερα ένθετους πίνακες μέσα στα κύτταρα του πίνακα γονέα ή το ένθετο πίνακα για να δημιουργήσετε μια πιο σύνθετη δομή .

Η Συμβουλές για Nesting πίνακες
Η

Όταν αρχίσουμε να κάνουμε τραπέζια και φωλιάζουν τους να δημιουργήσουν πιο σύνθετες δομές μπορεί να πάρει αρκετά συγκεχυμένη . Είναι μια καλή ιδέα να σχεδιάσετε ένα διάγραμμα των πινάκων πριν ξεκινήσετε , ώστε να μπορείτε να ανατρέχετε σε αυτό και να κάνουν τις σημειώσεις καθώς εργάζεστε . Κατά τη δημιουργία του κώδικα , κάθε νέο σύνολο ετικετών θα πρέπει να έχει τη δική της σειρά ? Βάλει σε μια σκληρή στάση ( enter) μετά από κάθε κλειστή ετικέτα και στη συνέχεια να προσθέσετε καρτέλες για κάθε εσοχή σύνολο ετικετών . Αυτό το είδος της δόμησης θα κάνει τους πίνακες σας πιο εύκολο να διαβάσει

Μπορείτε επίσης να σχολιάσει τις γραμμές στον προγραμματισμό σας, χρησιμοποιώντας ένα ειδικό σύνολο ετικετών σχόλιο ? Χρήση " <- ! " Για να ανοίξει το σχόλιο και " - . - > " για να το κλείσετε . Σχολιάζοντας μπορεί να τοποθετηθεί οπουδήποτε μέσα στο HTML κωδικοποίησης και είναι ένας καλός τρόπος για να προσθέσετε σημειώσεις για τον εαυτό σας υπενθυμίσω τι έχετε κωδικοποιημένα .

Δημιουργία ένθετα σας από κάτω προς τα πάνω είναι επίσης ένας καλός τρόπος για να αποφευχθεί η σύγχυση . Θα ήθελα να ξεκινήσω με βαθύτατη πίνακα σετ σας ( ανατρέξτε στο διάγραμμα που έχετε δημιουργήσει ) και στη συνέχεια να επισυνάψουν σε αυτό το γονέα τραπέζι σας και να συνεχίσουν να εργάζονται έξω με αυτόν τον τρόπο . Αποθηκεύστε την εργασία σας συχνά και να φορτώσει τη σελίδα σε ένα πρόγραμμα περιήγησης για να βεβαιωθείτε ότι η δομή είναι η στροφή από τον τρόπο που οραματιζόμαστε.
Η
εικόνων