Ορισμός και χρήση
Η ετικέτα <div> ορίζει ένα τμήμα στο HTML έγγραφο.
Ένα τμήμα ομαδοποιεί τα περιεχόμενα που είναι μέσα στις ετικέτες <div>...</div>
ώστε να μπορούμε να ορίζουμε ένα ενιαίο στυλ (χρώμα, γραμματοσειρά, στοίχιση) με την ιδιότητα style.
Η ετικέτα <div> χρησιμοποιείται πάρα πολύ συχνά στην HTML.
Πριν και μετά το τμήμα div ο browser αφήνει μια γραμμή κενή
Ετικέτα τέλους: </div>
Παράδειγμα
Πηγαίος Κώδικας |
Αποτέλεσμα στον browser |
Το παρακάτω κείμενο βρίσκεται μέσα σε τμήμα: <div style="color:#FF0000;">
<h4>Αυτή είναι μια επικεφαλίδα μέσα στο τμήμα div</h4>
<p>Αυτή είναι μια παράγραφο μέσα στο τμήμα div</p>
</div> |
Το παρακάτω κείμενο βρίσκεται μέσα σε τμήμα:
Αυτή είναι μια επικεφαλίδα μέσα στο τμήμα div
Αυτή είναι μια παράγραφο μέσα στο τμήμα div
|
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Η ιδιότητα align δεν συμπεριλαμβάνεται στην HTML5. Μπορούμε να ορίσουμε στοίχιση του κειμένου μέσα στο div με χρήση CSS στυλ
Ιδιότητες
Ιδιότητα |
Τιμή |
Περιγραφή |
align |
left
right
top
bottom |
Ορίζει την στοίχιση των περιεχόμενων του τμήμα <div> |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα:
Η ετικέτα
<div> υποστηρίζει τις
standard ιδιότητες της HTML5. Μπορούμε να ορίσουμε στοίχηση του κειμένου μέσα στο div με CSS
HTML Γεγονότα που μπορεί να πάρει η ετικέτα:
Δοκίμασε το
Τμήμα div
Πώς να δημιουργήσουμε τμήματα <div>