Στην κατασκευή ιστότοπων που χρησιμοποιούν τη δημοφιλή και απλή γλώσσα HTML, υπάρχουν ορισμένοι κανόνες για το σχεδιασμό και την ευθυγράμμιση πινάκων. Δεν είναι ασυνήθιστο να αλλάζει ο πίνακας που έχετε τοποθετήσει στη σελίδα και επομένως πρέπει να κεντράρετε στη σελίδα ή αριστερά ή δεξιά για να ταιριάζει στη συνολική διάταξη της σελίδας. Από προεπιλογή, ένας πίνακας σε HTML είναι αριστερή στοίχιση και επομένως πρέπει να γνωρίζετε τις ετικέτες με τις οποίες μπορείτε να την επανατοποθετήσετε.
Οδηγίες
Βήμα 1
Για να ευθυγραμμίσετε τον πίνακα στο κέντρο της ιστοσελίδας, χρησιμοποιήστε το χαρακτηριστικό που υπάρχει στην ετικέτα πίνακα. Για να ευθυγραμμίσετε τον πίνακα προς τα δεξιά, χρησιμοποιήστε το χαρακτηριστικό ανάλογα. Για να ευθυγραμμίσετε στα αριστερά της σελίδας, αλλάξτε την τιμή του χαρακτηριστικού στα αριστερά.
Βήμα 2
Εκτός από τον ίδιο τον πίνακα, μπορείτε επίσης να ευθυγραμμίσετε το περιεχόμενο των κελιών του - οριζόντια ή κάθετα. Για να ευθυγραμμίσετε οριζόντια τα περιεχόμενα των κελιών πίνακα, χρησιμοποιήστε το χαρακτηριστικό align της ετικέτας tr με την κατάλληλη τιμή. Για κελιά, εφαρμόστε το στην ετικέτα td.
Βήμα 3
Πειραματιστείτε με διαφορετική ευθυγράμμιση σειράς σε διαφορετικά κελιά - μπορείτε να ευθυγραμμίσετε το κείμενο σε ένα κελί πίνακα προς το κέντρο και προς τα δεξιά ή αριστερά σε ένα άλλο.
Βήμα 4
Για να ευθυγραμμίσετε κάθετα το κείμενο, χρησιμοποιήστε τα χαρακτηριστικά της ετικέτας tr και td για να τοποθετήσετε το περιεχόμενο στην κορυφή του κελιού. Για να τοποθετήσετε το περιεχόμενο στη μεσαία γραμμή του κελιού, αλλάξτε την τιμή από πάνω προς τα μέσα και για να ευθυγραμμίσετε στο κάτω μέρος του κελιού, αλλάξτε την τιμή σε κάτω. Μπορείτε επίσης να ευθυγραμμίσετε το περιεχόμενο με τη γραμμή βάσης (τιμή αναφοράς)
Βήμα 5
Ρυθμίζοντας την ευθυγράμμιση του περιεχομένου των κελιών τόσο οριζόντια όσο και κάθετα, μπορείτε να δώσετε στον πίνακα ακριβώς την εμφάνιση που θα πρέπει να έχει όταν τελειώσει στην ιστοσελίδα σας.
