உள்ளடக்கம்

• படிகள்
• குறிப்புகள்

HTML இல் ஒரு படத்தின் உயரம் மற்றும் அகலத்தை எப்படி அமைப்பது என்பதை இந்த கட்டுரை காண்பிக்கும்.

• "அகலம்" பண்பு படத்தின் அகலத்தை அமைக்கிறது (பிக்சல்களில்).
• "உயரம்" பண்பு படத்தின் உயரத்தை அமைக்கிறது (பிக்சல்களில்).
• HTML4.01 இல், உயரத்தை பிக்சல்கள் அல்லது சதவீதமாக அமைக்கலாம், ஆனால் HTML5 இல், பிக்சல்களில் மட்டுமே.

படிகள்

1. 1 HTML கோப்பைத் திறக்கவும். எடுத்துக்காட்டாக, இயல்புநிலை கோப்பைத் திறக்கவும். Html.
2. 2 உங்கள் HTML குறியீட்டில் பின்வரும் வரியைச் சேர்க்கவும்.
   • img src = "imagefile.webp" alt = "image" உயரம் = "42" அகலம் = "42">
   • src கிராஃபிக் கோப்பிற்கான பாதையைக் கொண்டுள்ளது (படம்).
   • ஆல்ட்டில், படத்தின் அளவு அமைக்கப்பட்டுள்ளது.
3. 3 உயரம் மற்றும் அகலம் பண்புகளின் மதிப்புகளை உங்கள் விருப்பமான மதிப்புகளுடன் மாற்றவும். உதாரணமாக, இது போல்: உயரம் = "19" அகலம் = "20"
4. 4 கோப்பைச் சேமித்து எந்த இணைய உலாவியிலும் திறக்கவும். படத்தை எப்படி மறுஅளவிடுகிறார்கள் என்பதைச் சரிபார்க்க இதைச் செய்யுங்கள். "அகலம்" பண்பு அனைத்து முக்கிய உலாவிகளாலும் ஆதரிக்கப்படுகிறது (Google Chrome, Safari, Mozilla Firefox, Opera, Internet Explorer).

குறிப்புகள்

• படத்தின் உயரம் மற்றும் அகலத்தை எப்போதும் அமைக்கவும். எனவே பக்கம் ஏற்றப்படும்போது, ​​படத்திற்கு இடம் ஒதுக்கப்பட்டுள்ளது. இல்லையெனில், உலாவிக்கு படத்தின் அளவு தெரியாது மற்றும் இடத்தை ஒதுக்காது, இதனால் பக்கம் ஏற்றும்போது பக்க தளவமைப்பு மாறும்.
• "உயரம்" மற்றும் "அகலம்" பண்புகளைப் பயன்படுத்தி பெரிய படத்தின் அளவு குறைக்கப்பட்டால், பயனர் பெரிய படத்தை ஏற்றுவார் (பக்கத்தில் சிறியதாக தோன்றினாலும்). எனவே, நீங்கள் முதலில் ஒரு கிராபிக்ஸ் எடிட்டரில் படத்தை மறுஅளவிடுவதற்கு பரிந்துரைக்கிறோம்.