- မူရင္းစာမ်က္ႏွာ »
- Other Webdeveloper Lesson »
- html_11
ေရးသားသူ : Christ Leo
Thursday, September 15, 2016
Iframe
ဒီသင္ခန္းစာမွာေတာ့ Iframe နဲ႔ မိတ္ဆက္ေပးပါမယ္၊ Iframe က သင့္၀က္ဆိုက္မွာ တစ္ျခား ၀က္ဆိုက္တစ္ခုကိုေဖာ္ထည့္သြင္း ေဖာ္ျပရာမွာသံုးတယ္၊
လြယ္တာေတာ့ လြယ္ပါတယ္၊ အသံုးမ်ားတာကေတာ့ ခုေနာက္ပိုင္းမွာ ကုတ္ေတြကသင္ျပတဲ့ သခန္း စာေတြမွာ Iframe ကိုသံုးၾကတယ္၊ ေရွ႕
သင္ခန္းစာမွာေရးခဲ့တဲ့ htmllayout ဆိုတဲ့ စာမ်က္ႏွာကို firstwebpage ဆိုတဲ့စာမ်က္ႏွာထဲမွာ ေဖာ္ျပၾကည့္မယ္၊
Iframe ရဲ့တည္ေဆာက္ပံုက <iframe src = “”></iframe> အဖြင့္ <iframe> နဲ႔ အပိတ္ </iframe> တို႔ကိုပဲ သံုးရတာပါ၊ သူတို႔ကိုသံုးတဲ့အခါ Attribute
ပါမွာကိုသံုးလို႔ရမယ္၊ ဒီ့အတြက္ Attribute ျဖစတဲ့ scr = “” ကိုသံုးတယ္၊ ႏွစ္ထပ္ေကာ္မာ အဖြင့္အပိတ္ထဲမွာ သင္ေဖာ္ျပလိုတဲ့ ၀က္ဆိုက္နာမည္ကို
ေဖာ္ျပႏိုင္ႏိုင္တယ္၊ ေအာက္မွာ ေတာ့ htmllayout.html ဆိုတဲ့ ၀က္စာမ်က္ႏွာကို firstwebpage.html ဆိုတဲ့စာမ်က္ႏွာမွာေဖၚျပမယ္၊ ဒီေတာ့ <iframe
အဖြင့္မွာ src = “” ထည့္မယ္၊ ႏွစ္ထပ္ ေကာင္မာ အဖြင့္အပိတ္ထဲမွာမွ ေဖာ္ျပလိုတဲ့ ၀က္ဆိုက္ရဲ့ URL ကိုထည့္မယ္၊ ေအာက္မွာၾကည့္ပါ၊
<html>
<head>
<title>Firstwebpage</title>
</head>
<body>
what is this website name <br/>
hey buddy have a look at this site , it is my WOW website. i am sure you will go crazy for it.
<iframe src= "htmllayout.html"> </iframe>
</body>
</html>
အထက္က ကုတ္ကို Run ၾကည့္လိုက္ရင္ေတာ့ Iframe ထဲမွာ “htmllayout.html” ဆိုတဲ့စာမ်က္ႏွာကိုေတြ႔ရမွာပါ၊
Iframe ရဲ့ အျမင့္ နဲ႔ အက်ယ္ကို လဲ Attributes ေတြသံုးျပီး ျပဳျပင္ႏိုင္တယ္၊ အခု height ကို 200 လို႔ထားျပီး width ကို 500 လို႔ထားလိုက္မယ္ ေအာက္က
အတိုင္း
<iframe src= "htmllayout.html" width= "500" height= "200"> </iframe>
အထက္မွာျပထားတဲ့ကုတ္ကို အေပၚဆံုးက ကုတ္ထဲရဲ့ iframe ေနရာမွာထည့္ျပီးေျပာင္းလိုက္၊ ဒါဆိုရင္ ေတာ့ အျမင့္ နဲ႔ အက်ယ္ေျပာင္းသြားတဲ့ iframe
ပံုစံကိုေတြ႔ရမယ္၊ ဒီလိုပဲ iframe ရဲ့ border ေတြကိုလဲေဖ်ာက္ထားႏိုင္တယ္၊ ၾကိဳက္တဲ့ အရြယ္အစားခ်ိန္ႏုိင္တယ္၊ သံုးရမယ့္ Attribute က iframeborder =
“” လုိ႔သံုးရမယ္၊ ေဘာ္ဒါေတြကိေဖ်ာက္ထားခ်င္ရင္ ႏွစ္ထပ္ ေကာ္မာထဲမွာ 0 သံုးညလို႔ထည့္လိုက္၊
(အရြယ္အစားေျပာင္းခ်င္ရင္ ေျပာင္းခ်င္တဲ့အရြယ္အစားကို ေရးထည့္လိုက္) ေအာက္မွာၾကည့္၊
<iframe src= "htmllayout.html" width= "500" height= "200" iframeborder= “0”> </iframe>
အထက္က အတိုင္းဆိုရင္ Iframe ရဲ့ border ေပ်ာက္ကသြားမွာပါ၊
<iframe ကို Traget Link အေနနဲ႔ လဲသံုးလို႔ရပါတယ္၊ ေအာက္က ဥပမာ ကို ေရးျပီးေလ့လာၾကည့္ပါ၊
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.73coder.com" target="iframe_a">72coder.com</a></p>
ယခုဘေလာ့သည္မိတ္ေဆြမ်ားထံမွျပန္လည္မွ်ေ၀ထားပါသည္
ကၽြန္ေတာ္ပိုင္ေနရာေလးမ်ား
ေရာင္ျပန္ေလးစာေပသို႔ဒီမွာသြားပါ
18+တို႔ဆံုဆည္းရာသို႔ဒီမွာသြားပါ
****အဆင္မေျပမႈ႔တစ္စံုတစ္ရာရွိပါက****
Facebook Account ျဖစ္တဲ႔
ေအာက္ပါပံုေလးကိုႏွိပ္ျပီးေ၀ဖန္အၾကံေပးႏိုင္ပါတယ္