Περιεχόμενο

• Βήματα
• Συμβουλές
• Προειδοποιήσεις

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

Βήματα

1. 1 Ανοίξτε ένα απλό πρόγραμμα επεξεργασίας κειμένου όπως το Σημειωματάριο ή το WordPad στα Windows ή σε Mac ανοίξτε το TextEdit.
2. 2 Εισαγάγετε όλο το κείμενο που θέλετε να δείτε μπροστά από τον πίνακα.
3. 3 Ορίστε τη χρήση ενός πίνακα για ένα έγγραφο HTML εισάγοντας τον πίνακα> ετικέτα.
   
   
4. 4 Πατήστε Enter.
   
   
5. 5 Εισαγάγετε την ετικέτα για το άνοιγμα πίνακα γραμμών χρησιμοποιώντας την ετικέτα tr>.
6. 6Θυμηθείτε να δημιουργήσετε όλα τα υπόλοιπα στοιχεία από αριστερά προς τα δεξιά.
7. 7 Πατήστε Enter.
8. 8 Εισαγάγετε μια ετικέτα έναρξης για την επικεφαλίδα του πίνακα χρησιμοποιώντας την ετικέτα th>.
9. 9 Εισαγάγετε τον τίτλο που θέλετε να χρησιμοποιήσετε για την πρώτη στήλη.
10. 10 Εισαγάγετε μια ετικέτα κλεισίματος για το στοιχείο επικεφαλίδας πίνακα χρησιμοποιώντας την ετικέτα / th>.
11. 11 Πατήστε Enter.
12. 12 Επαναλάβετε βήματα (τακτοποίηση στοιχείων σε στήλες από τα αριστερά προς τα δεξιά).
13. 13 Κλείστε αυτήν τη γραμμή εισάγοντας την ετικέτα / tr>.
14. 14 Πατήστε Enter.
15. 15 Ξεκινήστε μια άλλη γραμμή με μια άλλη ετικέτα tr>.
16. 16 Πατήστε Enter.
17. 17 Εισαγάγετε την ετικέτα δεδομένων πίνακα χρησιμοποιώντας την ετικέτα td>.
18. 18 Εισαγάγετε τα δεδομένα του πίνακα που θέλετε να συμπεριλάβετε σε κάθε πεδίο.
19. 19Εργαστείτε από αριστερά προς τα δεξιά, συμπληρώνοντας τα δεδομένα από τις παραπάνω στήλες.
20. 20 Κλείστε κάθε είσοδο με την ετικέτα / td>.
21. 21 Επαναλάβετε για όλα τα δεδομένα του πίνακα που έχετε.
    • Για κελιά όπου δεν χρειάζεται να εισαγάγετε τίποτα, εισαγάγετε td> και td> και τίποτα ενδιάμεσα. Αυτό θα είναι πολύ χρήσιμο για πεδία μεταξύ δύο άλλων πεδίων.
22. 22 Κλείστε κάθε γραμμή με άλλη ετικέτα / tr>.
23. 23 Επαναλάβετε κάθε γραμμή προς τα κάτω εκτός από τις γραμμές tr> και / td> μέχρι να συναρμολογηθεί κάθε γραμμή.
24. 24 Κλείστε τον πίνακα με την ετικέτα / table>.
25. 25 Εισαγάγετε το ακόλουθο κείμενο HTML όπως χρειάζεστε για το υπόλοιπο έγγραφο.

Συμβουλές

• Εσοχή από κάθε γραμμή, ώστε να μπορείτε να καταλάβετε τι προσπαθείτε να κάνετε στον κώδικά σας.

Προειδοποιήσεις

• Εάν κατά λάθος εισάγετε πάρα πολλές στήλες δεδομένων όπου δεν υπάρχει επικεφαλίδα πίνακα, θα εξακολουθούν να εμφανίζονται, αλλά θα φαίνονται λίγο ανόητες και ο αναγνώστης δεν θα καταλάβει σε τι χρησιμεύουν αυτές οι πληροφορίες.
• Η δημιουργία πινάκων σε μια σελίδα HTML είναι μια δύσκολη διαδικασία για να το καταλάβετε. Αρχικά, εξασκηθείτε στα εξωτερικά δεδομένα για να δείτε πώς μοιάζει και, στη συνέχεια, περιηγηθείτε και τοποθετήστε τον νέο πίνακα στη θέση του.
• Ο κώδικας πίνακα HTML αφήνεται καλύτερα στους προηγμένους κωδικοποιητές HTML. Ωστόσο, αφού ακολουθήσετε αυτές τις οδηγίες, θα γίνετε κι εσείς ένας από αυτούς.