Πώς να δημιουργήσετε έναν πίνακα HTML. Πίνακας χρωμάτων
Οι αρχάριοι webmasters πρέπει να αντιμετωπίσουν πολλά προβλήματα. Φαίνεται ότι σήμερα μπορείτε να χρησιμοποιήσετε πρότυπα για τη δημιουργία των δικών σας ιστότοπων, αλλά το πρόβλημα είναι ότι δεν έχουν πάντα τις απαραίτητες ιδιότητες και στη συνέχεια πρέπει είτε να δημιουργήσετε ένα σχέδιο ιστοσελίδας από το μηδέν είτε να κάνετε αλλαγές στον ήδη υπάρχοντα κώδικα. Αυτό είναι όπου χρειάζεστε γνώση του κώδικα HTML και ελάχιστες έννοιες για τον τρόπο ρύθμισης του φόντου και του χρώματος της σελίδας, την εισαγωγή μιας εικόνας ή βίντεο, τη δημιουργία ενός πίνακα σε HTML.
Ξεκινήστε στο τραπέζι
Ένα από τα πιο δύσκολα πράγματα στη διάταξη μιας σελίδας HTML είναι οι πίνακες. Και το πρόβλημα δεν είναι η πολυπλοκότητα των ετικετών, που στην πραγματικότητα δεν είναι τόσο δύσκολο να θυμηθούμε, αλλά όταν γράφετε τον κώδικα, μπορείτε εύκολα να κάνετε λάθη - ξεχάστε να γράψετε μια επιπλέον γραμμή ή κελί, γράψτε το κείμενο όχι σωστά όπου θέλετε και άλλα μικρά πράγματα . Και όσο μεγαλύτερο είναι το τραπέζι, τόσο μεγαλύτερη είναι η πιθανότητα να κάνει λάθος.
Επομένως, όταν αρχίζετε να δημιουργείτε έναν πίνακα σε HTML, σας συνιστούμε να εστιάζετε όσο το δυνατόν περισσότερο και να μην αποσπούν την προσοχή σας.
Πρώτα απ 'όλα, θα πρέπει να σχεδιάσετε ένα μελλοντικό τραπέζι σε ένα φύλλο χαρτιού, να σημειώσετε τι θα είναι σε ποιο κύτταρο θα βρίσκεστε και επίσης να σημειώσετε για εσάς τις βασικές παραμέτρους αυτού ή αυτού του στοιχείου.
Στη συνέχεια, υπολογίστε τον αριθμό των γραμμών στον πίνακα και τον αριθμό των κελιών σε κάθε σειρά. Σας συνιστούμε επίσης να σημειώσετε τέτοια στοιχεία όπως την παρουσία εικόνων στον πίνακα, το χρώμα φόντου, τα περιγράμματα, το κείμενο. Μόνο μετά από αυτό μπορείτε να ξεκινήσετε τη δημιουργία ενός πίνακα HTML χρησιμοποιώντας τις καταγεγραμμένες πληροφορίες.
Ο συντάκτης
Έτσι, δημιουργήσατε μια διάταξη πίνακα. Τώρα πρέπει να επιλέξετε τον κατάλληλο επεξεργαστή για να το δημιουργήσετε. Μπορείτε να επιλέξετε ειδικούς σχεδιαστές ιστοσελίδων και να τους δημιουργήσετε ένα τραπέζι. Χρησιμοποιώντας αυτό το λογισμικό, η δημιουργία ενός πίνακα δεν είναι πιο δύσκολη από ό, τι σε ένα έγγραφο του Word. Μπορείτε να επιλέξετε ένα πρόγραμμα όπως το FrontPage. Παρά το γεγονός ότι το πρόγραμμα είναι αρκετά παλιό, με τη βοήθειά του μπορείτε να δημιουργήσετε καλές τοποθεσίες, εκτός από, μπορείτε να βρείτε περισσότερα από ένα σεμινάριο σε αυτό.
Αν θέλετε να δημιουργήσετε έναν πίνακα σε HTML χρησιμοποιώντας ειδικό κώδικα, μπορείτε να χρησιμοποιήσετε για το σκοπό αυτό ένα συνηθισμένο σημειωματάριο ή ένα κανονικό έγγραφο του Word. Ωστόσο, εδώ θα πρέπει να εργαστείτε σκληρά, επειδή θα πρέπει να γράψετε κώδικα για μεγάλο χρονικό διάστημα.
Μπορείτε να χρησιμοποιήσετε τον ενσωματωμένο επεξεργαστή στον ίδιο τον μηχανισμό τοποθεσίας. Έτσι, όταν δημιουργείτε μια καταχώρηση σε πολλούς κινητήρες, είναι δυνατό να προσθέσετε διαφορετικά στοιχεία, συμπεριλαμβανομένων των πινάκων. Ακόμα κι αν οι βασικές δυνατότητες του προγράμματος επεξεργασίας δεν σας ικανοποιούν, η πραγματοποίηση αλλαγών στον κώδικα θα είναι ευκολότερη από την γραφή του από την αρχή.
Ετικέτες
Ανεξάρτητα από τον επεξεργαστή που χρησιμοποιείτε, πριν ξεκινήσετε να δημιουργείτε στον πίνακα html, θα πρέπει να θυμάστε τις κύριες ετικέτες. Υπάρχουν τρεις από αυτές -
,
και
. Σημειώστε ότι όλες οι ετικέτες έχουν αντιστοιχιστεί. Η πρώτη ετικέτα υποδηλώνει τον πίνακα ως σύνολο, ο δεύτερος καθορίζει τη συμβολοσειρά, η τρίτη καθορίζει το κελί μέσα στο string.
Λίγο περισσότερο για κάθε μία από τις ετικέτες. Ο πίνακας αρχίζει πάντα με την ετικέτα
και τελειώνει με . Για κάθε πρόγραμμα περιήγησης, αυτό είναι ένα σύμβολο για το γεγονός ότι ο πίνακας βρίσκεται μπροστά του. Περαιτέρω γραμμές είναι γραμμένες που ανοίγουν
και τερματίζουν την ετικέτα . Κάθε γραμμή χρησιμοποιεί τις ετικέτες
και για να καθορίσει τον αριθμό των κελιών.
Έτσι, ο κώδικας του πίνακα 2x2 θα μοιάζει με αυτό:
Μπορείτε να εισαγάγετε έναν πίνακα στην HTML της σελίδας αντιγράφοντάς την από τον επιλεγμένο επεξεργαστή.
Παράμετροι των πινάκων, των γραμμών και των κελιών
Έτσι, αποσυναρμολογήσαμε τον βασικό κώδικα. Τώρα ας μιλήσουμε για το πώς να βελτιώσουμε το τραπέζι, να το κάνουμε φωτεινότερο και πιο ελκυστικό. Για να γίνει αυτό, πρέπει να γνωρίζετε τις βασικές παραμέτρους των ετικετών. Γράφονται μέσα στην ετικέτα ανοίγματος, με ισοδύναμο σημάδι μετά από κάθε παράμετρο και στη συνέχεια ορίζει την τιμή της, που αναγράφεται σε εισαγωγικά. Για παράδειγμα, το φόντο στον πίνακα HTML έχει οριστεί ως εξής:
.
Ας απαριθμήσουμε κάποιες βασικές παραμέτρους που θα είναι πιο χρήσιμες για εσάς. Ας ξεκινήσουμε με τον ίδιο τον πίνακα.
Έτσι, μπορείτε να ορίσετε το πλάτος της παραμέτρου των συνόρων στα σύνορα, το οποίο μπορεί να πάρει οποιαδήποτε αριθμητική τιμή. Το χρώμα των περιθωρίων ρυθμίζει το bordercolor. Το φόντο καθορίζεται από bgcolor.
Εάν θέλετε να κάνετε μια εικόνα στο τραπέζι, χρησιμοποιήστε το φόντο, ενώ θα πρέπει να συνταγήσετε τη διεύθυνση URL της εικόνας.
Ευθυγραμμίστε το περιεχόμενο της σελίδας γύρω από τον πίνακα με την παράμετρο ευθυγράμμισης, η οποία μπορεί να πάρει τις αξίες αριστερά, κεντρικά και δεξιά.
Μπορείτε να χρησιμοποιήσετε την ετικέτα
που αντιστοιχίσατε αμέσως μετά την ετικέτα
που ανοίγει.
Λίγα για τις παραμέτρους της συμβολοσειράς. Το χρώμα των κελιών στη συμβολοσειρά καθορίζεται χρησιμοποιώντας bgcolor. Μπορείτε να ευθυγραμμίσετε το κείμενο οριζόντια με την ευθυγράμμιση των παραμέτρων (αριστερά, κεντρα ή δεξιά), κατακόρυφα - valign (παίρνει τις τιμές πάνω, μέση ή κάτω).
Όσον αφορά το κελί, μπορεί να σημειωθεί ότι το χρώμα του φόντου και η εικόνα φόντου έχουν οριστεί γι 'αυτό χρησιμοποιώντας τις ίδιες παραμέτρους όπως για ολόκληρο τον πίνακα. Ευθυγραμμίστε το κείμενο με τις επιλογές ευθυγράμμισης και εκκαθάρισης.
Υπάρχουν επίσης και ειδικές παράμετροι - colspan και rowspan. Με τη βοήθεια του πρώτου μπορείτε να ορίσετε τον αριθμό των στηλών στις οποίες θα εκτείνεται το κελί. Το δεύτερο προσδιορίζει τον αριθμό των γραμμών στις οποίες μπορεί να εκτείνεται αυτό το κελί.
Αυτές είναι όλες οι πιο χρήσιμες επιλογές.
Πίνακας χρωμάτων
Ας πούμε λίγα λόγια για ένα τόσο χρήσιμο πράγμα όπως το τραπέζι χρωμάτων. Χρησιμοποιείται για να ορίσετε το φόντο της σελίδας, το χρώμα του κειμένου, τους συνδέσμους και άλλα στοιχεία. Ο πίνακας χρωμάτων περιέχει περίπου 216 χρώματα και αποχρώσεις. Κάθε ένα από αυτά έχει δικό του δεκαεξαδικό κώδικα.
Ο ίδιος ο κώδικας ξεκινά με ένα χαρακτήρα πλέγματος και περιέχει τρία ζεύγη αριθμών ή γραμμάτων. Για παράδειγμα, το πράσινο χρώμα στον πίνακα έχει κωδικό # 007F0. Κάθε ζεύγος δείχνει την ένταση ενός από τα τρία κύρια χρώματα - κόκκινο, πράσινο και μπλε. Χρησιμοποιώντας τον πίνακα, μπορείτε να επιλέξετε το χρώμα που χρειάζεστε και να το ορίσετε χρησιμοποιώντας τον κώδικα.
Εάν δεν μπορείτε να χρησιμοποιήσετε τον πίνακα, μπορείτε να ορίσετε το χρώμα χρησιμοποιώντας το όνομά του στα Αγγλικά.
Περιεχόμενο
Λίγα λόγια για το ίδιο το περιεχόμενο. Φυσικά, το πιο συχνά βλέπουμε το κείμενο στον πίνακα HTML, αλλά αυτό δεν σημαίνει ότι μπορούμε να το τοποθετήσουμε μόνο εκεί. Τα κελιά και οι γραμμές μπορούν επίσης να περιέχουν σχέδια, αρχεία ήχου και βίντεο, συνδέσμους.
Για να τοποθετήσετε κείμενο ή οποιαδήποτε άλλη πληροφορία σε ένα κελί (μια γραμμή), είναι απαραίτητο να την καταχωρήσετε μεταξύ δύο ετικετών. Για παράδειγμα:
όνομα . Το στοιχείο εμφανίζει το "Όνομα".
Μπορείτε να τοποθετήσετε γραφικές πληροφορίες και αρχεία πολυμέσων με ειδικές ετικέτες - ,
Συμβουλές
Τέλος, δώστε μερικές χρήσιμες συμβουλές που θα σας βοηθήσουν να δημιουργήσετε γρήγορα έναν πίνακα HTML οποιασδήποτε πολυπλοκότητας.
Όταν γράφετε ένα τραπέζι, συνιστούμε πρώτα να καταχωρήσετε τις ετικέτες του πίνακα και τις κύριες παραμέτρους του. Στη συνέχεια, γράψτε τις ετικέτες γραμμής. Ξεκινήστε κάθε ζευγάρι με μια νέα γραμμή. Έτσι, θα δείτε πόσες σειρές στο τραπέζι σας. Επίσης, σημειώστε τις παραμέτρους συμβολοσειράς ή συμβολοσειράς αν είναι διαφορετικές από τις βασικές. Στη συνέχεια, σας συμβουλεύουμε να αρχίσετε να καταχωρείτε κάθε κελί, επίσης από μια νέα γραμμή. Και είναι επιθυμητό να κάνετε μία ή δύο συμβουλές Tab από την άκρη. Έτσι, θα δείτε τη δομή του κώδικα αρκετά καθαρά.
Το περιεχόμενο των κελιών και των συμβολοσειρών συνιστάται να γράφεται ήδη στο τέλος, όταν το τραπέζι είναι έτοιμο.