Πώς να σχεδιάσετε έναν πίνακα σε HTML

Πίνακας περιεχομένων:

Πώς να σχεδιάσετε έναν πίνακα σε HTML
Πώς να σχεδιάσετε έναν πίνακα σε HTML

Βίντεο: Πώς να σχεδιάσετε έναν πίνακα σε HTML

Βίντεο: Πώς να σχεδιάσετε έναν πίνακα σε HTML
Βίντεο: HTML - ΜΑΘΗΜΑ 4 - ΠΙΝΑΚΕΣ - ΜΕΡΟΣ 1 από 5 - Ορισμός Πίνακα 2024, Απρίλιος
Anonim

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

Πώς να σχεδιάσετε έναν πίνακα σε HTML
Πώς να σχεδιάσετε έναν πίνακα σε HTML

Απαραίτητη

  • - υπολογιστή;
  • - το πρόγραμμα "Σημειωματάριο"
  • - δεξιότητες στην εργασία με HTML.

Οδηγίες

Βήμα 1

Ανοίξτε τη σελίδα σας όπου θέλετε να προσθέσετε έναν πίνακα σε HTML χρησιμοποιώντας το Σημειωματάριο. Για να το κάνετε αυτό, κάντε δεξί κλικ στο αρχείο για να εμφανιστεί το μενού περιβάλλοντος, επιλέξτε την επιλογή "Άνοιγμα με". Επιλέξτε ένα μέρος στην ετικέτα σώματος για να προσθέσετε τον πίνακα στον ιστότοπο.

Βήμα 2

Χρησιμοποιήστε την ετικέτα… για να τοποθετήσετε τον πίνακα σε Html. Αυτή είναι η κύρια ετικέτα που περιγράφει τον πίνακα. Όλα τα στοιχεία του πρέπει να βρίσκονται ανάμεσα στις ετικέτες ανοίγματος και κλεισίματος. Από προεπιλογή, ο πίνακας δημιουργείται χωρίς διαχωριστικά και περιγράμματα. Προσθέστε περίγραμμα όπως απαιτείται χρησιμοποιώντας το χαρακτηριστικό Border. Για να το κάνετε αυτό, τοποθετήστε το μέσα στην ετικέτα πίνακα και προσθέστε μια αριθμητική τιμή για το πλάτος του περιγράμματος, για παράδειγμα, μια σειρά στον πίνακα. Για να το κάνετε αυτό, χρησιμοποιήστε την ετικέτα …, ο αριθμός των γραμμών καθορίζεται από τον αριθμό των ζευγών της. Προσθέστε μια περιγραφή κελιού χρησιμοποιώντας την… ετικέτα. Τοποθετήστε το κελί μόνο μέσα στην ετικέτα σειράς, προσθέστε σε αυτόν τον αριθμό της στήλης (στήλη) στην οποία τοποθετείται.

Βήμα 4

Η θέση του κειμένου στο κελί καθορίζεται χρησιμοποιώντας τα χαρακτηριστικά Aligh (αριστερά, δεξιά, κέντρο) - καθορίζει την τοποθέτηση του κειμένου οριζόντια και Valign (μεσαίο, κάτω, πάνω) - καθορίζει την τοποθέτηση δεδομένων στο κελί κάθετα. Αυτή η περιγραφή μπορεί να προστεθεί τόσο για ένα μεμονωμένο κελί όσο και για ολόκληρη τη σειρά.

Βήμα 5

Χρησιμοποιήστε το χαρακτηριστικό Colspan για να συγχωνεύσετε κελιά οριζόντια και Rowspan κάθετα. Ένα παράδειγμα κωδικού πίνακα: "Όνομα πίνακα" "Όνομα της συγχωνευμένης σειράς" "Όνομα της πρώτης στήλης" "Όνομα της δεύτερης στήλης" "Δεύτερη σειρά" "Δεύτερο κελί της δεύτερης σειράς" "Τρίτο κελί της δεύτερης σειρά".

Συνιστάται: