Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |

4. Επικεφαλίδες (Headings)

Επικεφαλίδες της HTML

Δημιουργείτε μία επικεφαλίδα με την ετικέτα που ακολουθεί:

<hN>Κείμενο Τίτλου</hN>

όπου Ν είναι ένα νούμερο απο το 1 μέχρι το 6 και ορίζει το μέγεθος της επικεφαλίδας. Ακολουθούν μερικά παραδείγματα:

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

Τοποθετώντας τις επικεφαλίδες μέσα στο HTML αρχείο

Σημείωση: Εάν δεν έχετε το κείμενο απο το προηγούμενο μάθημα, μπορείτε να το κατεβάσετε απο εδώ .

Ξανανοίξτε τον χώρο εργασία σας, εάν δεν το έχετε κάνει.
Πηγαίνετε στο παράθυρο του text editor.
Ανοίξτε το HTML αρχείο απο το μάθημα 3, volc.html.
Αρχικά, θα χρησιμοποιείσουμε την ετικέτα να εμφανίσουμε τον τίτλο με το μεγαλύτερο μέγεθος, <H1>. Βάλτε το παρακάτω, πάνω απο το υπάρχον body text <body> και κάτω απο την </head> ετικέτα:
<h1>Volcano Web</h1>
Απο κάτω απο αυτό που ήδη βάλατε, δημιουργείστε και άλλες επικεφαλίδες για μελλοντικά μέρη της σελίδας σας.

Βάλτε τις ακόλουθες επικεφαλίδες μέσα στο σώμα της σελίδας σας. (Προσέξτε ότι μερικές είναι H3 και άλλες είναι H2 ετικέτες):
          <h2>Introduction</h2>

          <h2>Volcano Terminology</h2>

          <h2>Volcanic Places in the USA</h2>

          <h3>Mount St Helens</h3>

          <h3>Long Valley</h3>

          <h2>Volcanic Places on Mars</h2>

          <h2>Research Project</h2>

          <h3>References</h3>
Σώστε τις αλλαγές που κάνατε.
Επιστρέφτε στον web browser, ανοίξτε και επαναφορτώστε (Reload) το HTML αρχείο.

Σημείωση: Ο κώδικας της HTML έχει σχεδιαστεί για να παίρνουν οι επικεφαλίδες τους 6 τύπους (h1 to h6)! Δεν έχει πολλές επιλογές όπως π.χ. ένας κειμενογράφος, που διαλέγεις το μέγεθος με νούμερα.

Τι ακολουθεί....

Χωρίζοντας το κείμενο σε παραγράφους.