Κατά την οικοδόμηση ενός δικτυακού τόπου σε HTML , μπορείτε να βρείτε ένα τραπέζι χρήσιμο για την οργάνωση μιας μικρής ποσότητας πληροφοριών σε γραμμές και στήλες . Οι πίνακες έχουν χρησιμοποιηθεί από την αυγή του Web , και χρησιμοποιείται για να παίξει ένα σημαντικό ρόλο στη φυσική δομή μιας ιστοσελίδας . Οι πίνακες είναι σχετικά περιορισμένες σε σχέση με το πού μπορείτε να τοποθετήσετε το περιεχόμενο στο εσωτερικό τους , αλλά το κάνουν να υπακούουν κώδικα που ασχολούνται με την ευθυγράμμιση του περιεχομένου των κυττάρων . Εικόνες και προεπιλεγμένο κείμενο στο κέντρο του κυττάρου, κάθετα μιλώντας, αλλά μια απλή προσθήκη κώδικα μετακινεί αυτό το περιεχόμενο στην κορυφή του κελιού . Valign Κωδικός
Η
Για να μετακινήσετε το κείμενο ή μια εικόνα στην κορυφή ενός κυττάρου , προσθέστε τον ακόλουθο κώδικα στο
ή | tag :
valign = " top "
valign σημαίνει" κατακόρυφη στοίχιση . " Αν τα περιεχόμενα του κελιού δεν ευθυγραμμίζονται με την κορυφή , ελέγξτε για να βεβαιωθείτε ότι έχετε επισυνάψει τη λέξη "top " με εισαγωγικά , και ότι έχετε και τα δύο και το άνοιγμα και κλείσιμο παρενθέσεις γύρω από τις ετικέτες . " Valign " είναι διαφορετική από την " ευθυγράμμιση ", η οποία ασχολείται με την οριζόντια και όχι κάθετη ευθυγράμμιση μέσα σε ένα κελί .
Εικόνων Δομή Πίνακα Κωδικός
Η Ένας απλός πίνακας δύο σειρών και δύο στήλες μπορεί να έχει τον ακόλουθο κώδικα :
Στήλη Ένα Header < /th>
< p > | Στήλη Δύο Header < /th>
< /tr >
|
Στήλη Ένα δεδομένων < /td >
| Στήλη Δύο δεδομένων < /td >
< /tr >
< /table>
Ο κωδικός ? ξεκινά απλώς τη δομή του πίνακα . Ο κωδικός ξεχωρίζει για σειρά πίνακα και εισάγει τη γραμμή . Μπορείτε να προσθέσετε πολλά κύτταρα , όπως θέλετε , σε αυτή την περίπτωση δύο , με κάθε | , ή τραπέζι tag κεφαλίδα . Μπορείτε να τερματίσετε μια γραμμή με την προσθήκη του < /tr > tag . Αυτός ο πίνακας έχει ένα ακόμη σειρά , που ξεκίνησε από άλλο | ετικέτα , και δύο περισσότερα κελιά σε αυτή τη γραμμή που ορίζεται από τα δύο | ετικέτες . Μπορείτε να προσθέσετε το valign = "top " κώδικα σε οποιαδήποτε από αυτές τις | ή | ετικέτες στην κορυφή ευθυγραμμίσετε όλα τα περιεχόμενα αυτού του κελιού .
Η Κεφαλίδα πίνακα < br >
Τα κύτταρα που ορίζετε ως κεφαλίδες του πίνακα ( με την ετικέτα | ) αποτελείται από την γραμμή πέρα από την κορυφή του πίνακα . Η μορφή των προεπιλογών πίνακα περιεχομένου κεφαλίδα τολμηρό κείμενο με επίκεντρο τις οριζόντιες και κάθετες ευθυγραμμίσεις . Εάν επιθυμείτε να ευθυγραμμιστεί κάθετα το περιεχόμενο στην κορυφή , ο κωδικός για αυτό το κύτταρο θα πρέπει να διαβάσετε :
th- valign="top"> Στήλη Ένα Header < /th>
Αυτό δημιουργεί το κείμενο που είναι έντονο , οριζόντια στοίχιση στο κέντρο και κάθετα ευθυγραμμισμένα στην κορυφή του κυττάρου .
εικόνων πίνακα δεδομένων
Η Τα κύτταρα που ορίζεις ως στοιχεία του πίνακα ( με το < td > tag ) αποτελούνται συνήθως από το υπόλοιπο των πληροφοριών στο τραπέζι σας . Το ύφος αυτών των κυττάρων προεπιλογές για το φυσιολογικό βάρος κειμένου , κάθετη κεντράρισμα και αριστερά - ευθυγράμμιση . Σε κάθετη top - ευθυγράμμιση το περιεχόμενο αυτών των κυττάρων , ο κώδικας θα πρέπει να διαβάσετε :
| Στήλη Ένα Δεδομένων < /td >
Το γεγονός αυτό καθιστά το περιεχόμενο ευθυγράμμιση στην επάνω αριστερή γωνία του κελιού .
Η
εικόνων
| | |