0

مدرسه HTML

 
saeidfarajpour
saeidfarajpour
کاربر طلایی1
تاریخ عضویت : آذر 1392 
تعداد پست ها : 2734
محل سکونت : اردبیل

مثالهای بیشتر - قاب های HTML
پنج شنبه 17 اردیبهشت 1394  3:33 PM

برچسب noframes

<html>
 
<frameset cols="25%,50%,25%">
  <frame src="./content/media/tryit/frame_a.htm">
  <frame src="./content/media/tryit/frame_b.htm">
  <frame src="./content/media/tryit/frame_c.htm">
 
<noframes>
<body>Your browser does not handle frames!</body>
</noframes>
 
</frameset>
 
</html>

در صورتیکه مرورگر، امکان نمایش قابها را نداشت، به کمک این برچسب، می توان نمایش مناسبی را ارایه کرد.

 

قابهای پیچیده(ترکیبی از قابهای عمودی و افقی)

<html>
 
<frameset rows="50%,50%">
 
<frame src="./content/media/tryit/frame_a.htm">
 
<frameset cols="25%,75%">
<frame src="./content/media/tryit/frame_b.htm">
<frame src="./content/media/tryit/frame_c.htm">
</frameset>
 
</frameset>
 
</html>

این مثال، صفحه ای که در آن قبهای عمودی و افقی، با هم وجود دارند را نشان می دهد.

 

قابی با موجودیت noresize="noresize"

<html>
 
<frameset rows="50%,50%">
 
<frame noresize="noresize" src="./content/media/tryit/frame_a.htm">
 
<frameset cols="25%,75%">
<frame noresize="noresize" src="./content/media/tryit/frame_b.htm">
<frame noresize="noresize" src="./content/media/tryit/frame_c.htm">
</frameset>
 
</frameset>
 
</html>
 

با کنترل این موجودیت، از تغییر اندازه قابها می توان جلوگیری کرد.

<html>
 
<frameset cols="120,*">
 
<frame src="./content/media/tryit/tryhtml_contents.htm">
<frame src="./content/media/tryit/frame_a.htm" 
name="showframe">
 
</frameset>
 
</html>

این مثال روش ساخت یک قاب محتوایی را نشان می دهد. صفحه از دو قاب اصلی ساخته شده که یکی ازآنها، فهرست و دیگری محتوای سرفصل انتخابی را نمایش می دهند. در قاب فهرست، سه فراپیوند به صورت زیر تعریف شده که موجودیت traget هر فرا پیوند به نام قاب محتوا اشاره می کند.

<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>

قاب محتوا، محتوای هر یک از این فراپیوندها را نمایش می دهد.

 

قاب درجا

<html>
<body>
 
<iframe src="http://www.farajpour.ir"></iframe>
 
<p>Some older browsers don't support iframes.</p>
<p>If they don't, the iframe will not be visible.</p>
 
 
</body>
</html>

این مثال روش استفاده از قابهای درجا را نشان می دهد(این قابها را می توان به طور مستقیم، داخل html استفاده کرد و دیگر نیازی به قاب بندی کل صفحه نیست).

پرش به قسمت خاصی در داخل یک قاب

<html>
 
<frameset cols="20%,80%">
 
 <frame src="./content/media/tryit/frame_a.htm">
 <frame src="./content/media/tryit/link.htm#C10">
 
</frameset>
 
</html>

به کمک این روش می توان به قسمتی از محتوای قاب، در هنگام نمایش پرش کرد. برای این منظور پس از آدرس محتوای قاب، فراپیوند محل مورد نظر را قرار می دهیم. به مثال توجه کنید.

 

پرش به محل خاص در صفحه دارای قاب محتوا

<html>
 
<frameset cols="180,*">
 
<frame src="./content/media/tryit/content.htm">
<frame src="./content/media/tryit/link.htm" name="showframe">
 
</frameset>
 
</html>

این مثال ترکیبی از مثال "قاب محتوا" و مثال "پرش" است.

 
تشکرات از این پست
siryahya
دسترسی سریع به انجمن ها