Internet
Now Reading
11ο Μάθημα HTML-Χρήση Εικόνων
0

11ο Μάθημα HTML-Χρήση Εικόνων

by Ελένη Χαλικιά15 November, 2012
Περιγραφή Μαθήματος
Στο σημερινό μας μάθημα θα δείτε τις ετικέτες για το πως να εισάγετε εικόνες στην ιστοσελίδα σας και μερικά παραδείγματα για να τις κατανοήσετε.

Εισαγωγή
Με τη χρήση εικόνων δίνετε στις ιστοσελίδες σας ομορφιά, εμπλουτισμό και προσδιορισμό πάνω σε θέματα τα οποία τις αφορούν άμεσα ή έμμεσα.

Σημασιολογία ετικετών
imgsrc=”url ή name_type_image“: Αυτό χρησιμεύει για να ορίσετε τον υπερ-σύνδεσμο μιας διαδικτυακής εικόνας ή για να ορίσετε την ονομασία και τον τύπο της εικόνας σας από τον
 προσωπικό σας υπολογιστή
alt=”text“: Αυτό χρησιμεύει για να χαρακτηρίσετε μια εικόνα, δηλαδή να της δώσετε ένα χαρακτηρισμό
width=”150″: Αυτό χρησιμεύει για να προσδιορίσετε το πλάτος, το οποίο θέλετε να έχει η εικόνα σας μέσα στην ιστοσελίδα σας
height=”80″:Αυτό χρησιμεύει για να προσδιορίσετε το ύψος, το οποίο θέλετε να έχει η εικόνα σας μέσα στην ιστοσελίδα σας
Σύνταξη Κώδικα                                                                                                                 
 Αυτή είναι η σύνταξη του html κώδικα για να δείτε πως να χρησιμοποιήσετε την εισαγωγή μιας διαδικτυακής εικόνας στην ιστοσελίδα σας.
<!DOCTYPEhtml>
<
body>
<imgsrc=”Εδώ βάζετε το url της διαδικτυακής εικόνας που επιθυμείτεalt=”Εδώ βάζετε το χαρακτηρισμό της εικόνας που επιθυμείτε“>
</body>
</
html>
Αυτή είναι η σύνταξη του html κώδικα για να δείτε πως να χρησιμοποιήσετε την εισαγωγή μιας εικόνας από τον προσωπικό σας υπολογιστήστην ιστοσελίδα σας.
<!DOCTYPEhtml>
<
body>                                                                                                                             
 <imgsrc=”Εδώ βάζετε την ονομασία και τον τύπο της εικόνας σας ”  alt=”Εδώ βάζετε το χαρακτηρισμό της εικόνας που επιθυμείτε“>                                                          
 </body>
</
html>
Αυτή είναι η σύνταξη του html κώδικα για να δείτε πως να προσδιορίσετε το πλάτος και το ύψος μιας εικόνας από τον προσωπικό σας υπολογιστή ή από το διαδίκτυο στην ιστοσελίδα σας.
<!DOCTYPEhtml>
<
body>                                                                                                                               
<imgsrc=”Εδώ βάζετε την ονομασία και τον τύπο της εικόνας σας ή το url της διαδικτυακής εικόνας που επιθυμείτεalt=”Εδώ βάζετε το χαρακτηρισμό της εικόναςwidth=”Εδώ βάζετε το πλάτος της εικόναςheight=”Εδώ βάζετε το ύψος της εικόνας“>                          
</body>
</
html>
Παράδειγμα  1
Ένα μικρό παράδειγμα για να δείτε πως να χρησιμοποιήσετε την εισαγωγή μιας διαδικτυακής εικόνας στην ιστοσελίδα σας.
ΚώδικαςΠαραδείγματος:                                                                                        
<!DOCTYPE html>
<body>
<img src=”http://4.bp.blogspot.com/-x_oJ0UZjrbw/T7v87HaCXiI/AAAAAAAACLc/TnIX822_ziw/s1600/logo%2Boti%2Bpsaxneis%2Bsta%2Bellhnika.pngalt=”Tricks for Greeks“>
</body>
</html>
Παράδειγμα  2
Ένα μικρό παράδειγμα για να δείτε πως να χρησιμοποιήσετε την εισαγωγή μιας εικόνας από τον προσωπικό σας υπολογιστήστην ιστοσελίδα σας.
ΚώδικαςΠαραδείγματος:                                                                                        
<!DOCTYPE html>
<body>
<img src=”Γέφυρα  ΡίουΑντιρρίου.JPG alt=”ΡίοΑντίρριο“>
</body>
</html>
Παράδειγμα  3
Ένα μικρό παράδειγμα για να δείτε πως να προσδιορίσετε το πλάτος και το ύψος μιας εικόνας από τον προσωπικό σας υπολογιστή ή από το διαδίκτυο στην ιστοσελίδα σας.
Κατέβασμα Μαθήματος
Κατεβάστε το εντέκατο μας μάθημα HTML στον υπολογιστή σας εντελώς δωρεάν σε μορφή pdf.
Download 
 

Συντάκτης
Ελένη Χαλικιά
Τεχνικός Τεχνολογίας Internet
Τεχνικός Εφαρμογών Πληροφορικής

Comments

comments