ΚΕΦΑΛΑΙΟ 11

Εισαγωγή στην HTML

Μια πρώτη γνωριμία με τις βασικές ετικέτες

• το κείμενο της ιστοσελίδας.
• τις ετικέτες της HTML, που υποδεικνύουν τα στοιχεία, τη δομή και τη μορφοποίηση των ιστοσελίδων
• καθώς επίσης και τους συνδέσμους υπερ-κειμένου προς άλλες ιστοσελίδες ή προς αρχεία άλλων μορφών (πολυμέσα).

Οι περισσότερες ετικέτες της HTML εμφανίζονται κατά ζεύγη, όπου η πρώτη οριοθετεί την αρχή ισχύος της, ενώ η δεύτερη το τέλος της, περικλείοντας το κείμενο που επηρεάζουν. Π.χ.: επηρεαζόμενο κείμενο

Η HTML χρησιμοποιεί διάφορες ετικέτες για την περιγραφή της συνολικής δομής μιας ιστοσελίδας. Οι ετικέτες αυτές καθορίζουν την κατασκευή και εμφάνιση της ιστοσελίδας μας στους φυλλομετρητές, και παρέχουν απλές πληροφορίες για την ιστοσελίδα όπως τον τίτλο και τον συγγραφέα της.

Οι Σύνδεσμοι (Links)

Για τη δημιουργία ενός συνδέσμου σε μια HTML ιστοσελίδα, χρησιμοποιούμε τις ετικέτες και Α> (anchor). Η ετικέτα αποκαλείται συχνά και ετικέτα δεσμού (anchor tag), διότι μπορεί να χρησιμοποιηθεί και για τη δημιουργία δεσμών, δηλαδή συνδέσμων προς σημεία που βρίσκονται στην ίδια ιστοσελίδα. Η μορφή της ετικέτας (tag) είναι η εξής :

Η ιδιότητα HREF (Hypertext REFerence, αναφορά υπερ-κειμένου) χρησιμοποιείται για τον καθορισμό του υπερκειμένου στο οποίο δείχνει ο σύνδεσμος. Στην ιστοσελίδα είναι ορατό μόνο το δεύτερο μέρος (στην παραπάνω περίπτωση «ΠΣΔ») και όταν κάνουμε κλικ πάνω του, ο φυλλομετρητής χρησιμοποιεί το πρώτο μέρος (υπερκείμενο) ως σημείο προορισμού.

Εισαγωγή Εικόνας

Αφού αποκτήσουμε μια εικόνα σε μορφή GIF ή JPEG, μπορούμε να τη συμπεριλάβουμε σε μια ιστοσελίδα. Οι ένθετες εικόνες υποδεικνύονται με την ετικέτα (image).