Οποιοσδήποτε ιστότοπος είναι βαρετός χωρίς γραφικά. Οι εικόνες βοηθούν να κάνετε τη σελίδα σας πιο όμορφη και ενημερωτική και πολλές από τις πληροφορίες είναι πιο εύκολο να μεταφερθούν στον αναγνώστη με τη βοήθεια οπτικών σχεδίων. Είναι πολύ εύκολο να εισαγάγετε μια εικόνα σε έναν ιστότοπο.
Οδηγίες
Βήμα 1
Αρχικά, επιλέξτε την εικόνα που θέλετε να εισαγάγετε στη σελίδα. Βεβαιωθείτε ότι δεν προστατεύεται από πνευματικά δικαιώματα και δεν θα έχετε προβλήματα κατά τη χρήση του στον ιστότοπό σας. Σε καμία περίπτωση δεν πρέπει να καταργήσετε τα πνευματικά δικαιώματα του συγγραφέα. Καλύτερα να επικοινωνήσετε μαζί του και να ζητήσετε άδεια για τη χρήση της εικόνας.
Βήμα 2
Ανεβάστε την εικόνα στον διακομιστή που φιλοξενεί τον ιστότοπό σας ή σε οποιαδήποτε τράπεζα φωτογραφιών (για παράδειγμα, radikal.ru). Αντιγράψτε τη διεύθυνση της εικόνας και αποθηκεύστε την σε ένα έγγραφο κειμένου.
Βήμα 3
Η κύρια ετικέτα με την οποία εμφανίζονται εικόνες στον ιστότοπο είναι όπου, αντί για αστερίσκους, πρέπει να εισαγάγετε τη διεύθυνση URL της εικόνας. Εάν γράψετε την ετικέτα με αυτόν τον τρόπο, η εικόνα στον ιστότοπό σας θα εμφανίζεται στο αρχικό της μέγεθος και με ένα μωβ περίγραμμα γύρω της.
Βήμα 4
Εάν θέλετε να καταργήσετε το περίγραμμα, τότε η ετικέτα θα πρέπει να έχει την εξής μορφή:. Αν, από την άλλη πλευρά, θέλετε να έχετε περίγραμμα γύρω από την εικόνα, καθορίστε το επιθυμητό μέγεθος σε pixel αντί για μηδέν. Και με τη βοήθεια του χαρακτηριστικού bordercolor, μπορείτε να ορίσετε το επιθυμητό χρώμα περιγράμματος. Για παράδειγμα, μια ετικέτα με εικόνα θα έχει μαύρο περίγραμμα τεσσάρων pixel.
Βήμα 5
Με τη βοήθεια του καθορισμένου χαρακτηριστικού, μπορείτε να αλλάξετε το μέγεθος της εικόνας. Για να το κάνετε αυτό, τοποθετήστε στην ετικέτα τις τιμές των παραμέτρων πλάτους και ύψους, οι οποίες υποδεικνύουν το πλάτος και το ύψος της εικόνας, αντίστοιχα. Οι τιμές που χρειάζεστε πρέπει να είναι σε εικονοστοιχεία και να περικλείονται σε εισαγωγικά.
Βήμα 6
Προκειμένου η εικόνα να ταιριάζει καλά στη δομή του ιστότοπου, πρέπει να τοποθετηθεί σωστά. Το χαρακτηριστικό align στην ετικέτα θα σας βοηθήσει με αυτό. Μπορεί να πάρει διαφορετικές τιμές: αριστερά, δεξιά και κέντρο. Η πρώτη επιλογή σημαίνει ότι η εικόνα θα τοποθετηθεί στα αριστερά της σελίδας, η δεύτερη - στα δεξιά, ενώ η τρίτη θα σας επιτρέψει να τοποθετήσετε την εικόνα στο κέντρο της σελίδας. Αυτές οι τιμές πρέπει επίσης να περικλείονται σε εισαγωγικά.
Βήμα 7
Αφού γράψετε πλήρως την ετικέτα εικόνας, επικολλήστε τη στη δομή του ιστότοπού σας και αποθηκεύστε τις αλλαγές. Εάν κάνατε τα πάντα σωστά, η εικόνα θα εμφανιστεί στη σελίδα σας.
