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

Χριστός Ανέστη και Χρόνια Πολλά (για τους χριστιανούς) και καλό μήνα! Ελπίζω να ξεκουραστήκατε και να φάγατε καλά τις 2 βδομάδες που πέρασαν, ώρα να επιστρέψετε στο διάβασμα.

<h1> έως <h6> (headings)

Πρόκειται για 6 tags που καθορίζουν επικεφαλίδες στο περιεχόμενο. Προσθέτουν ιεραρχία στις σελίδες μας και βοηθούν πολύ όσους χρησιμοποιούν screen readers να προσανατολιστούν στο κείμενο. Θα πρέπει να χρησιμοποιούνται με τη σειρά από το <h1> έως το <h6> (αν χρειάζεται) και να μορφοποιούνται με CSS. Οι browsers εξ ορισμού εμφανίζουν τα headings με bold γράμματα, στοίχιση στο κέντρο και διαφορετικό μέγεθος.

<head> (document head)

Καλύτερα να δείτε το σχετικό άρθρο.

<hr> (horizontal rule)

Εμφανίζει μια οριζόντια γραμμή. Δεν χρησιμοποιείται ιδιαίτερα γιατί υπάρχουν άλλοι τρόποι για τον ίδιο εφέ — ένα gifάκι π.χ. ή ένα border σε μια παράγραφο. Δείτε εδώ ένα-δυό παραδείγματα.

<html> (document root element)

Δεν πρόκειται ακριβώς για tag με την έννοια των προηγούμενων — το έχω ήδη καλύψει.

<i> (italic text style)

Εμφανίζει πλαγιαστό κείμενο. Καλύτερα να χρησιμοποιήσετε CSS.

<iframe> (inline subwindow)

Πρόκειται για ένα frame που εμφανίζεται μέσα στην σελίδα και μπορούμε να ορίσουμε εμείς (μεταξύ άλλων) πόσο ακριβώς χώρο θα καταλαμβάνει. Δεν θα μπω σε περισσότερες λεπτομέρειες γιατί επιτρέπεται μόνο σε Loose DOCTYPE ενώ εμείς προγραμματίζουμε σε Strict — έτσι δεν είναι;

<img> (embedded image)

Μετά το <a>, ίσως το πιο συχνά χρησιμοποιούμενο tag. Μας επιτρέπει να δείξουμε μια εικόνα .gif, .jpg και πιο πρόσφατα .png στη σελίδα μας η οποία μπορεί να είναι και image map όπως θα δούμε σε επόμενο μάθημα. Δυο-τρία πράγματα που πρέπει να γνωρίζεται σχετικά με τα attributes που μπορούν να δεχτεί ένα <img> είναι:

alt
Θα πρέπει πάντα να υπάρχει -έστω και κενό, για εικόνες που δεν προσθέτουν τίποτα «χρήσιμο» στο περιεχόμενο- και περιέχει μια σύντομη επεξήγηση της φωτογραφίας για όσους δεν μπορούν να τη δουν.
height
Το ύψος της εικόνας σε pixels.
ismap
Ορίζει ένα image map στον server. Δεν προτείνεται η χρήση του.
longdesc
Προεραιρετικά περιέχει μια πιο πλήρη περιγραφή από αυτή που θα πρέπει να υπάρχει στο alt.
name
Χρησιμοποιείται από την Javascript αλλά καλύτερα να προτιμάτε το id διότι μάλλον θα καταργηθεί.
src
Πρόκεται για το URI — τη διεύθυνση στην οποία βρίσκεται η εικόνα που θέλουμε να δείξουμε και μπορεί να είναι είτε στον δικό μας server είτε σε άλλο.
usemap
Ορίζει ένα client side image map.
width
Το πλάτος της εικόνας σε pixels.
<input> (form control)

Δείτε το άρθρο για τις φόρμες.

<ins> (inserted text)

Αυτό δεν έχω προσέξει να χρησιμοποιείται πουθενά. Υποτίθεται πως ορίζει μια εκ των υστέρων προσθήκη στη σελίδα — σε συνδυασμό με το cite που επεξηγεί τους λόγους της αλλαγής (;) και datetime που περιέχει -προφανώς- την ημερομηνία της προσθήκης / αλλαγής. Νομίζω πως αφορά μόνο σε «επίσημα» έγγραφα όπου ίσως να έχει κάποια σημασία η παρακολούθηση των αλλαγών...

<isindex> (single line prompt)

Ας το ξεχάσουμε καλύτερα.

Καταψηφίστε το άρθροΥπερψηφίστε το άρθρο (Καμία ψήφος)
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. Και κάποιος, επιτέλους, να σταματήσει τις πατέντες στο λογισμικό!