Images
Για την εισαγωγή εικόνας χρησιμοποιείται το tag <img>. Δεν μπορεί να περιέχει κείμενο, επομένως δεν έχει ετικέτα κλεισίματος. Περιέχει μόνο ιδιότητες με τη βοήθεια των οποίων εισάγεται μία εικόνα στη σελίδα. Μπορούν να χρησιμοποιηθούν οι εξής ιδιότητες:
- src: το URL της εικόνας που θέλουμε να προβληθεί
- alt: εναλλακτική περιγραφή, εμφανίζεται στην περίπτωση που δεν υπάρχει το αρχείο της εικόνας
- title: τίτλος εικόνας, ο οποίος εμφανίζεται όταν αφήσουμε τον κέρσορα του ποντικιού πάνω από την εικόνα
- width: πλάτος εικόνας
- height: ύψος εικόνας
- border: περίγραμμα γύρω από την εικόνα σε pixel
Αν δε βάλουμε width και height, ο browser υπολογίζει αυτόματα τις διαστάσεις της εικόνας. Αν βάλουμε τιμή σε ένα από τα δύο, η δεύτερη διάσταση αλλάζει αυτόματα αναλογικά. Αν βάλουμε τιμές και στα δύο, ρυθμίζουμε τις διαστάσεις όπως θέλουμε. Π.χ.
<img src="images/thundercats.jpg" alt="Εναλλακτική περιγραφή" title="Τίτλος" width="200" border="3" />
Χρήση εικόνας