HTML: Πίνακες

Δημοσιεύτηκε από τον alex


Οι πίνακες είναι ένας από τους πιο συνηθισμένους τρόπος για την παρουσίαση περιεχομένου.

Έχω το συνηθισμένο html έγγραφο που έχω χρησιμοποιήσει και στα προηγούμενα βοηθήματα. Θα διαγράψω το περιεχόμενο και μέσα θα γράψω την ετικέτα table και θα την κλείσω.

Μέσα στην ετικέτα table, θα ανοίξω μία tr, η οποία εκφράζει τη γραμμή στον πίνακα και μέσα στην tr ετικέτα, θα ανοίξω μια th ετικέτα, η οποία χρησιμοποιείται για τις επικεφαλίδες του πίνακα. Μέσα στην th ετικέτα θα γράψω τη λέξη tutorial. Θα την αντιγράψω μετά και θα φτιάξω άλλες δύο παρόμοιες ετικέτες μέσα στην tr ετικέτα. Μέσα σε αυτές τις th ετικέτες θα γράψω τις λέξεις Author και Comments. Θα αποθηκεύσω το έγγραφο μου και θα δω πως εμφανίζεται στον περιηγητή μου. Βλέπουμε πως έχει φτιαχτεί ένα πίνακας με μία σειρά, με τρεις επικεφαλίδες.

Θα ξεκινήσω τώρα να φτιάχνω και τα υπόλοιπα κελιά από κάτω. Θα φτιάξω πάλι μία tr ετικέτα και μέσα θα βάλω την ετικέτα td, μέσα στην οποία βάζουμε δεδομένα. Θα φτιάξω μέσα σε αυτό το table row άλλες δύο td ετικέτες και μέσα σε αυτές θα αρχίσω να περνάω περιεχόμενο. Στο πρώτο θα γράψω web design, στο δεύτερο το όνομα μου (Alexandros Itsios) και στο τρίτο A tutorial about web design. Θα αποθηκεύσω το έγγραφο μου και αφού κάνω ανανέωση τον περιηγητή μου, θα δούμε πως ο πίνακας έχει μία ακόμα γραμμή με πληροφορίες.

Με την ίδια λογική, θα φτιάξω περισσότερα κελιά από κάτω, αντιγράφοντας τώρα ολόκληρο το table row και θα περάσω διάφορες πληροφορίες μέσα σε αυτά. Μόλις τελειώσω, ο πίνακας θα εμφανίζεται με αυτή τη μορφή.

Έτσι λοιπόν, μάθαμε πως μπορούμε να φτιάξουμε έναν πίνακα.

Leave a Reply

Your email address will not be published.

 
 
 
εκπαιδευτικά βίντεο

Εκπαιδευτικά Βίντεο

Εκπαιδευτείτε μέσα από τα εντελώς δωρεάν βίντεο μας, πάνω σε web τεχνολογίες όπως HTML, CSS, Javascript και PHP.

 
δωρεάν themes

Δωρεάν Themes

Στη Supremo Hosting προσφέρουμε εντελώς δωρεάν premium wordpress themes για τις ανάγκες της ιστοσελίδας σας!

 
κατασκευή ιστοσελίδων

Κατασκευή Ιστοσελίδων

Επωφεληθείτε από τις εξαιρετικά χαμηλές τιμές που προσφέρουμε πάνω στην κατασκευή ιστοσελίδων και eshop.

cards