HTML σε απλά ελληνικά, μέρος 3ο

Σήμερα θα δούμε όλα τα tags από C: <caption>, <center>, <cite>, <code>, <col> και <colgroup>.

<caption> (table caption)

Χρησιμοποιείται σαν τίτλος σε ένα table. Αν υπάρχει, θα πρέπει να είναι το πρώτο tag κάτω από το <table>. Οι browsers συνήθως το δείχνουν κεντραρισμένο πάνω από τον πίνακα αλλά αυτό ελέγχεται εύκολα μέσω CSS. Έχω ήδη αφιερώσει ένα μάθημα στα tables.

<center> (shorthand for DIV align=center)

Δύο λέξεις: Ξεχάστε το!.

<cite> (citation)

Ακόμα ένα tag που προσπαθεί να δώσει νόημα στο περιεχόμενο της σελίδας μας. Μπορεί να χρησιμοποιηθεί κάπως έτσι:

As <cite>Harry S. Truman</cite> said, <q lang="en-us">The buck stops here.</q>
<code> (computer code fragment)

Το έχω χρησιμοποιήσει κατά κόρον σε αυτά τα άρθρα· ορίζει το περιεχόμενο σαν κώδικα και βοηθάει στο να ορίσω γραμματοσειρά και μέγεθος.

<col> (table column)

Αυτό δεν είναι ιδιαίτερα χρήσιμο. Σκοπός του είναι να μας βοηθήσει να ελένξουμε τα tables και να εφαρμόσουμε CSS στις κολώνες ενός πίνακα. Θεωρώ πιο εύκολη τη χρήση του <colgroup>, αλλά…

<colgroup> (table column group)

...δεν έχω πειστεί ακόμα για την χρησιμότητα τους· με τα span και width attributes ορίζουμε ομάδες από κολώνες για να ορίσουμε το πλάτος τους ή/και άλλα χαρακτηριστικά των περιεχομένων τους αλλά νομίζω πως αυτές οι δουλείες γίνονται ευκολότερα με classes στα ίδια τα <th> ή <td>, χρησιμοποιώντας <colspan>. Αυτά τα tags θα πρέπει να βρίσκονται στην κορυφή του πίνακα, κάτω από το <caption>, το οποίο, σε περίπτωση που ο πίνακας χτίζεται δυναμικά (με στοιχεία από κάποια database π.χ.), μπορεί να δημιουργήσει περισσότερα προβλήματα απ' όσα ίσως λύνει.

Καταψηφίστε το άρθροΥπερψηφίστε το άρθρο (Καμία ψήφος)
Loading ... Loading ...

TrackBack URL


Σχολιάστε

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Αυτό το website στηρίζεται στην πλατφόρμα WordPress. Οι σελίδα είναι έγκυρη XHTML Strict (όχι για πολύ ακόμα…) ενώ, έγκυρα είναι και τα CSS. Υπάρχει RSS feed στη διάθεση σας. Το περιεχόμενο προσφέρεται ελεύθερα εκτός απ'όπου δείτε τη σήμανση creative commons. Θα με βρείτε στο twitter, στο facebook και στο Google+ — σημεία των καιρών… Και κάποιος, επιτέλους, να σταματήσει τις πατέντες στο λογισμικό!