Τι είναι η HTML;

Κάθε ιστοσελίδα που βλέπεις ξεκινά ως ένα αρχείο κειμένου με HTML. Δεν «προγραμματίζει» κάτι: περιγράφει τι είναι κάθε κομμάτι της σελίδας, ώστε ο browser να ξέρει τι να δείξει.

Πώς λειτουργεί

Το κείμενο χωρίζεται με ετικέτες (tags). Για παράδειγμα, το <h1> σημαίνει «κύριος τίτλος», το <p> «παράγραφος», το <a> «σύνδεσμος» και το <img> «εικόνα». Οι ετικέτες μπαίνουν η μία μέσα στην άλλη και σχηματίζουν ένα δέντρο. Ο browser το διαβάζει και χτίζει τη σελίδα, ενώ οι μηχανές αναζήτησης και τα προγράμματα ανάγνωσης οθόνης το χρησιμοποιούν για να καταλάβουν τη δομή.

Γιατί μετράει

Είναι η βάση του web. Η σωστή HTML βοηθά την προσβασιμότητα, το SEO και την απόδοση. Η εμφάνιση ορίζεται από τη CSS και η συμπεριφορά από τη JavaScript, αλλά και οι δύο δουλεύουν πάνω στην HTML.

Παραδείγματα

• Μια παράγραφος: <p>Γεια σου κόσμε</p>
• Ένας σύνδεσμος: <a href="/glossary">Λεξικό</a>
• Μια εικόνα: <img src="photo.jpg" alt="Περιγραφή">

Τι να προσέχεις

Να διαλέγεις την ετικέτα που ταιριάζει στο νόημα (τίτλος, λίστα, πίνακας) και όχι απλώς όποια φαίνεται σωστή στην οθόνη. Και να γράφεις πάντα περιγραφή alt στις εικόνες.