HTML အခြေခံ အရာ

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

实例

垂直框架
本例演示:如何使用三份不同的文档制作一个垂直框架。
水平框架
本例演示:如何使用三份不同的文档制作一个水平框架。

အောက်ဆုံး ပုံစံများ ကို အချက်အလက်အောက်တွင် တွေ့နိုင်ပါသည်

Frame

အဆိုပါ အချက်အလက်များကို အသုံးပြုသည်

Frame အချက်အလက် အကျိုးသား အချက်အလက်များမှာကြောင်းများ။

  • အပြည်သို့ လုပ်ငန်းသူ ကို ဝတ္ထုပိုင်း အများအပြား ကို ခေါ်ဆိုလိုသည်
  • အရောက် ဝတ္ထုပိုင်း ကို စွဲဖို့ ခက်ခဲသည်
Frame အချက်အလက် (<frameset>)
  • Frame အချက်အလက် (<frameset>) အချက်အလက် သည် ဝတ္ထုပိုင်း ကို အဆိုပါ အဆိုင်းတန်း တွင် အချက်အလက်ထားပါသည်
  • ရှစ်ပိုင်း အချက်အလက် ကို အချက်အလက်ထားပါသည်သို့မဟုတ်လွှာ
  • rows/columns အချက်အလက် သည် ရှစ်ပိုင်း သို့မဟုတ် စွမ်းအား အကျယ်အဝန်း ကို အချက်အလက်ထားပါသည်

စာအုပ်ရေးသမား အကြောင်းကြားချက်:frameset အချက်အလက် သည် အချို့ အစီအစဉ်များ နှင့် အာဘက်ဝက်များ တွင် အဆိုပါ အဆိုင်းတန်း ကွဲခြား အမည်ပြုထားပါသည်။

Frame အချက်အလက်

Frame အချက်အလက် အချက်အလက် သည် အဆိုပါ အဆိုင်းတန်း တွင် တည်ရှိသော HTML ဝတ္ထုပိုင်း ကို အသိအမှတ်ပြုထားပါသည်။

အောက်ဆုံး အကျိုးသတင်းအချက်အလက် တွင် ကျွန်တော်တို့ အဆိုပါ အဆိုင်းတန်း တစ်လျှောက် တွင် ကိုတက် စီစဥ်ထားပါသည်။ ပထမ လွှာ ကို ဘတ်ယား ဝတ္ထုပိုင်း ၂၅% ကို ကိုက်နှိပ်ပေးထားပါသည်။ ဒုတိယ လွှာ ကို ဘတ်ယား ဝတ္ထုပိုင်း ၇၅% ကို ကိုက်နှိပ်ပေးထားပါသည်။ HTML ဝတ္ထုပိုင်း "frame_a.htm" ကို ပထမ လွှာ တွင် တည်ရှိပြီး ဒုတိယ လွှာ တွင် "frame_b.htm" ဝတ္ထုပိုင်း တည်ရှိပါသည့် နည်းလမ်းများကို ပြသပါသည့် HTML ဝတ္ထုပိုင်း ဖြစ်သည်။

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

အခြေခံ သတင်းသုံး - အကူအညီရှိသော အကြောင်းပြချက်များ:

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

为不支持框架的浏览器添加 标签。</p> <p class="important"><span>重要提示:</span>不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)</p> </div> <div class="example"> <h2><a id="more_examples">更多实例</a></h2> <dl> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_noframes">如何使用 <noframes> 标签</a></dt> <dd>本例演示:如何使用 <noframes> 标签。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_frame_mix">混合框架结构</a></dt> <dd>本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_frame_noresize">含有 noresize="noresize" 属性的框架结构</a></dt> <dd>本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,你会发现边框是无法移动的。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_frame_navigation">导航框架</a></dt> <dd>本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_iframe">内联框架</a></dt> <dd>本例演示如何创建内联框架(HTML 页中的框架)。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_frame_jump">跳转至框架内的一个指定的节</a></dt> <dd>本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。</dd> <dt><a target="_blank" href="/my/tiy/t.html?f=eg_html_frame_navigation2">使用框架导航跳转至指定的节</a></dt> <dd> 本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。 </dd> </dl> </div> <div class="prenextnav"> <ul> <li> အရှေ့လိုက် စာပေး <a href="/my/html/html_url.html" title="HTML အခြေခံ အကြောင်းအရာ">HTML URL</a></li> <li> နောက်လိုက် စာပေး <a href="/my/html/html_backgrounds.html" title="HTML အခြေခံ အရာ">HTML အခြေခံ အရာ</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> အက္ခရာစု </center><h3> <h5 id="tools_reference"><a href="/my/tags/index.html">HTML ကိုယ်စားပြုမှု စာရင်း</a></h5> <h5 id="tools_example"><a href="/my/html/html_examples.html">HTML အခြေခံ အရာ</a></h5> <h5 id="tools_quiz"><a href="/my/html/html_quiz.html">HTML အခြေခံ အရာ</a></h5> </div> <div><h3><center> ထောက်ပံ့ကုန်း လိပ် </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com တွင် ပြည်ထူးသော အကြောင်းကြားချက် ပြုလုပ်ထားသည် အထူးသဖြင့် သဘောတူချက် မပြုဘဲ အကျုံးဝင်ကြပါ။ အမှတ်အသား အပေါ် အကျုံးဝင်ကြပါသော အန္တရာယ်များ သို့ အခြေအနေ မပြောကြားပါ။ မူပိုင်ခွင့် အရ အခွင့်ထူးများ အတွက် အခွင့်ပြုထားပါ။ </p> <p id="p2"> <a href="/my/about/index.html" title="နှင့်ပတ်သတ်၍ CodeW3C.com">နှင့်ပတ်သတ်၍ CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း နှင့်ပတ်သတ်၍">အသုံးပြု အချက်အလက်</a> <a href="/my/about/about_privacy.html" title="လျှို့ဝှက် နှင့်ပတ်သတ်၍">လျှို့ဝှက် အချက်အလက်</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="လုပ်ငန်းသူကို Ce4e.com က လုပ်ခဲ့သည်"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>