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 <embed> Tag


ဥပမာ

ထည့်သွင်းထားသော ရုပ်ပုံ-

<embed type="image/jpg" src="pic_trulli.jpg" width="300" height="200">

ဥပမာ

ထည့်သွင်းထားသော HTML စာမျက်နှာ-

<embed type="text/html" src="snippet.html" width="500" height="200">

ဥပမာ

ထည့်သွင်းထားသော ဗီဒီယို-

<embed type="video/webm" src="video.mp4" width="400" height="300">

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

တဂ် သည် <embed>ဝဘ်စာမျက်နှာ၊ ရုပ်ပုံ၊ မီဒီယာပလေယာ သို့မဟုတ် ပလပ်အင်အပလီကေးရှင်းကဲ့သို့သော ပြင်ပအရင်းအမြစ်တစ်ခုအတွက် ကွန်တိန်နာတစ်ခုကို သတ်မှတ်သည်။

သတိပေးချက်

ဘရောက်ဆာအများစုသည် Java Applets နှင့် Plug-ins များကို မပံ့ပိုးတော့ပါ။

ActiveX ထိန်းချုပ်မှုများကို မည်သည့်ဘရောက်ဆာများတွင် ပံ့ပိုးမထားပါ။

Shockwave Flash အတွက် အထောက်အပံ့ကို ခေတ်မီဘရောက်ဆာများတွင်လည်း ပိတ်ထားသည်။

အကြံပြုချက်

ရုပ်ပုံတစ်ခုပြသရန် <img>tag ကိုအသုံးပြုခြင်းက ပိုကောင်းပါတယ်။

<iframe>HTML ကိုပြသရန်၊ tag ကိုအသုံးပြုခြင်းသည်ပိုကောင်းသည် ။

<video>ဗီဒီယို သို့မဟုတ် အသံပြသရန်၊ နှင့် <audio>tags များကို အသုံးပြုခြင်းက ပိုကောင်းပါတယ် ။



Browser ပံ့ပိုးမှု

Element
<embed> Yes Yes Yes Yes Yes

ဂုဏ်တော်

Attribute Value Description
height pixels Specifies the height of the embedded content
src URL Specifies the address of the external file to embed
type media_type Specifies the media type of the embedded content
width pixels Specifies the width of the embedded content

ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ

<embed>tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။


ဖြစ်ရပ်ဂုဏ်တော်များ

<embed>tag သည် HTML ရှိ Event Attributes ကိုလည်း ပံ့ပိုး ပေးပါသည်


ဆက်စပ်စာမျက်နှာများ

HTML DOM ရည်ညွှန်း- Embed Object


မူရင်း CSS ဆက်တင်များ

ဘရောက်ဆာအများစုသည် <embed>အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-

embed:focus {
  outline: none;
}