Πώς να φτιάξετε φόντο σε Html

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

Πώς να φτιάξετε φόντο σε Html
Πώς να φτιάξετε φόντο σε Html

Βίντεο: Πώς να φτιάξετε φόντο σε Html

Βίντεο: Πώς να φτιάξετε φόντο σε Html
Βίντεο: HTML: αλλαγή φόντου, στοίχισης & διαστάσεων εικόνας 2024, Ενδέχεται
Anonim

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

Πώς να φτιάξετε φόντο σε html
Πώς να φτιάξετε φόντο σε html

Οδηγίες

Βήμα 1

Ο ευκολότερος τρόπος για να δημιουργήσετε ένα φόντο σε ένα έγγραφο html είναι να αντιστοιχίσετε την τιμή του χαρακτηριστικού στην ετικέτα σώματος. Μια δεδομένη τιμή για το χαρακτηριστικό φόντου θα καθορίσει την εικόνα φόντου στη σελίδα. Εάν ορίσετε την τιμή του χαρακτηριστικού bgcolor, τότε η σελίδα θα έχει χρώμα φόντου. Το χρώμα στο χαρακτηριστικό bgcolor της ετικέτας σώματος μπορεί να καθοριστεί είτε σε δεκαεξαδικό είτε μόνο σε μία λέξη.

Βήμα 2

Μπορείτε να επιτύχετε το ίδιο αποτέλεσμα χρησιμοποιώντας διαδοχικά φύλλα στυλ CSS. Μια τιμή για το χαρακτηριστικό background-color θα καθορίσει το χρώμα φόντου στη σελίδα, ενώ μια τιμή για το χαρακτηριστικό background-image θα καθορίσει τη διαδρομή προς την εικόνα φόντου της σελίδας. Αυτές οι οδηγίες μπορούν να γραφτούν στον επιλογέα σώματος. Μπορείτε να το κάνετε διαφορετικά: αντιστοιχίστε μια κλάση ή ένα αναγνωριστικό στην ετικέτα σώματος στην ετικέτα html και αντιστοιχίστε τα παραπάνω χαρακτηριστικά στην κλάση ή το αναγνωριστικό σε css, αντίστοιχα. Θα πρέπει να ληφθεί υπόψη μόνο ότι εάν τα χαρακτηριστικά έχουν εκχωρηθεί σε μια κλάση, τότε όλα τα αντικείμενα με την καθορισμένη κλάση θα έχουν χρώμα φόντου στο έγγραφο html.

Βήμα 3

Οι παραπάνω οδηγίες μπορούν να γραφτούν στο σώμα του ίδιου του εγγράφου html. Για να το κάνετε αυτό, ανοίξτε την ετικέτα στυλ στην ενότητα υπηρεσίας μεταξύ των ετικετών κεφαλής (άνοιγμα και κλείσιμο). Τυχόν δηλώσεις CSS μπορούν να γραφτούν μεταξύ του ανοίγματος και του κλεισίματος μιας δεδομένης ετικέτας. Πρέπει να ληφθεί υπόψη μόνο ότι σε αυτήν την περίπτωση, το βάρος της σελίδας θα αυξηθεί, κάτι που μπορεί να επηρεάσει αρνητικά το χρόνο που απαιτείται για τη φόρτωσή του για τον τελικό χρήστη. Θα πρέπει επίσης να σημειωθεί ότι στην περίπτωση καθορισμού μιας εικόνας φόντου, μπορεί να επαναληφθεί οριζόντια, κάθετα ή κατά μήκος δύο αξόνων ταυτόχρονα. Το χαρακτηριστικό background-repeat στο CSS είναι υπεύθυνο για αυτό. Η εικόνα φόντου μπορεί να αγκυρωθεί άσχετα ανεξάρτητα από την παρουσία μιας γραμμής κύλισης στο έγγραφο. Για να επιτύχετε αυτό το αποτέλεσμα, πρέπει να καθορίσετε το συνημμένο φόντο: σταθερό.

Βήμα 4

Το φόντο ενός εγγράφου html μπορεί να γίνει χρησιμοποιώντας γλώσσες προγραμματισμού. Μπορείτε να γράψετε οδηγίες html χρησιμοποιώντας JavaScript. Η κατασκευή γλώσσας document.write είναι κατάλληλη για αυτό. Εάν το ίδιο πράγμα εκφράζεται μέσω του DOM, η δήλωση document.body.style.backgroundColor = "red" θα κάνει το φόντο της σελίδας κόκκινο. Αυτό είναι το ίδιο με τη σύνταξη του κατάλληλου χαρακτηριστικού απευθείας στο CSS.

Βήμα 5

Οι προηγούμενες οδηγίες μπορούν να γραφτούν απευθείας στον κώδικα μιας ιστοσελίδας δημιουργώντας ένα ζεύγος ετικετών σεναρίου μεταξύ των ετικετών κεφαλής ανοίγματος και κλεισίματος. Ωστόσο, όλες αυτές οι οδηγίες μπορούν να γραφτούν σε ξεχωριστό αρχείο με την επέκταση js, το οποίο, στη συνέχεια, μπορεί να συνδεθεί στη σελίδα.

Συνιστάται: