☰

Ιδιότητες ετικετών (tag attributes)

Εκτός από τις ετικέτες, ένα άλλο βασικό χαρακτηριστικό της html αλλά και όλων των γλωσσών τύπου ML (Markup Language), είναι οι ιδιότητες ετικετών.

Οι ιδιότητες ετικετών είναι οι επιπλέον εκείνες πληροφορίες ή δεδομένα που μπορείτε να ορίσετε σε μια ετικέτα. Ή αν προτιμάτε είναι οι παράμετροι μίας ετικέτας.

Κανόνες που ισχύουν για τις ιδιότητες ετικετών

Είναι σημαντικό να γνωρίζετε τους κανόνες που ισχύουν για τις ιδιότητες ετικετών και οι οποίοι είναι οι παρακάτω:

Οι ιδιότητες ορίζονται ή εισάγονται αποκλειστικά στην ετικέτα αρχής.
Κάθε ετικέτα δέχεται συγκεκριμένες ιδιότητες.
Κάθε ιδιότητα είναι ίση με μια τιμή.
Η τιμή κάθε ιδιότητας ορίζεται (κατά κανόνα) σε εισαγωγικά.
Σε μια ετικέτα μπορεί να οριστούν περισσότερες της μίας ιδιότητες.
Αν σε μια ετικέτα υπάρχουν περισσότερες της μίας ιδιότητες, αυτές χωρίζονται με ένα διάστημα.
Η σειρά με την οποία ορίζονται οι ιδιότητες είναι αδιάφορη.
Κάθε ιδιότητα έχει μια προκαθορισμένη τιμή.
Υπάρχει ένας αριθμός ιδιοτήτων (global) που μπορούν να ορισθούν σε όλες τις ετικέτες.

Ακολουθεί η περιγραφή μερικών βασικών ιδιοτήτων.

Η ιδιότητα align

Η ιδιότητα align χρησιμοποιείται για τη στοίχιση στοιχείων html, όπως παράγραφοι, πίνακες, εικόνες κλπ.

Η τιμή της align μπορεί να είναι μία από τις: center | left | right | Justify. Για παράδειγμα, αν θέλετε μια παράγροφος να είναι κεντραρισμένη, τότε πληκτρολογείτε:

<p align="center"> Γειά σας φίλοι </p>

Γειά σας φίλοι

Η προκαθορισμένη τιμή για την align είναι left

Στο παράδειγμα που ακολουθεί, χρησιμοποιείται η ετικέτα <p>

<body>
	<p>Κείμενο χωρίς στοίχιση (η προκαθορισμένη τιμή είναι left)</p>
	<p align="left">Αυτή η παράγραφος εμφανίζεται αριστερά</p>
	<p align ="right">Αυτή η παράγραφος εμφανίζεται δεξιά</p>
	<p align ="center">Αυτή η παράγραφος εμφανίζεται στο κέντρο</p>
	<p>Κείμενο χωρίς στοίχιση (η προκαθορισμένη τιμή είναι left)</p>
</body>

Κείμενο χωρίς στοίχιση (η προκαθορισμένη τιμή είναι left)

Αυτή η παράγραφος εμφανίζεται αριστερά

Αυτή η παράγραφος εμφανίζεται δεξιά

Αυτή η παράγραφος εμφανίζεται στο κέντρο

Κείμενο χωρίς στοίχιση (η προκαθορισμένη τιμή είναι left)

Στο παράδειγμα που ακολουθεί, χρησιμοποιείται η ετικέτα <h1> σε συνδυασμό με την ιδιότητα align.

<body>
	<h1 align="right">Επικεφαλίδα 1</h1>
</body>

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

Η ιδιότητα title

Στην ιδιότητα title ορίζετε σαν τιμή ένα μικρό κείμενο, το οποίο εμφανίζεται σαν tooltip (επεξήγηση), όταν ο δείκτης βρίσκεται επάνω στο στοιχείο.

<body>
	<p title="Επεξήγηση">Η παράγραφος αυτή περιέχει την ιδιότητα title με τιμή "Επεξήγηση"</p>
</body>

Η παράγραφος αυτή περιέχει την ιδιότητα title με τιμή "Επεξήγηση"

Στο παράδειγμα που ακολουθεί, χρησιμοποιούνται δύο ιδιότητες σε μία ετικέτα.

<body>
	<p align="center" title="Επεξήγηση">Η παράγραφος αυτή περιέχει την ιδιότητα title με τιμή "Επεξήγηση" και τη ιδιότητα align με τιμή "enter".</p>
</body>

Η παράγραφος αυτή περιέχει την ιδιότητα title με τιμή "Επεξήγηση" και τη ιδιότητα align με τιμή "center".

Global sttributes

Υπάρχουν ιδιότητες οι οποίες ισχύουν για όλες τις ετικέτες. Οι πιο γνωστές είναι:

title είναι η επεξήγηση ή tooltip
id ορίζει μοναδικό όνομα σε μια ετικέτα
style εισάγει in-line στιλ σε μια ετικέτα
class ορίζει όνομα κλάσης σε μια ετικέτα