HTML ನಲ್ಲಿ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳನ್ನು ಬದಲಾಯಿಸುವುದಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಮುಖ್ಯ ಸಮಸ್ಯೆಯೆಂದರೆ, ಎಲ್ಲಾ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಸಾಧನಗಳಲ್ಲಿ ಚಿತ್ರವು ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಕಷ್ಟವಾಗುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಚಿತ್ರವು ತುಂಬಾ ದೊಡ್ಡದಾಗಿದ್ದರೆ ಅಥವಾ ತುಂಬಾ ಚಿಕ್ಕದಾಗಿದ್ದರೆ, ಅದು ಪುಟ ಲೋಡಿಂಗ್ ವೇಗ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆಯೊಂದಿಗೆ ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು. ಅಂತಿಮವಾಗಿ, HTML ನಲ್ಲಿ ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ಹೊಂದಿಸಲು ವಿವಿಧ ಮಾರ್ಗಗಳಿವೆ (ಉದಾ, CSS ಅಥವಾ ಇನ್‌ಲೈನ್ ಶೈಲಿಯನ್ನು ಬಳಸುವುದು), ಆದ್ದರಿಂದ ನಿರ್ದಿಷ್ಟ ಸನ್ನಿವೇಶಕ್ಕೆ ಸರಿಯಾದ ವಿಧಾನವನ್ನು ಬಳಸಲಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳುವುದು ಟ್ರಿಕಿ ಆಗಿರಬಹುದು.
<body style="background-image:url('image.jpg');">
</body>
1. ಈ ಸಾಲಿನ ಕೋಡ್ HTML ದೇಹದ ಅಂಶವನ್ನು ರಚಿಸುತ್ತದೆ.
2. ಇದು ದೇಹದ ಅಂಶದ ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು "image.jpg" ನಲ್ಲಿರುವ ಚಿತ್ರಕ್ಕೆ ಹೊಂದಿಸುತ್ತದೆ.
ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳು
HTML ನಲ್ಲಿನ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳನ್ನು ವೆಬ್ ಪುಟಕ್ಕೆ ದೃಶ್ಯ ಆಸಕ್ತಿಯನ್ನು ಸೇರಿಸಲು ಬಳಸಬಹುದು. ಅವುಗಳನ್ನು ಅಲಂಕಾರಿಕ ಅಂಶವಾಗಿ ಬಳಸಬಹುದು, ಅಥವಾ ಮಾಹಿತಿಯನ್ನು ತಿಳಿಸಲು ಅವುಗಳನ್ನು ಬಳಸಬಹುದು. CSS ನಲ್ಲಿ ಹಿನ್ನೆಲೆ-ಚಿತ್ರದ ಆಸ್ತಿಯನ್ನು ಬಳಸಿಕೊಂಡು ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ. ಈ ಗುಣಲಕ್ಷಣವು JPEG ಅಥವಾ PNG ನಂತಹ ಇಮೇಜ್ ಫೈಲ್ ಅನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ, ಅದನ್ನು ಪುಟದಲ್ಲಿನ ಇತರ ಅಂಶಗಳ ಹಿಂದೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಹಿನ್ನೆಲೆ-ಚಿತ್ರದ ಆಸ್ತಿಯು ಹಿನ್ನೆಲೆ-ಪುನರಾವರ್ತನೆ ಮತ್ತು ಹಿನ್ನೆಲೆ-ಸ್ಥಾನದಂತಹ ಇತರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ, ಇದು ಪುಟದಲ್ಲಿ ಚಿತ್ರವನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ.
HTML ನಲ್ಲಿ ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ನಾನು ಹೇಗೆ ಬದಲಾಯಿಸುವುದು
HTML ನಲ್ಲಿ ಹಿನ್ನೆಲೆ ಚಿತ್ರವನ್ನು ಬದಲಾಯಿಸುವುದು ಸರಳ ಪ್ರಕ್ರಿಯೆಯಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು, ನೀವು CSS ನಲ್ಲಿ ಹಿನ್ನೆಲೆ-ಚಿತ್ರದ ಆಸ್ತಿಯನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ.
ಮೊದಲಿಗೆ, ನಿಮ್ಮ ಹಿನ್ನೆಲೆಯಾಗಿ ನೀವು ಬಳಸಲು ಬಯಸುವ ಚಿತ್ರವನ್ನು ನೀವು ವ್ಯಾಖ್ಯಾನಿಸಬೇಕಾಗಿದೆ. ಇಮೇಜ್ ಫೈಲ್‌ಗಾಗಿ ಸಂಪೂರ್ಣ ಅಥವಾ ಸಂಬಂಧಿತ URL ಅನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಇದನ್ನು ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ:
ಮುಂದೆ, ನಿಮ್ಮ HTML ಡಾಕ್ಯುಮೆಂಟ್‌ಗೆ ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಸೇರಿಸಿ:
ಇದು ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಚಿತ್ರವನ್ನು ನಿಮ್ಮ ಪುಟದ ಹಿನ್ನೆಲೆ ಚಿತ್ರವಾಗಿ ಹೊಂದಿಸುತ್ತದೆ. ನೀವು ಸ್ಥಾನದಂತಹ ಇತರ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಸರಿಹೊಂದಿಸಬಹುದು ಮತ್ತು ಅಗತ್ಯವಿದ್ದರೆ ಹೆಚ್ಚುವರಿ CSS ನಿಯಮಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಪುನರಾವರ್ತಿಸಬಹುದು.
