၎င်း၏ပုံရိပ်နှင့်အတူရှိနေမည်ဆိုလိုသည်မှာတစ်ဦးက Web စာတန်းထိုး Add

9 လွယ်ကူခြေလှမ်းများအတွက် Web ကို Images ကိုမှ HTML ကိုစာတန်းထိုး Add

ပုံရိပ်တွေကသင့်ကွန်ရက်စာမျက်နှာတွေမှဘဝပေါင်းထည့်ခြင်းနှင့်ကြည့်ရှု၏အာရုံကိုဆွဲပါ။ စာတန်းထိုးသင်၏ဝဘ်ပုံရိပ်တွေအကြောင်းကိုအပိုသတင်းအချက်အလက်များကိုပေးစွမ်းသော်လည်း, သူတို့သည်ခေတ်မီ HTML နဲ့ CSS ကိုကျွမ်းကျင်မှုမရှိဘဲကွန်ရက်စာမျက်နှာတွေမှထည့်သွင်းဖို့ခက်ခဲနိုင်ပါတယ်။ ဒီနေရာတွင်ဝက်ဘ်စာမျက်နှာပေါ်ရွှေ့နေရာတိုင်းမှာပုံရိပ်ကိုနှင့်အတူရှိနေမည်သောပုံတစ်ပုံမှတစ်ဦးရိုးရှင်းသော, သေးဆွဲဆောင်မှု, စာတန်းထည့်ခြင်းများအတွက်ယုံကြည်စိတ်ချရသောနည်းလမ်းပါပဲ။

တစ်ခုက HTML Image ကိုစာတန်းထိုး 9 ခြေလှမ်းများ

ပုံတစ်ပုံကိုတစ်စာတန်း Add နှငျ့သငျလိုခငျြနေရာတိုင်းမှာအတူတူသူတို့ကိုရွှေ့:

1. ပုံတစ်ပုံကို Add သင့်ရဲ့ဝက်ဘ်စာမျက်နှာရန်။
2. သင့်ရဲ့ဝက်ဘ်စာမျက်နှာများအတွက် HTML မှာ image ကိုလှည့်ပတ်နေတဲ့ div tag ကိုနေရာ:
3. style = ""> : အ div tag ကိုတစ်ဦးစတိုင် attribute ကို Add
4. ယင်းနှင့်တကွ, ပုံရိပ်ကဲ့သို့တူညီသောအကျယ်ဖို့ div ရဲ့ width Set width ကိုစတိုင်အိမ်ခြံမြေ :
   "width: image ကိုအကျယ် px;">
5. ပတျဝနျးကငျြကစာသားထက်အနည်းငယ်သေးငယ်ဖြစ်ကြောင်းစာတန်းများကိုအဘို့, တစ်ဦးကိုထည့်သွင်း font-size ကိုပိုင်ဆိုင်မှု အတွက် div style မှ:
   font-size: 80%;">
6. စာတန်းထိုးသူတို့က image ကိုအောကျတှငျဗဟိုပြုလျှင်အကောင်းဆုံးကြည့်ရှု, ဒါကြောင့်တစ်ဦး add ပိုင်ဆိုင်မှု text-align စတိုင် attribute ကိုမှ:
   text-align: စင်တာ;"> < img src = "URL ကို" alt = "alternate စာသားကို" width ကို = "width ကို" အမြင့် = "အမြင့်" />
7. နောက်ဆုံးအနေနဲ့တစ်ဦးနှင့်အတူပုံရိပ်တစ်ခုစတိုင် attribute ကိုထည့်သွင်းအသုံးပြုပုံပုံရိပ်ကိုနှင့်စာတန်းအကြားအနည်းငယ်အပိုအာကာသ add padding ကို-အောက်ခြေစတိုင် အိမ်ခြံမြေ:
   "style =" padding ကို-အောက်ခြေ: 0.5em; " />

1. ထိုအခါတိုက်ရိုက် image ကိုအောက်ကစာသားကိုစာတန်း add = "width ကို" အမြင့် = "အမြင့်" style = "padding ကို-အောက်ခြေ: 0.5em;" /> ဒီ ကိုငါ့စာတန်းဖြစ်ပါတယ်

သင့်ရဲ့ server ကိုရန်ဝက်ဘ်စာမျက်နှာ Upload လုပ်ပါနှင့်တစ်ဦးကို browser အတွက်စမ်းသပ်။

စာတန်းထိုးသိကောင်းစရာများ

• width: သင်အများအားဖြင့်တိုင်းတာခြင်းအမျိုးအစားပါဝင်ရမည်သို့မှသာ CSS ကိုရှုထောင့်, များစွာသောကွဲပြားခြားနားသောတိုင်းတာအတွက်ဖြစ်နိုင်ပါတယ်။ ဥပမာ: width ကို: 100 px; သို့သော် HTML ကိုပုံရိပ်ကိုအတိုင်းအတာ pixels ကိုအမြဲတမ်းရှိပါတယ်, ဒါကြောင့်သင်တိုင်းတာခြင်းပယ်စွန့်ခွာ။ အကျယ် = "100 ကို"
• သင် image ကိုအကျယ်ထက်ပိုမိုကျယ်ပြန်အဆိုပါ div ရဲ့ width စေလျှင်, စာတန်း image ကိုဘေးမှာပေါ်လာလိမ့်မည်။ ဤသူသည်သင်တို့လိုချင်ကားအဘယ်သို့လျှင်, တိုက်ရိုက်စာတန်းမတိုင်မီနှင့်ပုံရိပ်ကို tag ကိုအပြီး
  tag ကိုထည့်ပါ။