Πώς να αλλάξετε το φόντο σε HTML

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

Πώς να αλλάξετε το φόντο σε HTML
Πώς να αλλάξετε το φόντο σε HTML

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

Βίντεο: Πώς να αλλάξετε το φόντο σε HTML
Βίντεο: Πως να αλλαξετε φοντο στο google chrome 2024, Απρίλιος
Anonim

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

Πώς να αλλάξετε το φόντο σε HTML
Πώς να αλλάξετε το φόντο σε HTML

Παράμετρος φόντου

Ανοίξτε το αρχείο της σελίδας HTML για επεξεργασία στο πρόγραμμα επεξεργασίας που χρησιμοποιείτε. Για να το κάνετε αυτό, μπορείτε να κάνετε δεξί κλικ στο έγγραφο και να επιλέξετε την ενότητα "Άνοιγμα με".

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

Σε αυτήν την περίπτωση, η διαδρομή προς την εικόνα μπορεί να είναι μια διεύθυνση URL (ξεκινώντας με https://). Η τοποθεσία μπορεί να καθοριστεί από τον ριζικό κατάλογο (/root/folder/background.jpg) ή σε σχέση με τη θέση του εγγράφου HTML που επεξεργάζεται (για παράδειγμα, φάκελος / background.jpg).

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

Παράμετρος Bgcolor

Για να ορίσετε το χρώμα φόντου χωρίς εικόνα, μπορείτε να χρησιμοποιήσετε την οδηγία bgcolor. Ως τιμή για αυτό το χαρακτηριστικό, μπορείτε να καθορίσετε το όνομα χρώματος στα Αγγλικά ή να χρησιμοποιήσετε την τιμή χρώματος στην παλέτα HTML. Για παράδειγμα:

Αυτός ο κωδικός δίνει στη σελίδα μπλε φόντο. Εάν θέλετε να ορίσετε μια απόχρωση χρώματος ή ένα πιο ακριβές χρώμα, χρησιμοποιήστε τις τιμές της παλέτας HTML:

Σε αυτήν την περίπτωση, το # 002902 είναι το χρώμα που πρέπει να δοθεί στη σελίδα.

Χαρακτηριστικά CSS

Μπορείτε επίσης να ορίσετε το φόντο χρησιμοποιώντας το CSS στις παραμέτρους:

Με το CSS, μπορείτε επίσης να καθορίσετε την εικόνα φόντου για τη σελίδα μέσω της εικόνας φόντου:

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

Συνιστάται: