HTML உடன் படத்தின் நீளம் மற்றும் அகலத்தை அமைக்கவும்

நூலாசிரியர்: Roger Morrison
உருவாக்கிய தேதி: 18 செப்டம்பர் 2021
புதுப்பிப்பு தேதி: 1 ஜூலை 2024
Anonim
HTML இல் படத்தின் உயரம் மற்றும் அகலம் பண்புக்கூறுகள் | HTML5 பயிற்சி
காணொளி: HTML இல் படத்தின் உயரம் மற்றும் அகலம் பண்புக்கூறுகள் | HTML5 பயிற்சி

உள்ளடக்கம்

இந்த விக்கிஹோ HTML (ஹைபர்டெக்ஸ்ட் மார்க்அப் லாங்வேஜ்) ஐப் பயன்படுத்தி ஒரு படத்தின் உயரத்தையும் அகலத்தையும் எவ்வாறு அமைப்பது என்பதை விளக்குகிறது.

  • "அகலம்" என்பது படத்தின் அகலத்தை பிக்சல்களில் குறிக்கிறது.
  • "உயரம்" ஒரு படத்தின் உயரத்தை பிக்சல்களில் குறிக்கிறது.
  • HTML 4.01 இல், உயரத்தை பிக்சல்கள் அல்லது சதவீதங்களில் வரையறுக்கலாம். HTML5 இல், மதிப்பு பிக்சல்களில் இருக்க வேண்டும்.

அடியெடுத்து வைக்க

  1. நீங்கள் படத்தைக் காட்ட விரும்பும் கோப்பைத் திருத்தவும். எடுத்துக்காட்டாக: default.html
  2. உங்கள் வரியில் இந்த வரியைச் சேர்க்கவும்
    • img src = "imagefile.webp" alt = "படம்" உயரம் = "42" அகலம் = "42">
    • src என்பது உங்கள் படத்திற்கான கோப்பு பாதை.
    • alt என்பது உங்கள் படத்தை நீங்கள் கொடுக்கும் லேபிள்.
  3. நீங்கள் விரும்பும் "உயரம்" மற்றும் "அகலம்" ஆகியவற்றை மாற்றவும், எடுத்துக்காட்டாக உயரம் = "19" அகலம் = "20"
  4. விளைவைக் காண கோப்பை சேமித்து எந்த உலாவியுடனும் கோப்பைத் திறக்கவும். கூகிள் குரோம், சஃபாரி, மொஸில்லா பயர்பாக்ஸ், ஓபரா, இன்டர்நெட் எக்ஸ்ப்ளோரர் போன்ற அனைத்து முக்கிய உலாவிகளிலும் "அகலம்" பண்பு ஆதரிக்கப்படுகிறது.

உதவிக்குறிப்புகள்

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