Ετικέτες για τις επικεφαλίδες της σελίδας

Εκτός από τις παραγράφους, σημαντική σημασία στη σελίδα έχουν οι επικεφαλίδες. Μπορούν επίσης να συγκριθούν με τις επικεφαλίδες από ένα βιβλίο - κάθε κεφάλαιο έχει τη δική του επικεφαλίδα (τον τίτλο αυτού του κεφαλαίου) και χωρίζεται σε παραγράφους, που επίσης έχουν τις δικές τους επικεφαλίδες. Λοιπόν, και το κύριο κείμενο της σελίδας βρίσκεται σε παραγράφους.

Οι επικεφαλίδες δημιουργούνται με τις ετικέτες h1, h2, h3, h4, h5, h6. Έχουν διαφορετικό βαθμό σημασίας. Στην επικεφαλίδα h1 πρέπει να τοποθετείται ο τίτλος ολόκληρης της HTML σελίδας, στο h2 - ο τίτλος των μπλοκ της σελίδας, στο h3 - ο τίτλος των υπομπλοκ και ούτω καθεξής.

Όλες οι επικεφαλίδες είναι από προεπιλογή έντονες και έχουν διαφορετικό μέγεθος (αυτό μπορεί να αλλαχθεί μέσω CSS, αλλά για αυτό αργότερα). Για παράδειγμα, ας φτιάξουμε επικεφαλίδες όλων των επιπέδων:

<h1>Επικεφαλίδα h1</h1>
<h2>Επικεφαλίδα h2</h2>
<h3>Επικεφαλίδα h3</h3>
<h4>Επικεφαλίδα h4</h4>
<h5>Επικεφαλίδα h5</h5>
<h6>Επικεφαλίδα h6</h6>

Αντιγράψτε τον παραπάνω κώδικα και εκτελέστε τον στον browser. Δείτε πώς διαφέρουν τα μεγέθη των επικεφαλίδων.

Φτιάξτε μια επικεφαλίδα h1. Πιο κάτω φτιάξτε μια επικεφαλίδα h2, και κάτω από αυτή - μια παράγραφο με κείμενο. Μετά τις παραγράφους φτιάξτε ακόμη μια επικεφαλίδα h2, και κάτω από αυτή - 2 παραγράφους με κείμενο.