ΟΜΙΛΗΤΗΣ 1: Ας υποθέσουμε ότι έχετε κάποια τα δεδομένα των πινάκων που θα θέλατε να σχεδιάγραμμα σε μια ιστοσελίδα σε έναν πίνακα, με γραμμές και στήλες. Πώς μπορούμε να το κάνουμε αυτό; 

Λοιπόν, εκ των προτέρων, εδώ έχω πάρει ξεκίνησε με table.html, με κάποια ανοικτές ετικέτες και κάποια κλειστά ετικέτες. Μέσα από το σώμα τώρα, ας περιλαμβάνουν την ετικέτα πίνακα. Και προληπτικά, ακριβώς γι 'αυτό δεν ξεχάσουμε, ας περιλαμβάνουν τη στενή πίνακα ετικέτα, καθώς και. Μέσα από αυτό, ας καθορίσετε μια γραμμή πίνακα με μια ετικέτα tr. Και, επίσης, προληπτικά, κλείστε αυτό. 

Τώρα, μέσα από αυτή τη σειρά, ας ορίσουμε το στήλες ή τα δεδομένα που θα είναι μέσα από τις στήλες αυτές, ή τα κύτταρα εντός αυτού. Για να το κάνετε αυτό, ας χρησιμοποιήσουμε το td tag για τα δεδομένα του πίνακα. Ανοίξτε td βραχίονα κλείσιμο παρένθεσης. Και τώρα, τι θα έλεγες να ξεκινήσει την προσομοίωση αριθμοί τηλεφώνου του ενός. Ας ξεκινήσουμε με ένα, και στη συνέχεια κλείστε αυτήν την ετικέτα δεδομένων του πίνακα. Ας ανοίξουμε ένα νέο με 2. Κλείστε αυτό το ένα επίσης. Και τότε το ένα τρίτο. td 3 κοντά td. 

Πού πάω με αυτό; Λοιπόν, εγώ ισχυρίζομαι ότι επειδή έχουμε ένα γραμμή του πίνακα, μέσα από τις οποίες έχουμε τρεις datas πίνακα, έχουμε ουσιαστικά οι απαρχές ενός πίνακα που έχει ένα γραμμή και τρεις στήλες. Ας τώρα να δώσει κάποια επιπλέον γραμμές. 

Κάτω από την ετικέτα κλεισίματος tr, ας ανοίξουμε ένα άλλο tag tr, και προληπτικά κοντά ότι ένα επίσης. Μέσα από αυτό, ας τώρα κάνει td 4, td 5, 6 και td. Κάτω από αυτή τη σειρά, ας κάνουμε ένα τρίτο. Ανοικτή γραμμή του πίνακα, στενή γραμμή πίνακα. Μέσα από αυτό, td 7, 8 td, και td 9. 

Τέλος, μόνο και μόνο για να κάνει τα πράγματα ενδιαφέροντα, ας ολοκληρώσει το κάτω μέρος αυτού του τηλεφώνου pad. Ανοίξτε tr και κοντά tr. Και στο εσωτερικό της, td αστέρι, td 0, και td λίβρα. Ας τώρα να αποθηκεύσετε αυτό το αρχείο, η αλλαγή δικαιώματά του, και δείτε με ένα πρόγραμμα περιήγησης. 

Chmod a + r table.html. Ας τώρα να ανοίξει Chrome. http://localhost/table.html. Και εκεί έχουμε ό, τι φαίνεται να είναι ένα πίνακα HTML. Δεν μοιάζουν αρκετά περίμενα. Ας τουλάχιστον προσθέσετε ένα περίγραμμα γύρω από τώρα όλα αυτά τα κελιά του πίνακα. 

Ας πάμε πίσω στο gedit και μετακινηθείτε μέχρι το ίδιο το τραπέζι ετικέτας. Και ας προσθέσουμε ένα χαρακτηριστικό, που είναι γνωστή ως "Σύνορα", η οποία καθορίζει ένα αριθμητικό τιμή για το πλάτος των συνόρων. Border ισούται με παράθεση unquote 1, όπου 1 σημαίνει το πλάτος των συνόρων του πίνακα. Ας αποθηκεύσετε το αρχείο και να φορτώσετε εκ νέου η σελίδα στο πρόγραμμα περιήγησης. 

Πίσω στο Chrome, reload. Και εκεί έχουμε. Πολύ άσχημο, αλλά παρ 'όλα αυτά πινάκων δεδομένων.