Συμβουλή 1: Τρόπος εισαγωγής ενός συνδέσμου σε μια εικόνα σε html
Συμβουλή 1: Τρόπος εισαγωγής ενός συνδέσμου σε μια εικόνα σε html
Τα μηνύματα σε ένα blog ή σε άλλο πόρο μπορούνπεριλαμβάνει όχι μόνο πληροφορίες σχετικά με ένα συγκεκριμένο θέμα, αλλά και μια άμεση σύνδεση με την πηγή των πληροφοριών ή άλλους πόρους. Ειδικότερα, HTML-editor σας επιτρέπει να σχεδιάσετε τις συνδέσεις με τα αρχεία εικόνας.
Θα χρειαστείτε
- Πρόσβαση στο Internet.
Οδηγίες
1
Ο ευκολότερος τρόπος σύνδεσης, συμπεριλαμβανομένων των συνδέσμων εικόνα, αποτελείται από τις ακόλουθες ετικέτες: <a href="ADDRESS ADDRESS"> επεξηγηματικό κείμενο </a>. Για τη διεύθυνση της σελίδας, δώστε σύνδεσμο στο ίδιο το γραφικό αρχείο, για παράδειγμα: http: // www.site.com/mypicure.jpg. Στο επεξηγηματικό κείμενο, μπορείτε να καθορίσετε το όνομα του αρχείου ή άλλες πληροφορίες. Όταν προβάλλετε ένα τελικό μήνυμα, μόνο αυτό θα είναι ορατό, η εικόνα θα ανοίξει με το πάτημα του δρομέα.
2
Μια εικόνα μπορεί να είναι μια αναφορά στον εαυτό της ήένα άλλο γραφικό αρχείο. Για αυτήν την περίπτωση, επικολλήστε τις ακόλουθες ετικέτες: <a href="ADDRESS ADDRESS "target=_blank"Explain text"> <img src = "URL εικόνας"> </a>. Διεύθυνση της σελίδας - η διεύθυνση που ανοίγει όταν κάνετε κλικ στο ποντίκι. Διεύθυνση URL εικόνας - η διεύθυνση της εικόνας στην οποία θέλετε να κάνετε κλικ. Επεξηγηματικό κείμενο εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω από το δρομέα. Ο σύνδεσμος στο συγκεκριμένο σχέδιο θα ανοίξει σε νέο παράθυρο.
3
Ωστόσο, αυτά τα κόλπα είναι προαιρετικά, αν θέλετε απλώς να δημοσιεύσετε εικόνα στο μήνυμά του. Το κύριο πράγμα είναι να γνωρίζουμε τη διεύθυνσή του στο δίκτυο. Επικολλήστε τις ετικέτες: <img src = "διεύθυνση δικτύου εικόνας">. Η εικόνα θα πρέπει να φαίνεται ως εξής: http://www.site.com/mypicure.jpg.
4
Επιπλέον παράμετροι σας επιτρέπουν να προσαρμόσετετο μέγεθος της εμφανιζόμενης εικόνας. Για να το κάνετε αυτό, χρησιμοποιήστε τις ετικέτες width = and height =. Δεν είναι απαραίτητο να χρησιμοποιήσετε και τα δύο, αν καθορίσετε ένα από αυτά, η δεύτερη παράμετρος θα αλλάξει αναλογικά. Μετά την ετικέτα, ορίστε το επιθυμητό ύψος ή πλάτος της εικόνας σε εικονοστοιχεία. Το αποτέλεσμα μπορεί να φαίνεται ως εξής: <img src = "η διεύθυνση της εικόνας σας" width = 500 ">
Συμβουλή 2: Πώς να εισαγάγετε μια εικόνα σε html
Html είναι μια δημοφιλής γλώσσα σήμανσης, η οποία εξακολουθεί να χρησιμοποιείται με επιτυχία για τη δημιουργία ιστότοπων. Με τα μέσα της, μπορείτε να φορτώσετε τη μουσική, ένα αρχείο βίντεο ή μια συνηθισμένη φωτογραφία στη σελίδα.
Οδηγίες
1
Η εικόνα που θέλετε να βάλετε στοιστοσελίδα, μπορεί να είναι στον υπολογιστή σας ή σε οποιαδήποτε τοποθεσία στο Διαδίκτυο. Είναι σημαντικό να καθορίσετε σωστά τη διαδρομή στο αρχείο γραφικών ώστε να εμφανίζεται σωστά στη σελίδα σας, για παράδειγμα: <img src = "/ images / D: Figures1.jpg">
2
Σε εισαγωγικά, η διεύθυνση της εικόνας εμφανίζεται με το όνομα 1.jpg, το οποίο βρίσκεται στο δίσκο D του υπολογιστή σας στο φάκελο "Εικόνες". Εάν η εικόνα και το έγγραφο, όπου πρέπει να τοποθετηθούν, βρίσκονται σε ένα φάκελο, η διαδρομή θα είναι μικρότερη. Απλά παραθέστε το όνομα του επιλεγμένου αρχείου εικόνας σε εισαγωγικά: <img src = "/ images / 1.jpg">
3
Αν θέλετε να φιλοξενήσετε μια φωτογραφία μεμια άλλη ιστοσελίδα, η διαδρομή δικτύου να είναι απαραίτητο να εγγραφείτε εντελώς: <img src = «/images/http://www.museum-online.ru/include/func/r_pic.php?type=3&id=464»> Για να δείτε τη διεύθυνση δικτύου άρεσε η εικόνα, πατήστε το δεξί πλήκτρο του ποντικιού και επιλέξτε την εντολή μενού «Αντιγραφή εικόνων», και στη συνέχεια τοποθετήστε μια γραμμή κώδικα στα πλήκτρα περιεχόμενο ρυθμιστικό ανταλλαγή Ctrl + V ή την εντολή «πάστα» από το μενού περιβάλλοντος.
4
Αφθονία των μεγάλων, με εικόνες καλής ανάλυσηςμπορεί να κάνει τη σελίδα πιο βαρύ, λόγω του τι θα ανοίξει αργά και θα φορτώσει για μεγάλο χρονικό διάστημα. Για να αποφύγετε αυτό, τοποθετήστε μικρές εικόνες στη σελίδα που μετατρέπονται σε μεγάλες εικόνες με ένα κλικ. Για να γίνει αυτό, πρέπει να γίνει μια μικρή εικόνα με μια σύνδεση χρησιμοποιώντας την ετικέτα αγκύρωσης (<a>/ a>): <a href="large picture.jpg"> <img src = "/ images / small picture.jpg"> </a>
5
Στην περίπτωση αυτή, η μεγάλη εικόνα ανοίγει στοτο ίδιο παράθυρο. Για να το ανοίξετε σε ένα νέο παράθυρο, χρησιμοποιήστε το χαρακτηριστικό στόχο της ετικέτας αγκύρωσης: <a href="higher picture.jpg" target="_blank"> <img src = "/ images / small picture.jpg"> </a>
