Html_11


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.yaungpyanlay.com/" target="iframe_a">ေရာင္ျပန္ေလး(နည္းပညာ)</a></p>


ပါ၀င္ေရးသားၾကသူမ်ာ.....

ေရာင္ျပန္ေလး(ေရာင္ျပန္ေလးနည္းပညာ)


No comments

Powered by Blogger.