Η βασικότερη υπηρεσία του Internet, ο Παγκόσμιος Ιστός (world wide web) υλοποιείται με την διασύνδεση των δισεκατομμυρίων ιστοσελίδων που τον αποτελούν.
Η γλώσσα HTML είναι η βασική γλώσσα δημιουργίας αυτών των ιστοσελίδων.
Είναι αρχικά από την
αγγλική φράση:
HyperText
Markup
Language
(Γλώσσα Σήμανσης Υπερκειμένου)
Η HTML αποτελείται από ένα σύνολο ετικετών (tags) με τις οποίες ορίζονται τόσο η δομή του κειμένου όσο και στοιχεία της μορφοποίησης. Οι ετικέτες εμφανίζονται κατά ζεύγη. Η πρώτη οροθετεί την αρχή ισχύος της και η δεύτερη το τέλος. Για ορισμένες ετικέτες, το δεύτερο μέλος του ζεύγους μπορεί να παραλειφθεί. Η γενική μορφή της είναι:
<TAG "πιθανές παράμετροι"> κείμενο </TAG>
Η απλούστερη γενική μορφή μιας ιστοσελίδας είναι:
<HTML>
<HEAD>
<TITLE> Τίτλος ιστοσελίδας </TITLE>
</HEAD>
<BODY>
Το περιεχόμενο της σελίδας
</BODY>
</HTML>
<H2> Επικεφαλίδα
μεγέθους 2 </H2>
<H3> Επικεφαλίδα μεγέθους 3 </H3>
<H4> Επικεφαλίδα μεγέθους 4 </H4>
<H5> Επικεφαλίδα μεγέθους 5 </H5>
<H6> Επικεφαλίδα μεγέθους 6 </H6>
<P> ορισμός παραγράφου </P>
<CENTER> κεντράρισμα </CENTER>
<UL>
<LI> στοιχείο 1 της λίστας
<LI> στοιχείο 2 της λίστας
</UL>
Αριθμημένη λίστα
<OL>
<LI> στοιχείο 1 της λίστας
<LI> στοιχείο 2 της λίστας
</OL>
<IMG src="http://www.pestaola.gr/img/kozani_greece_01.jpg" width="350" height="467"> εισαγωγή εικόνας
<A HREF="http://www.google.gr"> Αναζήτηση ιστοσελίδων </A>
ΑΣΚΗΣΗ 2: Να δώσετε τις κατάλληλες ετικέτες (tags) σε HTML για να δημιουργήσετε μια λίστα με τα 3 πιο αγαπημένα σας τραγούδια, ή τους 3 πιο αγαπημένους σας τραγουδιστές ή τις 3 πιο αγαπημένες σας ταινίες. Στο πάνω μέρος της σελίδας θα πρέπει να υπάρχει κατάλληλη επικεφαλίδα που θα είναι κεντραρισμένη.
ΑΣΚΗΣΗ 3: Να δώσετε τα κατάλληλα tags σε HTML ώστε να εισαχθεί μια κεντραρισμένη εικόνα της επιλογής σας με την κατάλληλη επικεφαλίδα. Στο κάτω μέρος της εικόνας θα δημιουργήσετε μια υπερσύνδεση προς μια ιστοσελίδα της επιλογής σας.