Ένας κωδικοποιητής ιστοσελίδα χρησιμοποιεί Hypertext Markup Language να πει το πρόγραμμα περιήγησης στο Web το λειτουργικό σκοπό του κάθε στοιχείου σε μια σελίδα , όπως μια παράγραφο , η κλάση ή τη λίστα . Από την HTML 4 , επικαλυπτόμενα φύλλα στυλ έδωσαν τη κωδικοποιητή με έναν τρόπο για να πει το πρόγραμμα περιήγησης πώς καθένα από αυτά τα στοιχεία θα πρέπει να εξετάσουμε , χωριστά από τον ορισμό τι είναι . Μια σελίδα μπορεί να έχουν διαφορετικά στυλ CSS για διαφορετικούς τύπους συσκευών , όπως κινητά τηλέφωνα και υπολογιστές γραφείου , επιτρέποντας την εμφάνιση της σελίδας να αλλάξει χωρίς κωδικοποιητή να χρειάζεται να αλλάξετε την HTML . Χρησιμοποιήστε τις ιδιότητες CSS για να κεντράρετε την εικόνα . Οδηγίες
Η

1 Τοποθετήστε το " img " ετικέτα στο HTML αρχείο όπου θέλετε την εικόνα σας να εμφανίζονται στην ιστοσελίδα. Πρέπει να είναι μεταξύ των «σώμα» ετικέτες και μετά τις " h1 " ετικέτες . Για παράδειγμα , πώληση

Αυτό είναι το κείμενό σας .

ορίζει μια εικόνα που ονομάζεται photo.jpg ότι είναι 170 pixels πλάτος και 50 pixels ύψος . Είναι το πρώτο πράγμα στη σελίδα μετά την κορυφαία κλάση . 2

Χρησιμοποιήστε το " περιθώριο " CSS ιδιότητα να καθορίσει το χώρο γύρω από τη σελίδα στοιχεία , όπως φωτογραφίες . Το "auto" τιμή για το χαρακτηριστικό περιθώριο λέει το πρόγραμμα περιήγησης στο Web για να προσδιορίσει αυτόματα το μέγεθος του χώρου . Έτσι , ορίζει ότι ο χώρος γύρω από την εικόνα καθορίζεται από το πρόγραμμα περιήγησης .
εικόνων 3

Χρησιμοποιήστε την "οθόνη " περιουσία για να ορίσετε τον τρόπο εμφάνισης ενός στοιχείου σελίδας . Το «μπλοκ» τιμή για την ιδιότητα της οθόνης λέει το πρόγραμμα περιήγησης στο Web για να εμφανίσετε το στοιχείο στη δική της γραμμή , με χώρο πάνω και κάτω από αυτό . Έτσι , καθορίζει την ίδια εικόνα , αλλά και την προσθήκη του . " display: block ? " τοποθετεί τώρα στη δική της γραμμή
Η 4

Δείτε την ιστοσελίδα σε διάφορες μηχανές αναζήτησης για να βεβαιωθείτε ότι η εικόνα επικεντρώνεται σωστά .
Η
εικόνων