Υπολογιστές, Λογισμικό
Χρησιμοποιώντας τον πίνακα HTML
Στην HTML, υπάρχουν τόσα πολλά στοιχεία, και το καθένα από αυτά είναι μοναδικό με τον τρόπο τους. Πίνακας - πολύ ενδιαφέρουσα, δημοφιλή και σοβαρό θέμα. Χάρη σε αυτήν, μπορείτε όχι μόνο να παρέχουν τις πληροφορίες σε μια βολική μορφή, αλλά και για τη δημιουργία ενός πλαισίου χώρο.
Προηγουμένως, σχεδόν όλοι οι webmasters χρησιμοποιούν πίνακες για τη διάταξη είναι sites. Αρχικά, ο πίνακας δεν έχει καταλήξει. Ως εκ τούτου, θα πρέπει να χρησιμοποιήσετε ένα στοιχείο μπλοκ div για να σηματοδοτήσει την περιοχή.
Εάν δεν θέλετε να παραμείνει πάντα αρχάριος, να χρησιμοποιηθεί αμέσως για να κάνουμε τα πάντα σωστά. Αυτό είναι πολύ σημαντικό στη γλώσσα HTML. Ο πίνακας θα πρέπει να τοποθετείται μόνο τις συνήθεις πληροφορίες (κείμενα, σύνδεσμοι, λίστες, εικόνες, και ούτω καθεξής. Π), και όχι ολόκληρο το χώρο ως σύνολο.
Πώς να κάνει έναν πίνακα HTML;
Πίνακας - ένα σύνθετο στοιχείο, το οποίο αποτελείται από ένα μεγάλο αριθμό άλλων στοιχείων. Να θυμάστε ότι κατά τη δημιουργία των κυττάρων ή σειρές πάντα πρέπει αμέσως να βάλει το κλείσιμο της ετικέτας. Διαφορετικά, θα πετάξει. Handler στο πρόγραμμα περιήγησης θα δούμε για το τέλος του στοιχείου και, μέχρι να διαπιστώσει, όλα θα συνεχίσουν να συμπεριλάβει στον πίνακα. Το αποτέλεσμα θα είναι χυλό.
Αν γράψετε μια ιστοσελίδα στο «Σημειωματάριο», τότε τα πάντα θα έχουν να κάνουν με τα χέρια του. Αν στο τελικό επεξεργαστή, υπάρχει συνήθως ένα κουμπί - «πίνακα ένθετο», «ένθετο εικόνα» και ούτω καθεξής.
ΠΑΡΑΔΕΙΓΜΑ 2 Ο Πίνακας 2.
<Πλάτος του πίνακα = "100%" border = "1">
Ετικέτες Ο βασικός κανόνας είναι: ο αριθμός των κυττάρων σε κάθε γραμμή πρέπει να είναι η ίδια. Είναι ένα τραπέζι. Αλλά, όπως στο Word και το Excel επεξεργασίας, τα κύτταρα μπορούν να συνδυαστούν μεταξύ τους. Για να συνδυάσετε και να χρησιμοποιούν τα χαρακτηριστικά colspan rowspan. Span μεταφράζεται ως «κάλυμμα» ή «επικάλυψη». Η κυριολεκτική έννοια - για την κάλυψη / κλείσει το κύτταρο / σειρά. Η τιμή αυτής της παραμέτρου πρέπει να καθορίσετε πώς θα πρέπει να αποκλειστεί πολλές σειρές ή κύτταρα. Το ακόλουθο είναι ένα επεξηγηματικό παράδειγμα της χρήσης τόσο HTML αποδίδει στον πίνακα. Σε αυτό το παράδειγμα, η πρώτη γραμμή 3 ομαδοποιήθηκαν κύτταρα χρησιμοποιώντας το χαρακτηριστικό colspan = «3». Στη συνέχεια, το πρώτο κελί της δεύτερης συμβολοσειράς τεντωμένο σε τέσσερις σειρές. Να θυμάστε ότι το τέντωμα / συνδυάζονται μόνο στο πρώτο κελί. ιδιοκτησία της απλώνεται. Το μόνο που έρχεται πριν, δεν θα επηρεαστούν. Αν έχετε 5 κελιά που θέλετε να συγχωνεύσετε 2 έως 4, τότε θα πρέπει απλά τον αριθμό των κυττάρων 2 καθορίσετε το colspan χαρακτηριστικό = «3». Σημειώστε τον αριθμό σχισμή 9 στο παραπάνω σχήμα. ομαδοποιήθηκαν Εκεί αμέσως και τα κύτταρα και σειρές. Τέτοιες ενέργειες δεν απαγορεύονται. Δείτε ένα άλλο παράδειγμα για να εξασφαλίσει τις πληροφορίες. Δεδομένου ότι ορισμένα σύγχυση και αποδίδει αντί των σειρών των κυττάρων μερικές φορές συνδυάζονται. Πάρτε ένα συνηθισμένο, πρότυπο περίπτωση της HTML. Πίνακας Δύο σειρές των δύο κυττάρων το καθένα. του κώδικα θα είναι ως εξής. Όπως μπορείτε να δείτε, δεν υπάρχουν αποτελέσματα. Μπορείτε να προσθέσετε ένα πλαίσιο, καθορίστε το πλάτος και το ύψος. Μπορείτε επίσης να παίξετε με την ευθυγράμμιση. Μπορεί να ευθυγραμμίζονται όσον αφορά το ύψος και το πλάτος. Ευθυγραμμίστε να ευθυγραμμίσει οριζόντια, και valign - κατακόρυφο. Αυτό είναι ένα τέτοιο αποτέλεσμα. Χαρακτηριστικά ευθυγράμμιση και valign μπορούν να εφαρμοστούν σε όλη τη γραμμή. Στη συνέχεια, όλα τα κύτταρα που βρίσκονται σε αυτό θα υπόκειται σε αυτές τις ιδιότητες. Εκτός από την ετικέτα Όπως κάθε ετικέτες HTML, ο πίνακας μπορεί να μετατραπεί μέσω της στυλ. Θα πρέπει να καθορίσετε το αρχείο στυλ στο κεφάλι ή έτοιμα στυλ (όπως αναφέρεται στο κεφάλι). ... <Τύπος style = "text / css "> τραπέζι { font-family: Verdana, Arial, Helvetica, sans-serif? χρώμα: # 000000? } .my_class { χρώμα: # 666666? } ... Εάν καθορίσετε ένα τραπέζι, τότε αυτό το στυλ θα ισχύει για όλους τους πίνακες της σελίδας. Απολύτως ο καθένας. Αλλά, αν χρησιμοποιήσετε τη δεύτερη μέθοδο, η οποία δείχνει ένα αυθαίρετο όνομα με μια τελεία, τότε αυτό το στυλ μπορεί να εφαρμοστεί σε οποιαδήποτε επιθυμητή πίνακα, ενώ δεν επηρεάζει το άλλο. Παρακαλείστε να σημειώσετε ότι οι τάξεις μπορεί να χρησιμοποιηθεί ως μια ετικέτα για το τραπέζι και για ένα συγκεκριμένο κύτταρο ή σειρά. Αν το στυλ του καλλιτέχνη κάπου λάθος, το αποτέλεσμα δεν θα δείτε. Αν, όμως, με τον τρόπο υπάρχουν λάθη, αλλά τα ονόματα είναι τα ίδια, το αποτέλεσμα δεν θα είναι. Κάθε κόμμα ή του παχέος εντέρου παίζει σημαντικό ρόλο. Τι χαρακτηριστικά μπορεί να γραφτεί στα μαθήματα στυλ; Υπάρχουν πολλά χαρακτηριστικά που ισχύουν ειδικά για τους πίνακες. Σκεφτείτε το πιο βασικό από τα οποία είναι πολύ χρήσιμα. ευθυγράμμιση οριζόντια ευθυγράμμιση valign Κατακόρυφη ευθυγράμμιση φόντο Εικόνα φόντου στο κύτταρο / τραπέζι bgcolor Το χρώμα φόντου του κελιού bordercolor Πλαίσιο πίνακα χρωμάτων / κύτταρα ύψος το ύψος των κυττάρων nowrap Απαγόρευση αναδίπλωση κειμένου σε μια σειρά. πλάτος Το πλάτος του κυττάρου / τραπέζι Όπως μπορείτε να δείτε, η χρήση HTML στον πίνακα μπορεί να είναι ένα τεράστιο αριθμό των «εργαλείων». Λόγω των στυλ, μπορείτε να δημιουργήσετε μια ποικιλία από όμορφα πίνακα. Όλα εξαρτώνται από το τι και το πώς σας αρέσει. Όπως μπορείτε να δείτε, αν χρησιμοποιείτε ετικέτες HTML, ο πίνακας μπορεί να μετατραπεί πέρα από την αναγνώριση. δυνατό όρια που καθορίζονται από τη φαντασία σας.
κείμενο για την πρώτη γραμμή του πρώτου κυττάρου
κείμενο της δεύτερης γραμμής του πρώτου κυττάρου
κείμενο του πρώτου κυττάρου της δεύτερης σειράς
κείμενο του δεύτερου κυττάρου της δεύτερης σειράς
και δείχνουν την αρχή και το τέλος του πίνακα. Ετικέτες
και - η αρχή και το τέλος της γραμμής. Στην ίδια γραμμή μπορεί να είναι οποιοσδήποτε αριθμός των κυττάρων που καθορίζονται από τις ετικέτες και .
Πώς να συνδυάσετε τα κύτταρα σε ένα τραπέζι;
πίνακα Μορφή
και , υπάρχει μια πρόσθετη ετικέτα . Στην πραγματικότητα είναι ένα ανάλογο του , αλλά χρησιμοποιείται μόνο στην πρώτη σειρά και οδεύει. Από προεπιλογή, το κείμενο στο επικεντρώνεται και με έντονους χαρακτήρες.
Πώς να συνδέσετε στυλ στο τραπέζι;
= " 100%" border = "1">
κείμενο της πρώτης γραμμής του πρώτου κυττάρου
κείμενο της δεύτερης γραμμής του πρώτου κυττάρου
κείμενο του πρώτου κυττάρου της δεύτερης σειράς
κείμενο του δεύτερου κυττάρου της δεύτερης σειράς
Πρόσθετα χαρακτηριστικά στους πίνακες
Όμορφη δημιουργούνται χρησιμοποιώντας πίνακες HTML. παραδείγματα
Similar articles
Trending Now
Newest