Επικεφαλίδες

26 Ιούλ 2011 | Οδηγός HTML

Δεν επιτρέπονται τα σχόλια.


Οι επικεφαλίδες βοηθούν στον ορισμό της μορφοποίηση και της δομής ενός HTML εγγράφου. Είναι ένα πολύτιμο εργαλείο με τη βοήθεια του οποίου μπορείτε να επισημάνετε σημαντικά σημεία και να ορίσετε τη συνολική δομή ενός εγγράφου.

Υπάρχουν έξι επίπεδα επικεφαλίδων στην HTML που ορίζονται από τις ακόλουθες ετικέτες: <h1>, <h2>, <h3>, <h4>, <h5> και <h6>.

Η έξοδος από αυτές τις ετικέτες είναι η ακόλουθη:

<h1>Μια ετικέτα h1</h1>

Μια ετικέτα h1

<h2>Μια ετικέτα h2</h2>

Μια ετικέτα h2

<h3>Μια ετικέτα h3</h3>

Μια ετικέτα h3

<h4>Μια ετικέτα h4</h4>

Μια ετικέτα h4

<h5>Μια ετικέτα h5</h5>

Μια ετικέτα h5

<h6>Μια ετικέτα h6</h6>

Μια ετικέτα h6

Καθώς βλέπετε οι ετικέτες επικεφαλίδας έχουν όλες ετικέτα τερματισμού. Ότι κείμενο περιβάλλεται από τις ετικέτες επικεφαλίδας θα εμφανίζεται διαφορετικά ανάλογα τον αριθμό της ετικέτας.

Τώρα ας δημιουργήσουμε ακόμα ένα αρχείο html. Ανοίξτε το Σημειωματάριο των Windows και γράψτε τον κώδικα που ακολουθεί:

<html>
<head>
    <title>Σελίδα με επικεφαλίδες</title>
</head>
<body>
    <h1>Επικεφαλίδα μεγέθους 1</h1>
    <h2>Επικεφαλίδα μεγέθους 2</h2>
    <h3>Επικεφαλίδα μεγέθους 3</h3>
    <h4>Επικεφαλίδα μεγέθους 4</h4>
    <h5>Επικεφαλίδα μεγέθους 5</h5>
    <h6>Επικεφαλίδα μεγέθους 6</h6>
</body>
</html>

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

Τι είναι οι ιδιότητες ετικέτας στην HTML

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

<όνομα_ετικέτας ιδιότητα=»τιμή»>….</όνομα_ετικέτας>

Άρα:

  • Η ιδιότητες και οι τιμές τους τοποθετούνται στην ετικέτα αρχής.
  • Το σύμβολο της ισότητας «=» χωρίζει το όνομα της ιδιότητας από την τιμή
  • Η τιμή της ιδιότητας περιβάλλεται από εισαγωγικά. Τα εισαγωγικά είναι απαραίτητα αν η τιμή περιέχει κενά. Όπως και να έχει εγώ τα χρησιμοποιώ και σας συμβουλεύω να το κάνετε και εσείς.
Σημείωση: Ορισμένες ιδιότητες δεν έχουν τιμή.

Όλες οι ετικέτες επικεφαλίδας από την <h1> μέχρι την <h6> έχουν ιδιότητες. Οι ποιο σημαντικές βέβαια είναι οι ιδιότητες align και title.

Η ιδιότητα align μπορεί να δεχτεί μια από τις τέσσερις τιμές left, right, center και justify

Ακολουθεί ένα παράδειγμα :

<h3 align=»left»>Αριστερή στοίχιση</h3>

Αριστερή στοίχιση

<h3 align=»center»>Στοίχιση στο κέντρο</h3>

Στοίχιση στο κέντρο

<h3 align=»right»>Δεξιά στοίχιση</h3>

Δεξιά στοίχιση

Στην ιδιότητα title μπορείτε να βάλετε κάποιο κείμενο συμβουλευτικό το οποίο θα εμφανίζεται όταν ο χρήστης θα περνά το ποντίκι του πάνω από την επικεφαλίδα.

<h3 title=»Να ένας τίτλος επικεφαλίδας»>Πέρνα το ποντίκι από πάνω μου</h3>

Πέρνα το ποντίκι από πάνω μου

Περισσότερα για τον CorfuGmr

CorfuGmr

Ονομάζομαι Νίκος και ασχολούμαι με το internet και την κατασκευή ιστοσελίδων από το 1998. Σήμερα, μετά από 12 χρόνια γεμάτα με ενημέρωση, εκπαίδευση και εξάσκηση έχω ανεβάσει σε ένα άλλο επίπεδο τις γνώσεις μου και τις τεχνικές μου. Στα άρθρα μου προσπαθώ να σας δείξω τα μικρά, αλλά σημαντικά πράγματα που με έχουν ανεβάσει σε αυτό το επίπεδο.








Σχόλια

Δεν υπάρχουν σχόλια ακόμα.

Συγνώμη, τα σχόλια για αυτό το άρθρο είναι κλειστά.



^
Top
css.php