|
ΕΝΘΕΤΑ ΣΤΟΙΧΕΙΑ: Εικόνες
Μπορούμε να τοποθετήσουμε μια εικόνα στη σελίδα μας με την οδηγία:
|
<IMG SRC="path/όνομα εικόνας" Παράμετροι> |
Aν και οι browsers μπορούν να εμφανίσουν σχεδόν όλα τα πρότυπα εικόνων, για τις σελίδες web προτείνονται οι εικόνες τύπου [όνομα εικόνας.GIF] ή [όνομα εικόνας.JPEG] διότι έχουν μικρότερο μέγεθος, οπότε η μεταφορά τους μέσω του δικτύου είναι πιο σύντομη.
Παράμετροι της <IMG>
ALIGN =top ή middle ή bottom ή right ή left
- Αν η εικόνα τοποθετηθεί μέσα σε μια παράγραφο κειμένου τότε θα υπάρχει κείμενο δεξιά και
αριστερά της (αν φυσικά χωράει) και οι αποστάσεις μεταξύ των γραμμών θα επηρεαστούν από το μέγεθος
της εικόνας. Πάντα όμως δεξιά και αριστερά της εικόνας θα υπάρχει μόνο μια γραμμή κειμένου.
- Η εικόνα μπορεί να τοποθετηθεί σε διάφορες θέσεις σχετικά με το επίπεδο της γραμμής κειμένου που υπάρχει
δεξιά και αριστερά της. Αυτό θα γίνει με την οδηγία ALIGN. Οι δυνατότητες που υπάρχουν είναι:
 ALIGN=top Ευθυγραμμίζει μια μόνο γραμμή κειμένου στo πάνω μέρος. Oι υπόλοιπες γραμμές ακολουθούν χαμηλότερα της εικόνας.
ALIGN=middle Ευθυγραμμίζει μια μόνο γραμμή κειμένου στo μέσο της εικόνας. Oι υπόλοιπες γραμμές ακολουθούν χαμηλότερα της εικόνας.Παρόμοιο αποτέλεσμα δίνει και η ALIGN=absmiddle
ALIGN=bottom Ευθυγραμμίζει τη γραμμή του κειμένου στο κάτω μέρος της εικόνας (η default επιλογή). Παρόμοιο αποτέλεσμα δίνει και η ALIGN=absbottom
ALIGN=right Τοποθετεί την εικόνα στα δεξιά της γραμμής ευθυγραμμίζoντας με αυτήν το πάνω μέρος της.
ALIGN=left Τοποθετεί την εικόνα στα αριστερά της γραμμής ευθυγραμμίζoντας με αυτήν το πάνω μέρος της.
ALT="μύνημα"
Xρησιμοποιήσουμε την παράμετρο ALT για να γράψουμε ένα μικρό περιγραφικό κείμενο που εξηγεί σε
όσους ο browser δεν δείχνει εικόνες ή όταν προβάλει την εικόνα τότε το μύνημα γίνεται ορατό όταν το βέλος τεθεί πάνω στην εικόνα.
Π.χ. <IMG SRC="btnup.gif" ALT="[Πρώτη σελίδα]"> Βάλε το βέλος πάνω στο εικονίδιο για να φανερωθεί το μύνημα. ![[Πρώτη σελίδα]](btnup.gif)
BORDER =n
Η παράμετρος border καθορίζει το περιθώριο που θα έχει μια εικόνα. Χωρίς αυτήν η εικόνα δεν έχει
περιθώριο (εκτός αν είναι link). Με αυτήν ορίζεται το πάχος σε pixels που θα έχει το περιθώριο.
Π.χ. <IMG SRC="btnup.gif" BORDER=3> δίνει
WIDTH=n και HEIGHT=n
O browser εκτείνει την εικόνα στις δεδομένες διαστάσεις πλάτους (WIDTH) και ύψους (HEIGHT). Μπορούμε δώσουμε και διαφορετικές τιμές από αυτές που έχει η εικόνα.
Αυτή η εικόνα έχει πραγματικές διαστάσεις 64Χ49 pixels. Εδώ όμως την καθορίσαμε 100Χ50 ως εξής: <img src="forsale1.gif" WIDTH=100 HEIGHT=50 align=left>
Οι επόμενες δυο παράμετροι καθορίζουν τις αποστάσεις που θα έχει το κείμενο από την εικόνα. ( n είναι ο αριθμός των pixels που θέλουμε να έχει η απόσταση).
VSPACE=n (vertical space) για την απόσταση του κειμένου που βρίσκεται πάνω και κάτω από την εικόνα και
HSPACE=n (horizontal space) για την απόσταση του κειμένου που βρίσκεται δεξιά και αριστερά από την εικόνα.
USEMAP Βλέπε θερμή Xαρτογράφηση
ISMAP Βλέπε θερμή Xαρτογράφηση
ΕΙΚΟΝΕΣ ΚΑΙ ΡΟΗ ΚΕΙΜΕΝΟΥ ΠΑΡΑΛΛΗΛΑ ΜΕ ΑΥΤΕΣ (TEXT WRAP)
Για να το επιτύχουμε αυτό, πρέπει η εικόνα να έχει πάρει θέση με την οδηγία ALIGN, και να ακολουθείται
από Παράγραφο, Λίστα, Επικεφαλίδα ή Άλλες Εικόνες, π.χ. < IMG SRC="image1.gif" ALIGN =
RIGHT >
Υπάρχουν περιπτώσεις που θέλουμε να υπάρχει ροή κειμένου δεξιά ή αριστερά από μια εικόνα αλλά να μην
φτάνει μέχρι το κατώτερο σημείο της εικόνας αλλά να διακόπτεται πιο πριν. Στην περίπτωση αυτή,
χρησιμοποιούμε την οδηγία
<BR CLEAR=X> όπου X=LEFT (η ροή σταματάει μέχρι τα βρει την πρώτη
γραμμή που η αριστερή άκρη της είναι ελεύθερη, δηλαδή δεν υπάρχει εκεί στοιχημένη μια εικόνα) RIGHT (η ροή σταματάει μέχρι τα βρει την πρώτη γραμμή που η δεξιά άκρη της είναι ελεύθερη, δηλαδή δεν υπάρχει εκεί στοιχημένη μια εικόνα) ALL (η ροή σταματάει μέχρι τα βρει την πρώτη γραμμή που και η δεξιά και η αριστερή άκρη της είναι ελεύθερη, δηλαδή δεν υπάρχει εκεί στοιχημένη μια εικόνα και η γραμμή κείμενου μπορεί να καταλάβει όλο το χώρο από την μια άκρη του παραθύρου του browser μέχρι την άλλη).
Syntax HTML, v 2.1, January 2000
|