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

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

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

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

Βίντεο: Πώς να ενσωματώσετε μια εικόνα σε έναν ιστότοπο χρησιμοποιώντας Html
Βίντεο: Πώς μπορώ να φτιάξω μία ιστοσελίδα σε HTML; 2024, Νοέμβριος
Anonim

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

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

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

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

Οδηγίες

Βήμα 1

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

Βήμα 2

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

Βήμα 3

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

Βήμα 4

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

Βήμα 5

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

Βήμα 6

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

Συνιστάται: