πίνακες

Στις σελίδες της Βικιπαίδεια, οι πίνακες μπορούν να δημιουργηθούν με τη χρήση ειδικής σύνταξης wiki. Υπάρχουν πολλά διαφορετικά στυλ και κόλπα που μπορούν να χρησιμοποιηθούν για να τους προσαρμόσετε.

 

Για αυτόματη εισαγωγή ενός πίνακα σε επεξεργασία κώδικα, πατήστε στο   (Πίνακας) στη μπάρα επεξεργασίας.

Ένα παρόμοιο κείμενο προστίθεται όταν πατήσετε στην επιλογή «Πίνακας»:

{| class="duhoc-el wikitable table-responsive " |- ! Επικεφαλίδα 1 ! Επικεφαλίδα 2 ! Επικεφαλίδα 3 |- | σειρά 1, κελί 1 | σειρά 1, κελί 2 | σειρά 1, κελί 3 |- | σειρά 2, κελί 1 | σειρά 2, κελί 2 | σειρά 2, κελί 3 |} 

Ο κώδικας θα παράξει τον ακόλουθο πίνακα:

Το δειγματικό κείμενο («Επικεφαλίδα Ν» ή «σειρά Ν, κελί Ν») προορίζεται να αντικατασταθεί με πραγματικά δεδομένα.

Απλοί και εύκολοι πίνακες

Πίνακες με τα ελάχιστα στοιχεία

Όλες παράγουν το ίδιο αποτέλεσμα. Διαλέξτε ένα στυλ με βάση των αριθμό των κελιών σε κάθε σειρά και το συνολικό κείμενο μέσα σε κάθε κελί. Σήμανση wiki:

{| | Α | Β |- | Γ | Δ |} 

{| | Α || Β |- | Γ || Δ |} 

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης (σημειώστε ότι δεν υπάρχουν περιθώρια):

Πίνακες πολλαπλασιασμού

Σημειώστε ότι σε αυτό το παράδειγμα η παράμετρος class = "wikitable table-responsive " χρησιμοποιείται για το στυλ του πίνακα με το εξωτερικό φύλλο στυλ της Wikipedia για τους πίνακες. Προσθέτει περιθώρια, σκίαση φόντου και έντονο κείμενο επικεφαλίδας.

Σήμανση wiki:

{| class="duhoc-el wikitable table-responsive " style="text-align:center; width:200px; height:200px;" |+ Πίνακας πολλαπλασιασμού |- ! × ! 1 ! 2 ! 3 |- ! 1 | 1 || 2 || 3 |- ! 2 | 2 || 4 || 6 |- ! 3 | 3 || 6 || 9 |- ! 4 | 4 || 8 || 12 |- ! 5 | 5 || 10 || 15 |} 

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

Συνολικές λειτουργίες πίνακα

Πλάτος, ύψος

Το πλάτος και το ύψος όλου του πίνακα μπορούν να προσδιορίζονται, καθώς και το ύψος μιας σειράς. Για να καθορίσετε το πλάτος μιας στήλης μπορείτε να καθορίσετε το πλάτος ενός οποιουδήποτε κελιού σε αυτήν. Αν το πλάτος δεν έχει καθοριστεί για όλες τις στήλες, και/ή το ύψος δεν προσδιορίζεται για όλες τις σειρές, τότε υπάρχει κάποια ασάφεια και το αποτέλεσμα εξαρτάται από το πρόγραμμα περιήγησης.

Σήμανση Wiki:

{| style="width: 60%; height: 200px" border="1" |- | αβγ || δεζ || ηθι |- style="height: 100px;" | κλμ || style="width: 200px;" | νξο || πρσ |- | τυ || φχ || ψω |} 

Όπως εμφανίζεται σε ένα πρόγραμμα περιήγησης:

Καθορισμός περιθωρίων

Τα περιθώρια του πίνακα είναι προεπιλεγμένα ως μια σύνθετη σκιασμένη διπλή γραμμή (η προεπιλογή σε μορφή HTML). Ωστόσο, τα περιθώρια μπορούν να ρυθμιστούν σε μια λεπτή, συνεχή γραμμή χρησιμοποιώντας ένα στυλ παραμέτρων (style="border: 1px solid darkgray"), όπως τα ακόλουθο παράδειγμα ( Σημείωση: αν σκοπεύετε να χρησιμοποιήσετε τις επιλογές «cellpadding» ή «cellspacing», μαζί με τα περιθώρια, θα πρέπει να χρησιμοποιήσετε αυτή τη μορφή):

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;" ! width="140" | Αριστερά ! width="150" | Μέσο ! width="130" | Δεξιά |- border="0" | [[File:StarIconBronze.png|120px]] | [[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]] | [[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]] |- align="center" | Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι |} 

Σημειώστε τα κείμενα στην κάτω σειρά, στοιχίζονται στο κέντρο ('align="center"'), ενώ οι εικόνες των αστεριών δεν είναι στο κέντρο.

Αριστερά	Μέσο	Δεξιά
Χάλκινο αστέρι	Χρυσό αστέρι	Πράσινο αστέρι

