...

<html>
<head>
<title>ΕΤΙΚΕΤΕΣ ΕΠΙΚΕΦΑΛΙΔΩΝ</title>
</head>
<body style="font-family:justify;background-color:#00264d;background-image:url('backgroundpattern.jpg')">
<H1 style="text-align:center; font-family:courier;color:white">Ετικέτες Επικεφαλίδων (Headings)</H1>
<HR>
<P style="text-align:justify; font-size:15px;color:#d9d9d9"><B>Οι επικεφαλίδες (headings)</B> χρησιμοποιούνται για τον διαχωρισμό των ενοτήτων κειμένου ακριβώς όπως και σ'ένα βιβλίο. Η HTML ορίζει 6 επίπεδα επικεφαλίδων, των οποίων οι ετικέτες έχουν την εξής μορφή:

<OL style="color:#d9d9d9">
<LI>< Η1 > Επικεφαλίδα μεγέθους 1 < /Η1 ></LI>
<LI>< Η2 > Επικεφαλίδα μεγέθους 2 < /Η2 ></LI>
<LI>< Η3 > Επικεφαλίδα μεγέθους 3 < /Η3 ></LI>
<LI>< Η4 > Επικεφαλίδα μεγέθους 4 < /Η4 ></LI>
<LI>< Η5 > Επικεφαλίδα μεγέθους 5 < /Η5 ></LI>
<LI>< Η6 > Επικεφαλίδα μεγέθους 6 < /Η6 ></LI>
</OL>

<P style="text-align:justify; font-size:15px;color:#d9d9d9"><U>Οι αριθμόι υποδεικνύουν το επίπεδο επικεφαλίδας (H1 εως H6)</U>. Οι επικεφαλίδες δεν αριθμούνται, όταν εμφανίζονται στην οθόνη, αλλά έχουν ένα χαρακτηριστικό που τις ξεχωρίζει από το κανονικό κείμενο όπως μεγαλύτερο μέγεθος, εντονότεροκείμενο ή υπογράμμιση.</P>

<P style="text-align:justify; font-size:15px;color:#d9d9d9">Οι επικεφαλίδες αποτελούν στοιχεία διάρθρωσης κειμένου και ένα καλό παράδειγμα χρήσης επικεφαλίδων σε μια σελίδα HTML είναι το παρακάτω. Το αποτέλεσμα της διερμήνευσης των επικεφαλίδων από τον Φυλλομετρητή εμφανίζεται στην παρακάτω εικόνα.</P>

<UL style="list-style-type:square;color:#d9d9d9">
<LI>< Η1 > Υπουργέιο Παιδείας < /Η1 ></LI>
<LI>< Η2 > Δευτεροβάθμια Εκπαίδευση< /Η2 ></LI>
<LI>< Η3 > Γενικό Λύκειο< /Η3 ></LI>
<LI>< Η4 > Α' Λυκείου< /Η4 ></LI>
<LI>< Η5 > Μαθήματα Επιλογής< /Η5 ></LI>
<LI>< Η6 > Εφαρμογές Πληροφορικής< /Η6 ></LI>
</UL>

<P style="text-align:justify"><img src="test.png" style="width:350; height:350"></P>
</P>

<P style="text-align:center"> <a href="askhsh 10.html"><img src="left.png"

style="width:40px;height:40px"></a> <a href="askhsh 12.html"><img src="home.png"

style="width:40px;height:40px"></a> </P>


</body>
</html>