HTML <img> src Attribute
ဥပမာ
ပုံတစ်ပုံကို အောက်ပါအတိုင်း မှတ်သားထားသည်။
<img src="img_girl.jpg" alt="Girl in a jacket" width="500" height="600">
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
လိုအပ်သော src
attribute သည် ပုံ၏ 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:
|
❮ HTML <img> တဂ်