ரிமோட் மூலங்களிலிருந்து படங்களைச் சேர்ப்பதில் HTML தொடர்பான முக்கிய பிரச்சனை என்னவென்றால், அது மெதுவாகப் பக்கத்தை ஏற்றும் நேரங்களுக்கு வழிவகுக்கும். ஏனென்றால், உலாவி ஒவ்வொரு படத்திற்கும் தனித்தனியான கோரிக்கையை வைக்க வேண்டும், பக்கத்தில் பல படங்கள் இருந்தால் விரைவாகச் சேர்க்கலாம். கூடுதலாக, ரிமோட் சோர்ஸ் செயலிழந்தால் அல்லது மெதுவான இணைப்பு இருந்தால், இது பக்கத்தை ஏற்றும் நேரத்தை மேலும் தாமதப்படுத்தலாம். இறுதியாக, வெளிப்புற மூலத்திலிருந்து படங்கள் இழுக்கப்படுவதால் பாதுகாப்பு பாதிப்புகள் அதிகரிக்கும் அபாயமும் உள்ளது.
<img src="https://example.com/image.jpg" alt="Example Image">
1. இந்தக் குறியீடு வரிசையானது ஒரு HTML படக் குறிச்சொல் ஆகும், இது ஒரு வலைப்பக்கத்தில் ஒரு படத்தைக் காட்டப் பயன்படுகிறது.
2. "src" பண்புக்கூறு காட்டப்பட வேண்டிய படத்தின் URL ஐக் குறிப்பிடுகிறது, இந்த விஷயத்தில் அது "https://example.com/image.jpg" ஆகும்.
3. "alt" பண்புக்கூறு படத்திற்கான மாற்று உரையை வழங்குகிறது, இந்த விஷயத்தில் இது "எடுத்துக்காட்டு படம்" ஆகும்.
img src பண்புக்கூறு
HTML இல் உள்ள img src பண்புக்கூறு ஒரு படத்தின் மூலத்தைக் குறிப்பிடப் பயன்படுகிறது. இது உள்ளே பயன்படுத்தப்படுகிறது ஒரு படத்தின் மூலத்தை வரையறுக்க குறிச்சொல். இந்தப் பண்புக்கூறின் மதிப்பு, படக் கோப்பைச் சுட்டிக்காட்டும் சரியான URL ஆக இருக்க வேண்டும். வலைப்பக்கத்தில் உள்ள அனைத்து படங்களுக்கும் இந்தப் பண்புக்கூறு தேவைப்படுகிறது, மேலும் இது படத்தைக் கண்டுபிடித்து காண்பிக்க உலாவியை அனுமதிக்கிறது.
HTML இல் வெளிப்புற படத்தை எவ்வாறு சேர்ப்பது
HTML இல் வெளிப்புற படத்தைச் சேர்ப்பது மிகவும் எளிது. நீங்கள் செய்ய வேண்டியது எல்லாம் src பண்புக்கூறைப் பயன்படுத்தி படத்தின் மூலத்தைக் குறியிடவும் மற்றும் குறிப்பிடவும். HTML இல் வெளிப்புறப் படத்தைச் சேர்ப்பதற்கான தொடரியல் இதுபோல் தெரிகிறது:
"image_url" என்பது படக் கோப்பிற்கான இணைப்பு மற்றும் "மாற்று உரை" என்பது படத்தில் உள்ளவற்றின் விளக்கமாகும் (அணுகல் நோக்கங்களுக்காக).
எடுத்துக்காட்டாக, my-image.jpg எனப்படும் உங்கள் இணையதளத்திலிருந்து வெளிப்புறப் படத்தைச் சேர்க்க விரும்பினால், உங்கள் குறியீடு இப்படி இருக்கும்:
