HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <img> src Attribute

❮ HTML <img> တဂ်

ဥပမာ

ပုံတစ်ပုံကို အောက်ပါအတိုင်း မှတ်သားထားသည်။

<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

လိုအပ်သော srcattribute သည် ပုံ၏ URL ကို သတ်မှတ်သည်။

src ရည်ညွှန်းချက် တွင် URL ကို သတ်မှတ်ရန် နည်းလမ်းနှစ်ခုရှိသည် ။

1. Absolute URL - အခြားဝဘ်ဆိုက်တွင် လက်ခံကျင်းပသည့် ပြင်ပရုပ်ပုံထံသို့ လင့်ခ်များ ဥပမာ- src="https://www.w3schools.com/images/img_girl.jpg"။

မှတ်ချက်- ပြင်ပပုံများသည် မူပိုင်ခွင့်အောက်တွင် ရှိနေနိုင်သည်။ ၎င်းကိုအသုံးပြုရန် သင်ခွင့်ပြုချက်မရပါက၊ သင်သည် မူပိုင်ခွင့်ဥပဒေများကို ချိုးဖောက်ခြင်းဖြစ်နိုင်သည်။ ထို့အပြင်၊ သင်သည် ပြင်ပပုံများကို ထိန်းချုပ်၍မရပါ။ ရုတ်တရက် ဖယ်ရှားခြင်း သို့မဟုတ် ပြောင်းလဲနိုင်သည်။

2. Relative URL - ဝဘ်ဆိုက်အတွင်း လက်ခံကျင်းပသည့် ပုံသို့ လင့်ခ်များ။ ဤတွင်၊ URL တွင် ဒိုမိန်းအမည် မပါဝင်ပါ။ URL သည် မျဥ်းစောင်းမပါဘဲ စတင်ပါက၊ ၎င်းသည် လက်ရှိစာမျက်နှာနှင့် ဆက်စပ်နေမည်ဖြစ်သည်။ ဥပမာ- src="img_girl.jpg"။ URL သည် မျဥ်းစောင်းဖြင့် အစပြုပါက၊ ၎င်းသည် ဒိုမိန်းနှင့် ဆက်စပ်နေလိမ့်မည်။ ဥပမာ- src="/images/img_girl.jpg"။

အကြံပြုချက်- ဆွေမျိုး URL များကို အသုံးပြုခြင်းသည် အမြဲတမ်းနီးပါး အကောင်းဆုံးဖြစ်သည်။ ဒိုမိန်းပြောင်းလျှင် ၎င်းတို့ ပျက်မည်မဟုတ်ပါ။

မှတ်ချက်-alt ရုပ်ပုံ ကို ဘရောက်ဆာက ရှာမတွေ့ပါက  ကျိုးနေသော လင့်ခ်အိုင်ကွန်နှင့် စာသားကို ပြထားသည်။


Browser ပံ့ပိုးမှု

Attribute
src Yes Yes Yes Yes Yes

အထားအသို

<img src="URL">

ရည်ညွှန်းတန်ဖိုးများ

Value Description
URL The URL of the image.

Possible values:

  • An absolute URL - points to another web site (like src="http://www.example.com/image.gif")
  • A relative URL - points to a file within a web site (like src="image.gif")

❮ HTML <img> တဂ်