Όσο στην "Image:" παραλείπετε η παράμετρος "thumb|" δεν θα εμφανίζονται οι γραμμές λεζάντας του πίνακα (μόνο κατά τη διάρκεια που το ποντίκι είναι πάνω). Το χρώμα περιγράμματος "darkgray" ταιριάζει σε τυπικούς πίνακες ή σε κουτιά πληροφοριών σε πίνακες. Ωστόσο, θα μπορούσε να είναι οποιοδήποτε όνομα χρώματος (όπως style = "border: 1px solid Darkgreen;") ή να χρησιμοποιήσετε ένα hex-χρώμα (όπως: #DDCCBB).

Μια μορφή-προσδιοριστικό στήλης (περικλείονται σε "|...|") μπορεί να έχει ένα στυλ παραμέτρων για να ρυθμίσετε τα σύνορα σε κάθε κελί, ως εξής:

Σήμανση wiki:

{| cellpadding="2" style="border: 1px solid darkgray;" ! width="140" | Αριστερά ! width="150" | Μέσο ! width="130" | Δεξιά |- align="center" | style="border: 1px solid blue;"| [[File:StarIconBronze.png|120px]] | style="border: 1px solid #777777;"| [[File:StarIconGold.png|120px|Λεζάντα όταν το ποντίκι είναι πάνω από την εικόνα]] | style="border: 1px solid #22AA55;"| [[File:StarIconGreen.png|120px|Πράσινη, αστρική εικόνα]] |- align="center" | Χάλκινο αστέρι || Χρυσό αστέρι || Πράσινο αστέρι |} 

Σημειώστε ότι μόνο τα κελιά με τις εικόνες, εδώ, έχουν ατομικά περιθώρια, όχι το κείμενο.

Τα μικρότερα χρώματα hex (όπως το #616161) είναι πιο κοντά στο μαύρο. Τυπικά, όλα τα περιθώρια σε ένα πίνακα θα είναι ένα συγκεκριμένο χρώμα.

Τοποθέτηση

Μπορείτε να τοποθετήσετε ολόκληρο τον πίνακα, το περιεχόμενο μιας σειράς και το περιεχόμενο ενός κελιού, αλλά όχι με μια μόνο παράμετρο για όλο το περιεχόμενο του πίνακα. Δείτε m:Template talk:Table demo.

Πριν τον Απρίλιο του 2009, η χρήση "float" για την τοποθέτηση ενός πίνακα, αποθαρρυνόταν. Ωστόσο, δεν σπάζει πλέον πάντα τη σελιδοποίηση σε μεγάλα μεγέθη γραμματοσειράς. Δείτε μια floated εικόνα, στη συνέχεια, υπό τον τίτλο "Floating images in the center".

Ένα πίνακας wiki μπορεί να χρησιμοποιηθεί για να εμφανιστούν εικόνες δίπλα-δίπλα, ως μια γκαλερί εικόνων (μορφοποιούνται από ""), αλλά με μεγαλύτερες εικόνες και λιγότερες κενές περιοχές γύρω από τις φωτογραφίες.

Μια απλή πλαισιωμένη γκαλερί μπορεί να μορφοποιηθεί χρησιμοποιώντας class = "wikitable table-responsive " για να δημιουργήσει τις ελάχιστες λεπτές γραμμές γύρω από τις εικόνες/φωτογραφίες στον πίνακα:

 {| class="duhoc-el wikitable table-responsive " border="1"  |-  |[[File:Worms 01.jpg|265px]]  |[[File:Worms Wappen 2005-05-27.jpg|235px]]  |-  |Η γέφυρα Nibelungen στο Worms
απέναντι από το [[Ρήνος|Ρήνο]]  |Το Worms και οι αδελφοποιημένες πόλεις  |} 

Σημειώστε το αποτέλεσμα παρακάτω (με λεπτή επένδυση κελιών):

Η γέφυρα Nibelungen στο Worms απέναντι από το Ρήνο	Το Worms και οι αδελφοποιημένες πόλεις

Ένα ακόμα θέμα σχετικά με το πρότυπο "", από το 2007 έως το 2008, ήταν ότι τοποθετώντας 4 εικόνες σε κάθε γραμμή, υπερέβαινε το δεξιό περιθώριο σε ένα λήμμα wiki, εμφανίζονταν με πλάτος στυλ πορτρέτου (σαν 800x600), εκτός και αν η γκαλερί είχε μόνο 3 εικόνες. Ωστόσο, ένας πίνακας wiki χρησιμοποιεί τυπικούς συνδέσμους εικόνες με μεγέθη, όπως "[[Image:XXX.jpg|130px]]" και έτσι 4 εικόνες μπορούν να παρουσιαστούν σε ένα wikitable table-responsive με πλάτος 600px (για οθόνες ανάλυσης 800 × 600).

 {| class="duhoc-el wikitable table-responsive " border="1"  |-  |[[File:Worms 01.jpg|130px]]  |[[File:Worms Wappen 2005-05-27.jpg|125px]]  |[[File:Liberty-statue-with-manhattan.jpg|125px]]  |[[File:New-York-Jan2005.jpg|125px]]  |-  |Η γέφυρα Nibelungen στο Worms  |Το Worms και οι αδελφοποιημένες πόλεις  |Άγαλμα της ελευθερίας  |Νέα Υόρκη  |} 

Η γέφυρα Nibelungen στο Worms	Το Worms και οι αδελφοποιημένες πόλεις	Άγαλμα της ελευθερίας	Νέα Υόρκη

Ακόμα ένα πλεονέκτημα σχετικά με τις εικόνες σε πίνακες wiki, σε σύγκριση με τη μορφοποίηση "", είναι η ικανότητα «τετραγωνισμού» κάθε εικόνες όταν απαιτούνται όμοια ύψη, ώστε να εξεταστεί το ενδεχόμενο εισαγωγής εικόνων με 2 αριθμούς με συγκεκριμένο μέγεθος (όπως "199x95px"), όπου ο δεύτερος αριθμός καθορίζει το ύψος:

 {| class="duhoc-el wikitable table-responsive " border="1"  |-  |[[File:Liberty-statue-with-manhattan.jpg|199x95px]]  |[[File:New-York-Jan2005.jpg|199x95px]]  |[[File:Gold star on blue.gif|199x95px]]  |[[File:Worms 01.jpg|100x95px]]  |-  |Η γέφυρα Nibelungen στο Worms  |Το Worms και οι αδελφοποιημένες πόλεις  |Άγαλμα της ελευθερίας  |Νέα Υόρκη  |} 

Σημειώστε ότι 3 εικόνες με μέγεθος"199x95px" εμφανίζουν όμοια ύψη, στα 95px (η 4η εικόνα είναι εσκεμμένα μικρότερη). Το "95px" καθορίζει το ύψος, ενώ το "199x" ταιριάζει με πολλαπλά πλάτη (μπορεί να είναι ακόμη και "999x"):

Η γέφυρα Nibelungen στο Worms	Το Worms και οι αδελφοποιημένες πόλεις	Άγαλμα της ελευθερίας	Νέα Υόρκη

Έτσι, η χρήση μεγέθους "199x95px" (η "999x95px") παράγει αυτό-καθορισμό του μεγέθους του ύψους πέρα της "" και με την επιλογή ρύθμισης μεγαλύτερης μικρογραφίας ("199x105px"), ή ακόμη το να έχεις κάποιες εικόνες σκόπιμα μιρκότερας από άλλες εικόνες ύψους "95px". Ένα πολύ μικρό ύψος ("70px") επιτρέπει πιο πολλές εικόνες στον πίνακα:

 {| class="duhoc-el wikitable table-responsive " border="1"  |-  |[[File:Liberty-statue-with-manhattan.jpg|199x70px]]  |[[File:Gold star on blue.gif|199x70px]]  |[[File:New-York-Jan2005.jpg|199x70px]]  |[[File:Gold star on deep red.gif|199x70px]]  |[[File:Worms 01.jpg|199x70px]]  |[[File:Gold star on blue.gif|199x70px]]  |} 

Ο πιο πάνω κωδικός πίνακας wiki παράγει το πιο κάτω αποτέλεσμα, με 6 στήλες:

Όταν οι εικόνες έχουν τοποθετηθεί σε ένα πίνακα wiki, ο έλεγχος της μορφοποίησης μπορεί να ρυθμιστεί όταν προστεθούν περισσότερες φωτογραφίες.

Μετατόπιση/κεντράρισμα

Οι εικόνες σε ένα πίνακα wiki μπορούν να μετατοπισθούν με την εισαγωγή μη κενών διαστημάτων (" ") πριν η μετά το σύνδεσμο της εικόνας (" [[Image:]]"). Ωστόσο, το αυτό-κεντράρισμα απλά απαιτεί τη χρήση παραμέτρου κέντρου για να τοποθετηθεί γύρω από ένα σύνδεσμο εικόνας σε ένα κελί ("

Στο πιο κάτω παράδειγμα, σημειώστε πως το Col2 χρησιμοποιεί

, αλλά το Col3 χρησιμοποιεί " ":

 {| class="duhoc-el wikitable table-responsive " border="1"  |-  |[[File:Domtoren vanaf Brigittenstraat.jpg|299x125px]]  |[[File:Utrecht 003.jpg|299x125px]]  | [[File:Uitzicht--Domtoren.jpg|299x125px]]   |-  |Ο πύργος Dom από το Brigittenstraat  |Cloister garth of the Utrecht Dom Church  |  Θέα από το καμπαναριό  |} 

Ο πιο πάνω κώδικας παράγει τον πιο κάτω πίνακα: σημειώστε ότι η μεσαία εικόνα είναι κεντραρισμένη (αλλά όχι η αριστερή εικόνα), και η αριστερή εικόνα έχει δύο κενά πριν το «Θέα...»:

Ο πύργος Dom από το Brigittenstraat	Cloister garth of the Utrecht Dom Church	Θέα από το καμπαναριό

Επίσης, σημειώστε ότι η ετικέτα "" δημιουργεί μια μικρότερη μεγέθους λεζάντα. Ωστόσο, οι γραμματοσειρές, επίσης μπορεί να είναι μεγέθους επί τοις εκατό (style="font-size: 87%;"), όπου το πραγματικό ποσοστό μεγέθους που εμφανίζεται εξαρτάται από τα διάφορα μεγέθη που επιτρέπονται για μια συγκεκριμένη γραμματοσειρά.

 | style="font-size: 87%;" | View from bell tower 

Η ιδιότητα της στήλης, παραπάνω, χρησιμοποιεί "style=" για να ορίσει το μέγεθος της γραμματοσειράς για τη λεζάντα, μετά τη 2η κάθετη γραμμή "|".

Ένα μέγεθος γραμματοσειράς: 65% είναι πολύ μικρό, ενώ το style="font-size: 87%;" είναι μια μεσαίου μεγέθους γραμματοσειρά, μεγαλύτερη από την ετικέτα small.