Πίνακας - ένα από τα πιο σημαντικά, αλλά ταυτόχρονα πολύπλοκα στοιχεία που πρέπει να υπάρχουν στις ιστοσελίδες. Με τη βοήθειά τους, είναι βολικό να εφαρμόσει σημαντικές και χρήσιμες πληροφορίες σε μια μάλλον συνοπτική μορφή. Φυσικά, οι περισσότεροι εκδότες σε πρότυπα, που εργάζονται σε διαφορετικές μηχανές, εισάγει αυτόματα έναν πίνακα στην ιστοσελίδα σας ή χωριστή έκδοση, αλλά τι γίνεται αν ο πόρος web design, οι σελίδες του δημιουργήθηκε από το μηδέν; Στη συνέχεια, ο πλοίαρχος αρχάριος μπορεί να πάρει ένα πρόβλημα: πώς να κάνει ένα τραπέζι σε μορφή HTML. Ας δούμε πόσο γρήγορα και σωστά τη δημιουργία του στοιχείου.
επιλέξετε editor
Πρώτα απ 'όλα, αρχίζουν να δημιουργήσετε έναν πίνακα, θα πρέπει να ορίσετε το πρόγραμμα επεξεργασίας στο οποίο θα λειτουργήσει. Φυσικά, ο ευκολότερος τρόπος για να επιλέξετε το πρόγραμμα στο οποίο μπορείτε να δημιουργήσετε ένα βασικό κώδικα περιοχή. Αλλά είναι καλύτερο να χρησιμοποιήσετε για αυτό το σκοπό το παλιό καλό σημειωματάριο.
Μπορείτε να ρωτήσετε, γιατί να περιπλέξει τη ζωή σας, γιατί αν κάνουμε όλα σωστά στον επεξεργαστή, τότε το αποτέλεσμα μπορεί να δει αμέσως, πάρα πολύ, ακόμα και ζητά το πρόγραμμα να χρησιμοποιήσει.
Ναι, είναι αλήθεια, αλλά για να δημιουργήσετε έναν πίνακα από το μηδέν, όχι μόνο θα είναι σε θέση να εξετάσει σε βάθος την αρχή της δημιουργίας του, αλλά και για την πρόληψη ενοχλητικές λάθη και λάθη στο υποκείμενο κώδικα. Μερικές φορές συμβαίνει κατά τύχη ότι ο δρομέας μετακινείται προς τα κάτω, και η διαδικασία της γραφής κώδικα κατά λάθος σέρνεται, η οποία μερικές φορές είναι δύσκολο να βρεθεί. Δημιουργία ενός πίνακα σε ένα φορητό υπολογιστή, μπορείτε να αντιγράψετε τον κώδικα και να τον επικολλήσετε στο σωστό μέρος για εσάς.
Ο αλγόριθμος για τη δημιουργία του πίνακα
Για να ξεκινήσετε, κάνει μια σύντομη αλγόριθμο, πώς να κάνει έναν πίνακα σε μορφή HTML. Αυτό γίνεται για να βεβαιωθείτε ότι έχετε κατανοήσει τη σειρά του κάθε βήματος. Στη συνέχεια, αναλύει ακριβώς πώς να εκτελέσει κάθε ένα από τα αντικείμενα.
Ας ξεκινήσουμε με τις προπαρασκευαστικές δράσεις.
1. Σχεδιάστε το σχηματικό στο τραπέζι το χαρτί της εικόνας.
2. Μετρήστε τον αριθμό των σειρών και των κυττάρων. Εάν ο αριθμός των διαφορετικών παρελθόν - σκεφτείτε κάθε ryadochka ξεχωριστά.
3. Καθορίστε τον αριθμό στα κύτταρα σειράς-κεφαλίδας (για παράδειγμα, «№» κύτταρο, «Name» και ί. D.).
4. Γράψτε κάτω τις βασικές παραμέτρους του πίνακα - το χρώμα, το ύψος και το πλάτος, ευθυγράμμιση κειμένου - εν ολίγοις, όλα όσα φαίνονται σε φόρμα.
Στη συνέχεια, πηγαίνετε απευθείας στην δημιουργία του πίνακα:
1. Τοποθετήστε τον πίνακα ετικέτες.
2. Τοποθετήστε τις ετικέτες των γραμμών με βάση το ποσό που χρειάζεστε.
3. Οι σειρές τοποθετήστε ετικέτες των κυττάρων (φυσιολογικών και κεφαλαία), επίσης με βάση το ποσό που έχουν καταγραφεί σε χαρτί.
4. Ρυθμίστε τις παραμέτρους για το σύνολο του πίνακα.
5. Αν χρειαστεί να ρυθμίσετε τις παραμέτρους για μεμονωμένα κύτταρα.
6. Συμπληρώστε το κείμενο των κυττάρων μας.
δημιουργήσετε έναν πίνακα
Έτσι, μπορείτε να επιλέξετε επεξεργαστή, τώρα ας δούμε πώς μπορείτε να δημιουργήσετε έναν πίνακα σε μορφή HTML. Ετικέτα που επιτρέπει τραπέζι (
) εισάγεται στον κώδικα της σελίδας ζεύγη, δηλαδή, των κατασκευών μας ξεκινά με αυτή την ετικέτα και τελειώνει με .
Τοποθέτηση του πίνακα ετικέτες, προχωρήστε να δημιουργήσει σειρές και τα κύτταρα.
Τώρα, οφείλουμε να παρατηρήσουμε ότι αυτά τα στοιχεία είναι επίσης ζεύγη. Tag
ορίζει μια σειρά, και | - κύτταρα.
Για άνω-κύτταρα θα πρέπει να χρησιμοποιηθούν ζεύγη στοιχείων | .
Όπως ήδη αναφέρθηκε, το πρώτο βήμα είναι να χαράξουμε μια διαχωριστική γραμμή, τότε θα πρέπει να εγγραφούν κύτταρο. Για να αποφευχθεί η σύγχυση, καλό είναι να κάνει οποιαδήποτε padding μεταξύ των μπλοκ σε μια γραμμή ή δύο, ή αλλιώς να περιγράψει μια νέα στοιχεία μπλοκ χρησιμοποιώντας το πλήκτρο «Tab».
Πώς μπορεί να μοιάζει; Κάτι σαν αυτό:
- <Πίνακας>?
-
? - <Θ> № p / p ?
- <Θ> Όνομα ?
- ?
-
? -
| 1 | ? -
Ιβάνοφ ? - ?
- .
Όπως μπορείτε να δείτε, τίποτα περίπλοκο γι 'αυτό. Το κύριο πράγμα - μην χαθείτε στον αριθμό των γραμμών και των κυττάρων. Σε αντίθετη περίπτωση, ο πίνακας έχει κλίση.
Είμαστε αποσυναρμολογηθεί για να δημιουργήσετε έναν πίνακα σε μορφή HTML, τώρα μπορούμε να προχωρήσουμε με τις παραμέτρους τόσο της Matrix και σειρές και τα κύτταρα του.
πίνακα επιλογών Όταν ο κώδικας είναι γραμμένο, είναι απαραίτητο να δοθεί προσοχή στα ακόλουθα σημεία: ευθυγράμμιση στον πίνακα της HTML, το χρώμα του σύνορα, φόντο, κείμενο, και ούτω καθεξής.
Οι παράμετροι που προσδιορίζονται στην ετικέτα πίνακα . Σε αυτά περιλαμβάνονται:
1. συνόρων - το πλάτος των συνόρων. Ορίζεται από ένα ακέραιο. Από προεπιλογή, κάθε πίνακας σύνορα εξαφανίζονται.
2. Bordercolor - το χρώμα των συνόρων. Μπορεί να δοθεί ως χρώμα δεκαεξαδικό (# 00008B), και το όνομά του σε angliykom (Σκούρο μπλε). Από προεπιλογή, είναι πάντα γκρίζα.
3. bgcolor - το χρώμα του φόντου. Όπως ορίζεται από τον κωδικό ή το όνομα.
4. Ευθυγράμμιση - ευθυγραμμιστεί το κείμενο για τον πίνακα. Προεπιλογή - στα αριστερά. Υπάρχουν οι εξής επιλογές για αυτήν την παράμετρο:
- αριστερά - δεξιά wrap?
- -obtekanie δεξιά προς τα αριστερά?
- Κέντρο - ο πίνακας εξόδου στη μέση χωρίς ροή.
5. Πλάτος και ύψος - πλάτος και το ύψος του πίνακα. Μπορεί να είναι είτε σε εικονοστοιχεία ή ως ποσοστό (σε σχέση με το μέγεθος του παραθύρου του προγράμματος περιήγησης).
Συνταγογράφηση ενός συγκεκριμένου δείκτη, θα πρέπει να δώσουν ιδιαίτερη προσοχή στο σχεδιασμό. Μετά τον καθορισμό της παραμέτρου για να πάει σημάδι «ίση», μετά την οποία σε εισαγωγικά υποδηλώνει μια προκαθορισμένη τιμή.
Όσο για το χρώμα του κειμένου και, στη συνέχεια, να συντάσσει με τον ίδιο τρόπο όπως απλό κείμενο σε μορφή HTML.
Παράδειγμα πίνακα:
- <Πίνακας border = "2" bordercolor = "# 00008B" bgcolor = "#FFFFFF" align = "κέντρο" width = "800" height = "800">?
-
? - <Θ> № p / p ?
- <Θ> Όνομα ?
- ?
-
? -
| 1 | ? -
Ιβάνοφ ? - ?
- .
σειρές παραμέτρων Έτσι, έχουμε ήδη βρει τον τρόπο να κάνει ένα τραπέζι σε HTML και να συνταγογραφήσει βασικές παραμέτρους της. Τι γίνεται όμως αν θα πρέπει να διαθέσει ένα string; Αναχώρηση όχι ως της το κύριο σώμα του πίνακα;
Οι παράμετροι της γραμμής γραμμένο στην ετικέτα | με τον ίδιο τρόπο όπως και από τον πίνακα δεδομένων. Για να παρατάξει οι ακόλουθες μεταβλητές μπορούν να οριστούν:
1. Ήδη είναι γνωστό σε σας τα σύνορα, bordercolor και bgcolor.
2. Ευθυγραμμίστε - ευθυγράμμιση κειμένου στη γραμμή. Μπορεί να ρυθμιστεί προς τα αριστερά, κέντρο και δεξιά.
3. valign - η ετικέτα ευθυγραμμίζει το κείμενο κατακόρυφα. Παίρνει τις ακόλουθες τιμές:
- top - το κείμενο είναι ευθυγραμμισμένο με το άνω όριο?
- μέση - στη μέση?
- κάτω - η κάτω άκρη.
ΠΑΡΑΔΕΙΓΜΑ κάθαρση γραμμή:
-
? - <Θ> № p / p ?
- <Θ> Όνομα ?
- .
παραμέτρους κύτταρα Και το τελευταίο πράγμα που πρέπει να δώσουν προσοχή σε όσους θέλουν να ξέρουν πώς να κάνουν έναν πίνακα σε HTML - των παραμέτρων των επιμέρους κυττάρων, τόσο φυσιολογική και κεφαλαίων. Στην πραγματικότητα, όλα γίνονται με τον ίδιο τρόπο όπως και για έναν πίνακα ή σειρά. Η μόνη προστιθέμενη δύο σημαντικά στοιχεία:
1. colspan - Αυτή η παράμετρος καθορίζει τον αριθμό των στηλών για τις οποίες μπορεί να παρατείνει το κύτταρο.
2. rowspan - δείχνει ήδη τον αριθμό των γραμμών που καταλαμβάνεται από αυτό το κελί.
Δεδομένου ότι ο σχεδιασμός δεν είναι διαφορετική από τη γραμμή συνταγή, δεν θα έχει ως αποτέλεσμα το δείγμα κώδικα.
ευρήματα Κάντε ένα τραπέζι δεν είναι τόσο δύσκολο όσο φαίνεται με την πρώτη ματιά. Το κύριο πράγμα όταν γράφετε κώδικα - επιμονή και προσοχή.
Όσο για το πώς να εισάγετε έναν πίνακα σε μορφή HTML, τότε κωδικός αριθμός του είναι αρκετό για να αντιγράψετε και να επικολλήσετε στο χώρο της σελίδας σας, στην οποία, κατά τη γνώμη σας, θα πρέπει να τοποθετηθεί.
Μην φοβάστε να πειραματιστείτε, και σύντομα θα έχετε την τέλεια κατακτηθεί η τεχνική της δημιουργίας πινάκων. Καλή τύχη!
|
| |
|