insert images από file σε html

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
lefterian
Δημοσιεύσεις: 181
Εγγραφή: 21 Νοέμ 2008 18:35
Τοποθεσία: NeverLand
Επικοινωνία:

insert images από file σε html

Δημοσίευση από lefterian » 24 Μάιος 2009 20:54

ενώ δεν περίμενα να ασχοληθώ με το html, ένα μάθημα στη σχολή με βάζει και μένα μέσα...
Λοιπόν, έχω κολλήσει λίγο με το πώς μπορώ να βάλω εικόνα από ένα αρχείο στον υπολογιστή μου.
γενικά διαβάζω από το w3schools και για το συγκεκριμένα θέμα, διάβασα αυτά, αλλά μάλλον κάνω κάτι λάθος.
π.χ. έχω έναν υποφάκελο "eikones" και θέλω να βάλω την εικόνα ενός αρχείου με όνομα "in october". εγώ γράφω (μέσα σε <html></html> και τα λοιπά):

Κώδικας: Επιλογή όλων

<img src="/eikones/in october.JPG">
αφού μάλιστα λέει ότι το img tag δεν έχει />.
δεν μου βγαίνει όμως τίποτε. αν δεν κάνω λάθος δεν πρέπει να γράψεις όλο το παθ, αλλά μόνο τον υποφάκελο που έχεις την εικόνα που θες έτσι δεν είναι;

ευχαριστώ.
Taurelilom&#1105;a-tumbalemorna Tumbaletaur&#1105;a Lom&#1105;anor
Παραμύθια για παιδιά! I will believe More than it seems Untame Lion

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

insert images από file σε html

Δημοσίευση από Sermac » 24 Μάιος 2009 22:42

Πρώτα απ' όλα, το όνομα της εικόνας ΔΕΝ ΠΡΕΠΕΙ να περιέχει κενά.
Δεύτερον, όταν λέει ότι δεν έχει closing tag, εννοεί ότι δεν έχει

Κώδικας: Επιλογή όλων

</img>
Μπορείς όμως να κλείσεις με />. Στην XHTML τουλάχιστον είναι απαραίτητο να κλείνεις όλα τα tag, είτε με <tag {...}>...</tag>, είτε με <tag {...} />.

Η σωστή λοιπόν σύνταξη είναι:

Κώδικας: Επιλογή όλων

<img src="*****" alt="" />
όπου ***** το url της εικόνας. Καλό είναι να βάζεις και την ιδιότητα alt, έστω και κενή.


Τώρα, αν μια εικόνα (έστω image.jpg) βρίσκετε στον ίδιο φάκελο (δηλ. στο ίδιο επίπεδο) με το html αρχείο τότε γράφεις απλά:

Κώδικας: Επιλογή όλων

<img src="image.jpg" alt="" />
Αν η εικόνα βρίσκεται μέσα σε κάποιον φάκελο (δηλ. ένα επίπεδο εμπρός) και το html αρχείο στο ίδιο επίπεδο με τον φάκελο img, τότε γράφεις:

Κώδικας: Επιλογή όλων

<img src="img/image.jpg" alt="" />
Αντίθετα, αν το html αρχείο βρίσκεται μέσα σε κάποιον φάκελο και η εικόνα στο ίδιο επίπεδο με τον φάκελο, τότε γράφεις:

Κώδικας: Επιλογή όλων

<img src="../image.jpg" alt="" />
Με το ../ θα ψάξει την εικόνα ένα επίπεδο πίσω. Αν βάλεις μία τελεία (δηλ ./), θα ψάξει στο ίδιο επίπεδο, άρα θα μπορούσες να το βάλεις και στα προηγούμενα παραδείγματα. Αν η εικόνα βρίσκεται δύο επίπεδα πίσω θα γράψεις ../../image.jpg κ.ο.κ.
Εικόνα

Άβαταρ μέλους
lefterian
Δημοσιεύσεις: 181
Εγγραφή: 21 Νοέμ 2008 18:35
Τοποθεσία: NeverLand
Επικοινωνία:

insert images από file σε html

Δημοσίευση από lefterian » 27 Μάιος 2009 20:54

Σε ευχαριστώ πάρα πολύ Sermac για τις αναλυτικές εξηγήσεις. Να είσαι καλά.
(ζητώ συγγνώμη για την καθυστέρηση αλλά έχω πολύ φόρτο εργασίας...)
Taurelilom&#1105;a-tumbalemorna Tumbaletaur&#1105;a Lom&#1105;anor
Παραμύθια για παιδιά! I will believe More than it seems Untame Lion

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης