Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας Html

Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας Html
Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας Html

Πίνακας περιεχομένων:

Anonim

Τα άρθρα στο Διαδίκτυο φαίνονται στεγνά και ελλιπή εάν το κείμενο δεν αραιωθεί με πρόσθετα μέσα. Η απλούστερη και πιο προσιτή διακόσμηση μιας ανάρτησης blog ή ενός ιστότοπου είναι μια εικόνα-εικόνα. Μπορεί να δημοσιευτεί χρησιμοποιώντας ειδικές ετικέτες.

Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας html
Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας html

Είναι απαραίτητο

  • - πρόσβαση στο Διαδίκτυο ·
  • - εικόνα.

Οδηγίες

Βήμα 1

Πιστεύεται ότι είναι δυνατή η άμεση δημοσίευση εικόνων που είναι αποθηκευμένες σε υπολογιστή. Αυτό είναι ένα σφάλμα: εάν ο υπολογιστής σας δεν είναι διακομιστής 24/7, η εικόνα δεν θα εμφανίζεται στο μήνυμα.

Βήμα 2

Ανεβάστε την εικόνα σε ειδικό χώρο αποθήκευσης, όπως το Yandex.fotka ή το Ipicture.ru. Είναι σημαντικό το αρχείο να είναι ορατό και πάντα συνδεδεμένο στο διαδίκτυο. Ανοίξτε την εικόνα στη σελίδα του ιστότοπου προορισμού και αντιγράψτε τη διεύθυνση URL από την αντίστοιχη γραμμή.

Βήμα 3

Ξεκινήστε τη σύνταξη του μηνύματός σας σε λειτουργία HTML. Εισαγάγετε τις ακόλουθες ετικέτες:. Στη θέση της κάρτας, επικολλήστε την αντιγραμμένη διεύθυνση του αρχείου γραφικών.

Βήμα 4

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

Βήμα 5

Εάν έχετε ανεβάσει μια μεγάλη εικόνα και θέλετε να την εμφανίσετε σε κλίμακα, προσαρμόστε τις ετικέτες. Μετά το εισαγωγικό κλείσιμο, εισαγάγετε ένα πλάτος = ή ύψος = ετικέτα και μετά από αυτό το επιθυμητό μέγεθος σε pixel Για παράδειγμα:. Σε αυτήν την περίπτωση, θα λάβετε μια κάθετα προσανατολισμένη εικόνα με ύψος 800 pixel.

Βήμα 6

Κατά το στυλ με τις ακόλουθες ετικέτες, το μέγεθος δεν προσαρμόζεται, αλλά εμφανίζεται ένα πλαίσιο γύρω από την εικόνα:. Το χρώμα του πλαισίου είναι κόκκινο, το πάχος είναι 5 pixel. Αλλάξτε τις κατάλληλες επιλογές για να ταιριάζει με τα χρώματα και τα μεγέθη που θέλετε.

Συνιστάται: