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 விதிகளைப் பயன்படுத்தி, நிலை மற்றும் மீண்டும் போன்ற பிற பண்புகளை நீங்கள் சரிசெய்யலாம்.
