Η εικόνα δεν εισάγεται απλώς απευθείας στο κείμενο. Στο πρόγραμμα περιήγησης λέγεται το όνομά του και καθοδηγείται πού και πώς να το τοποθετήσει στην οθόνη. Για να το κάνετε αυτό, χρησιμοποιήστε μια ενιαία ετικέτα img HTML. Καθορίζει τη θέση του γραφικού αντικειμένου στην ιστοσελίδα.
Αν πολλά χαρακτηριστικά είναι προαιρετικά για ετικέτες, τότε η ετικέτα img πρέπει να έχει τουλάχιστον μία παράμετρο - τη διεύθυνση της εικόνας. Αυτό το χαρακτηριστικό ονομάζεται src:
- - θα εμφανίσει το αρχείο goat-j.webp" />
- - με αυτήν την παράμετρο της ετικέτας img, το πρόγραμμα περιήγησης θα φορτώσει την εικόνα που δημοσιεύτηκε στο Διαδίκτυο στον ιστότοπο megasellmag.ru.
χαρακτηριστικά στοίχισης
Για να τοποθετήσετε εικόνες σε μια σελίδα χρησιμοποιώντας HTML, χρησιμοποιείται η ετικέτα img, τα χαρακτηριστικά της οποίας είναι υπεύθυνα για την τοποθέτηση της εικόνας στη σελίδα και τη φύση της αναδίπλωσής της.
Από προεπιλογή, το πρόγραμμα περιήγησης τοποθετεί την εικόνα στο κέντρο της οθόνης και το κείμενο δεν τυλίγεται γύρω από αυτήν. Η ετικέτα img θα σας επιτρέψει να εκφράσετε τη διαφωνία σας με το πρόγραμμα περιήγησης χρησιμοποιώντας το χαρακτηριστικό align (alignment).
- η εικόνα θα τοποθετηθεί στο αριστερό άκρο της σελίδας και το κείμενο θα περιστρέφεται γύρω από αυτήν στα δεξιά.
Η συμπεριφορά του κειμένου θα είναι παρόμοια εάν η εικόνα τοποθετηθεί δεξιά (στοίχιση=δεξιά), στη μέση (στοίχιση=μέση), επάνω (στοίχιση=πάνω), κάτω(align=bottom) και κέντρο (κέντρο).
Ρυθμίσεις και μεγέθη
Για να αποτραπεί η είσοδος κειμένου στις εικόνες, η ετικέτα img έχει αποκτήσει ειδικά χαρακτηριστικά -hspace (οριζόντια/οριζόντια περιθώρια) και vspace (κάθετα/κάθετα περιθώρια), τα οποία καθορίζουν την ποσότητα της εσοχής κειμένου από τις άκρες των εικόνων σε pixels.
Η εικόνα όχι μόνο θα απομακρυνθεί υπάκουα από το κείμενο κατά το καθορισμένο ποσό, αλλά θα απομακρυνθεί και από την άκρη της σελίδας, επομένως είναι καλύτερο να αποφύγετε μεγάλες εσοχές.
Οι γεωμετρικές διαστάσεις των εικόνων είναι πολύ σημαντικές, οι οποίες όχι μόνο είναι επιθυμητές, αλλά μερικές φορές απλώς είναι απαραίτητες για τον καθορισμό για τη σωστή εμφάνιση της εικόνας. Για αυτό, χρησιμοποιούνται τα χαρακτηριστικά πλάτος (πλάτος) και ύψος (ύψος), η τιμή των οποίων ορίζεται σε pixel ή ποσοστά.
Εάν καθορίσετε μόνο το πλάτος, το ύψος θα επιλεγεί αυτόματα με τις αρχικές αναλογίες. Τα ποσοστιαία μεγέθη σάς επιτρέπουν να τοποθετήσετε την εικόνα στο δεξιό μέρος της σελίδας, ανεξάρτητα από το μέγεθος του παραθύρου του προγράμματος περιήγησης, και αυτή η ανάγκη προκύπτει συχνά.
Άλλες επιλογές
Το χαρακτηριστικό περίγραμμα περικλείει την εικόνα σε ένα πλαίσιο του καθορισμένου πάχους, κάτι που το πρόγραμμα περιήγησης δεν κάνει από προεπιλογή.
Το περίγραμμα μπορεί επίσης να έχει ένα φαινομενικά ανούσιο μηδενικό πλάτος (περίγραμμα='0'), αλλά αυτό συμβαίνει έως ότου η εικόνα γίνει σύνδεσμος, όταν το πρόγραμμα περιήγησης κυκλώνει αυτόματα ένα μπλε περίγραμμα χωρίς να περιμένει οδηγίες.
Μερικοί ανυπόμονοι χρήστες, εξαγριωμένοι με τις χαμηλές ταχύτητες Διαδικτύου, απλώς θα απενεργοποιήσουν την εμφάνιση των εικόνων. Για τέτοιες περιπτώσεις, παρέχεται η παράμετρος alt, η οποία σας επιτρέπει να εισάγετεεναλλακτικό κείμενο που θα δει ο χρήστης στο πλαίσιο όπου η εικόνα βιάζεται να φορτώσει.
Αν δεν σας αρέσουν οι δυνατότητες της παραμέτρου alt, η ετικέτα img μπορεί να προσφέρει ένα χαρακτηριστικό longdesc, η τιμή του οποίου είναι η διεύθυνση URL ενός εγγράφου με πιο λεπτομερή περιγραφή.
Τα χαρακτηριστικά usemap και ismap λένε στο πρόγραμμα περιήγησης ότι η εικόνα θα είναι μια εικόνα στην οποία οι υπερσύνδεσμοι είναι ξεχωριστές περιοχές (χάρτης συνδέσμων), μόνο η παράμετρος usemap καθορίζει τον χάρτη πλοήγησης στον διακομιστή και το ismap - ο χάρτης στον την πλευρά του πελάτη.
Περιγραφή του συνδέσμου 1 στο παρακάτω σχήμα:
Εξωτικά αντικείμενα
Το χαρακτηριστικό lowsrc καθοδηγεί το πρόγραμμα περιήγησης να κατεβάσει πρώτα ένα αντίγραφο (ή άλλη εναλλακτική) της αρχικής εικόνας με χαμηλότερη ποιότητα και, επομένως, "ελαφρύτερη". Αυτό το κόλπο παρέχεται σε περίπτωση χαμηλής ταχύτητας Internet για τον χρήστη. Η αρχική εικόνα, όταν μεταφορτωθεί, αντικαθιστά το "ψεύτικο".
Το λιγότερο χρησιμοποιούμενο χαρακτηριστικό galleryimg της ετικέτας img καλεί τον πίνακα ελέγχου της εικόνας (όταν τοποθετείται το δείκτη του ποντικιού πάνω), επιτρέποντάς σας να ανοίξετε τον προεπιλεγμένο φάκελο "Οι εικόνες μου" και να εκτυπώσετε, να αποθηκεύσετε ή να στείλετε email την εικόνα. Μπορείτε να απενεργοποιήσετε τον πίνακα ορίζοντας την παράμετρο galleryimg σε no/false και να την ενεργοποιήσετε ορίζοντας yes/true.
Στη νέα προδιαγραφή HTML5, ορισμένες ετικέτες έχουν καταργηθεί ορισμένες παραμέτρους. Για παράδειγμα, τα χαρακτηριστικά lowsrc, border, longdesc και name του img έχουν αποσυρθεί.
