Η ετικέτα span

Η ετικέτα span επιτρέπει την επιλογή ενός τμήματος κειμένου. Από μόνη της η ετικέτα δεν κάνει τίποτα, αλλά σε συνδυασμό με τις ιδιότητες class, id ή style επιτρέπει την πρόσβαση μέσω CSS στο κείμενο που βρίσκεται μέσα σε αυτή (για παράδειγμα, για να αλλάξετε το χρώμα κειμένου, το μέγεθός του και ούτω καθεξής).

Παράδειγμα

Ας επιλέξουμε ένα τμήμα κειμένου με τη βοήθεια της ετικέτας span, αλλά ας το αφήσουμε όπως είναι, όπως και το συνηθισμένο κείμενο (καθώς σε αυτό το span δεν έχουν οριστεί στυλ CSS):

htmlthis is <span>text inside span</span>

Результат:

Παράδειγμα

Τώρα ας δοκιμάσουμε να ορίσουμε στην ετικέτα span το κόκκινο χρώμα χρησιμοποιώντας την ιδιότητα style:

htmlthis is <span style="color: red;">text inside span</span>,
and this is outside:)

Результат:

Δείτε επίσης