HTML فریم

فریم کا استعمال کے ذریعے، آپ ایک بروسر ونڈوز میں ساتھ ساتھ متعدد پیجز دکھا سکتے ہیں

مثال

عمودی فریم
مثال: کس طرح تین مختلف ڈاکومنٹوں کا استعمال کرکے ایک عمودی فریم بنایا جاتا ہے
افقی فریم
مثال: کس طرح تین مختلف ڈاکومنٹوں کا استعمال کرکے ایک افقی فریم بنایا جاتا ہے

（اس پیج کی نیچائیں میں مزید مثال مل سکتے ہیں）。

فریم

فریم کا استعمال کے ذریعے، آپ ایک بروسر ونڈوز میں ساتھ ساتھ متعدد پیجز دکھا سکتے ہیں۔ ہر ایک HTML ڈاکومنٹ کو ایک فریم کہا جاتا ہے، اور ہر فریم دیگر فریموں سے مستقل ہوتا ہے۔

فریم کا استعمال کی بدعنوانی:

  • توسع کاروں کو متعدد HTML ڈاکومنٹوں کو ساتھ ساتھ رکھنا پڑتا ہے
  • پورا پیج پرنٹ کرنا مشکل ہوتا ہے
فریم سٹ سٹرکچر تگ (<frameset>)
  • فریم سٹ سٹرکچر تگ (<frameset>) فریم کا کس طرح ونڈوز کو تقسیم کرنا ہے، اس کا تعین کرتا ہے
  • فریم سٹ کا ہر ایک تعینات سمتواری کا سلسلہ دسایا جاتا ہےیاسمتواری
  • rows/columns کا اقدار ہر سمتواری یا سمتواری کو اسکرین کی سمتواری کا حصہ مقرر کرتا ہے

مؤلف کا نوٹ:فریم سٹ تگ بھی کچھ مطلب میں فریم سٹ کے طور پر ترجمہ کی جاتی ہے۔

فریم تگ (Frame)

فریم تگ فریم میں رکھنے والے HTML ڈاکومنٹ کو دسایا جاتا ہے۔

ایک مثال میں، ہم نے دو سمتواری فریم سٹ کا قیام کیا ہے۔ پہلا سمتوارا 25 فیصد بروسر ونڈوز کی سمتواری کا حصہ لینا ہے، دوسرا سمتوارا 75 فیصد بروسر ونڈوز کی سمتواری کا حصہ لینا ہے: HTML ڈاکومنٹ "frame_a.htm" پہلے سمتوارا میں، اور HTML ڈاکومنٹ "frame_b.htm" دوسرے سمتوارا میں رکھا گیا ہے:

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

اساسی توجیہات - مفید تجاویز:

اگر ایک فریم ورک وئیب اور بوردرز ہو، استعمال کار وئی بوردرز کو بڑا یا چھوٹا بنانے کے لئے ڈرا سکتا ہے۔ اس صورت کو روکنا، <frame> تگ میں: noresize="noresize" شامل کرسکتا ہے۔

