Μαθήματα HTML

Πρώτα βήματα στην HTML: form 9

Θα κλείσουμε αυτή την σύντομη ξενάγηση στα βασικότερα tags της HTML με τα form, label, input και τα υπόλοιπα tags που μας επιτρέπουν να σχεδιάσουμε κάθε είδους φόρμας. Δυστυχώς, οι φόρμες της HTML, χρειάζονται είτε Javascript είτε κάποια τεχνολογία στον server για την επεξεργασία τους, είτε και τα δύο. Ωστόσο, μπορούμε να ξεκινήσουμε από τα βασικά.
Διαβάστε περισσότερα…

Μαθήματα HTML

Πρώτα βήματα στην HTML: table

Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της HTML. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 5-6 χρόνια χρησιμοποιούν πίνακες για το design ενώ δεν είναι αυτή η δουλειά για την οποία προορίζονται — τα tables είναι για την πληροφορία εκείνη που πρέπει να παρουσιαστεί σε πίνακα για να είναι ευανάγνωστη: αριθμοί, στατιστικές, σύγκριση χαρακτηριστικών κ.α.
Διαβάστε περισσότερα…

Μαθήματα HTML

Πρώτα βήματα στην HTML: body και τα πρώτα tags

Φτάσαμε στο <body>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα επικοινωνίας, οι σκέψεις μας σχετικά με το ασφαλιστικό και την πορεία της ομάδας μας στα γήπεδα της ευρώπης. Αλλά πρώτα, λίγη θεωρία…
Διαβάστε περισσότερα…

Μαθήματα HTML

Πρώτα βήματα στην HTML: html και head

Αφού αποφασίσαμε τι είδους/version «γλώσσα» θα χρησιμοποιήσουμε για το site μας, ώρα να ξεκινήσουμε! Θα υποθέσω προς το παρόν οτι φτιάχνουμε ένα site σε HTML Strict 4.01 και, σε κάποιο επόμενο άρθρο, θα αναφερθώ στις διαφορές με την XHTML. Τώρα που το σκέφτομαι, δε νομίζω πως έχει νόημα να αναφερθώ στην XHTML πλέον — η αφορμή για το ξεσκόνισμα των παλιών αυτών άρθρων είναι η HTML5 και η XHTML, καλώς ή κακώς, θα περάσει στην ιστορία. Μπορείτε βέβαια να γράψετε HTML5 κώδικα με XML σύνταξη αλλά γιατί να το κάνετε;
Διαβάστε περισσότερα…

Μαθήματα HTML

Πρώτα βήματα στην HTML: το DOCTYPE

Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην HTML και θα προσθέσω πληροφορίες για την HTML5 που φάνηκε στον ορίζοντα. Θα ξεκινήσω λοιπόν με μια σύντομη εισαγωγή στην HTML και θα δούμε κιόλας την πρώτη γραμμή που θα πρέπει να υπάρχει στον κώδικα: την δήλωση DOCTYPE.
Διαβάστε περισσότερα…