为不支持框架的浏览器添加 标签。</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="/pa/tiy/t.html?f=eg_html_noframes">如何使用 <noframes> 标签</a></dt> <dd>本例演示：如何使用 <noframes> 标签。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_frame_mix">混合框架结构</a></dt> <dd>本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_frame_noresize">noresize=&quot;noresize&quot; ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਾਲੇ ਫਰੇਮ ਸਰੂਪ</a></dt> <dd>ਇਹ ਉਦਾਹਰਣ noresize ਪ੍ਰਤੀਯੋਗਿਤਾ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ ਫਰੇਮ ਨਹੀਂ ਸਾਈਜ਼ ਕਰਨ ਵਾਲਾ ਹੈ।ਫਰੇਮ ਦੇ ਬਾਹਰਲੇ ਬਰਾਂਡਰ ਉੱਤੇ ਮਾਉਸ ਚਲਾਉਣ ਨਾਲ ਤੁਸੀਂ ਦੇਖ ਸਕਦੇ ਹੋ ਕਿ ਬਰਾਂਡਰ ਸਰਲਤਾਪੂਰਵਕ ਹੋਰ ਕਿਵੇਂ ਨਹੀਂ ਚਲਦਾ ਹੈ。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_frame_navigation">ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ</a></dt> <dd>ਇਹ ਉਦਾਹਰਣ ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਦਿਖਾਉਂਦਾ ਹੈ।ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਇੱਕ ਲਿੰਕ ਸੂਚੀ ਸਮੇਤ ਹੈ, ਜਿਸ ਵਿੱਚ ਦੂਜੇ ਫਰੇਮ ਨੂੰ ਟੀਚਾ ਬਣਾਉਂਦੇ ਹਨ।ਨਾਮ &quot;contents.htm&quot; ਵਾਲੀ ਫਾਇਲ ਵਿੱਚ ਤਿੰਨ ਲਿੰਕ ਹਨ。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_iframe">ਇੰਲਾਈਨ ਫਰੇਮ</a></dt> <dd>ਇਹ ਉਦਾਹਰਣ ਇੰਲਾਈਨ ਫਰੇਮ (HTML ਪੰਨੇ ਵਿੱਚ ਫਰੇਮ) ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ ਦਿਖਾਉਂਦਾ ਹੈ。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_frame_jump">ਫਰੇਮ ਦੇ ਅੰਦਰ ਦਿਸ਼ਾ ਵਾਲੇ ਇੱਕ ਸੈਕਸ਼ਨ ਵਿੱਚ ਜਾਣ</a></dt> <dd>ਇਹ ਉਦਾਹਰਣ ਦੋ ਫਰੇਮ ਦਿਖਾਉਂਦਾ ਹੈ।ਇਕ ਫਰੇਮ ਦੇ ਅੰਦਰ ਦੂਜੇ ਫਾਇਲ ਵਿੱਚ ਦਿਸ਼ਾ ਵਾਲੇ ਲਿੰਕ ਸੈਟ ਕੀਤਾ ਗਿਆ ਹੈ।ਇਹ &quot;link.htm&quot; ਫਾਇਲ ਵਿੱਚ ਦਿਸ਼ਾ ਵਾਲੇ ਸੈਕਸ਼ਨ ਨੂੰ &lt;a name=&quot;C10&quot;&gt; ਦੇ ਰੂਪ ਵਿੱਚ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤਾ ਗਿਆ ਹੈ。</dd> <dt><a target="_blank" href="/pa/tiy/t.html?f=eg_html_frame_navigation2">ਫਰੇਮ ਦੇ ਅੰਦਰ ਦਿਸ਼ਾ ਵਿੱਚ ਜਾਣ ਲਈ ਫਰੇਮ ਨੇਵੀਗੇਸ਼ਨ ਵਰਤੋਂ ਕਰੋ</a></dt> <dd> ਇਹ ਉਦਾਹਰਣ ਦੋ ਫਰੇਮ ਦਿਖਾਉਂਦਾ ਹੈ।ਵੱਲੋਂ ਇੱਕ ਫਰੇਮ ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਇੱਕ ਲਿੰਕ ਸੂਚੀ ਸਮੇਤ ਹੈ, ਇਹ ਲਿੰਕ ਦੂਜੇ ਫਰੇਮ ਨੂੰ ਟੀਚਾ ਬਣਾਉਂਦੇ ਹਨ।ਦੂਜਾ ਫਰੇਮ ਲਿੰਕ ਵਾਲੇ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ।ਨੇਵੀਗੇਸ਼ਨ ਫਰੇਮ ਵਿੱਚ ਦੀ ਲਿੰਕ ਟੀਚਾ ਫਾਇਲ ਵਿੱਚ ਦੱਸੇ ਗਏ ਸੈਕਸ਼ਨ ਹਨ。 </dd> </dl> </div> <div class="prenextnav"> <ul> <li> ਪਿਛਲਾ ਪੰਨਾ <a href="/pa/html/html_url.html" title="HTML یونیکورنل لاسٹرنگر">HTML URL</a></li> <li> ਅਗਲਾ ਪੰਨਾ <a href="/pa/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="/pa/tags/index.html">HTML ਰੈਫਰੰਸ ਮੈਨੂਅਲ</a></h5> <h5 id="tools_example"><a href="/pa/html/html_examples.html">HTML مثال</a></h5> <h5 id="tools_quiz"><a href="/pa/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="/pa/about/index.html" title="ਬਾਰੇ CodeW3C.com">ਬਾਰੇ CodeW3C.com</a> <a href="/pa/about/about_helping.html" title="ਮਦਦ CodeW3C.com">ਮਦਦ CodeW3C.com</a> <a href="/pa/about/about_use.html" title="ਬਾਰੇ ਵਰਤੋਂ">ਵਰਤੋਂ ਸ਼ਰਤਾਂ</a> <a href="/pa/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>