|
جدولها: <table> ? </table>: هر جدول از سطر و ستون تشکیل می شود. به طور دقیقتر هد حدول n سطر دارد که هر سطر در داخل خود m سلول خواهد داشت. سطرها را با <tr> ? </tr> هر سلول را با <td> ? </td> مشخص می کنیم. مثال: یک جدول 2*2:
<TABLE> <TR> <TD> ? </TD> <TD> ? </TD> </TR> <TR> <TD> ? </TD> <TD> ? </TD> </TR> </TABLE>
هر چیزی که داخل <td> بنویسیم در داخل آن خانه (سلول) جدول قرار می گیرد. نکته مهم این است که نباید بین دو <td> ? </td> خالی باشد. اگر بخواهیم در داخل این خانه جدول چیزی نباشد ولی دیده شود، باید از یک فاصله ( ) استفاده کنیم. Attributeهای <table> عبارتند از:
<TABLE bgcolor="رنگ پس زمینه جدول" background="عکس پس زمینه جدول" border="حاشیه دور جدول" align="left/center/right" width="ظول جدول(پیکسل یا درصد)" height="ارتفاع جدول(پیکسل یا درصد)" bordercolor="تگ حاشیه دور جدول" valign="top/middle/bottom" cellpadding="فاصله متن از دیواره سلول" cellspacing="فاصله سلولها از هم" >
attributeهای هر cell:
1. width=" "
2. height=" "
3. bgcolor=" "
4. background=" "
5. border=" "
6. nowrap
7. rowspan=" "
8. colspan=" "
nowrap: محتویات داخل سلول همه دریک خط نوشته می شود و دیگر سلول شکسته شده و به خط بعدی نمی رود. مثال 1:
<TD colspan="2"> ? </TD>
مثال 2:
<TD rowspan="2"> ? </TD>
در rowspan یا colspan تعداد سلولهایی را که می خواهیم در هم ادغام کنیم را بنویسیم. باید توجه کنیم که به همان تعداد که سلول در هم ادغام می کنیم باید از پائین سلولهای اضافی را حذف کنیم. مثلا در مثال 1:
<TABLE> <TR> <TD> ? </TD> <TD> ? </TD> </TR> <TR> <TD> ? </TD> <TD> ? </TD> </TR> </TABLE> <TABLE> <TR> <TD colspan=?2?> ? </TD> </TR> <TR> <TD> ? </TD> <TD> ? </TD> </TR> </TABLE>
فریم بندی در html:
فریم بندی صفحات html یعنی اینکه صفحه را به چند قسمت تقسیم کرده و برای هر قسمت یک صفحه html یا ASP یا PHP جایگزین می کنیم. برای معرفی یک صفحه فریمی از <FRAMESET> ? </FRAMESET> استفاده می کنیم. مثال: می خواهیم صفحه فریمی زیر را که از دو ستون تشکیل شده را طراحی کنیم.
<HTML> <HEAD> <TITLE> frames </TITLE> </HEAD> <FRAMESET cols="200,*"> <FRAME src="menu.htm"> <FRAME src="welcome.htm"> </FRAMESET> </HTML>
cols=" " =ستونی
1- می خواهیم صفحات را به صورت ستونی در کنار یکدیگر قرار دهیم. 2- درون " "=cols باید نسبت صفحاتی را که می خواهیم درون صفحه فریمی جا بگیرد را معرفی کنیم. در مثال به صورت زیر نوشته شد.
<FRAMESET cols="200,*" >
یعنی ما می خواهیم دو صفحه را در کنار هم قرار دهیم که اولی 200 پیکسل و صفحه دوم بقیه طول صفحه را در بر خواهد گرفت. اگر بخواهیم صفحه ها به صورت مثلا مساوی قسمت شوند:
<FRAMESET cols="*, *" > یا <FRAMESET cols="50%,50%" >
اگر بخواهیم صفحه ها را به صورت سطری در کنار یکدیگر قرار دهیم به صورت زیر استفاده می کنیم:
<FRAMESET rows=" ">
نکته مهم:در فایلهای html یا باید frameset داشته باشیم یا body و نمی توانیم هر دو را با هم داشته باشیم.
Attributeهای فریم: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com
<FRAME src=" " frameborder="yes/no/3d" marginwidth=" " marginheight=" " فضای دور هر فریم noresize scrolling="yes/no/auto">
اسم گذاری برای هر فریم و برای مراجعه به این صفحه باید <" "=name> حتما از این اسم استفاده کرد. مثال: www.doctors.blogfa.com , www.tyekal.com , www.ydy.blogfa.com , www.roodblog.com یک صفحه فریمی به صورت زیر داریم و می خواهیم user با کلیک کردن روی student صفحه ای را ببیند که به جای welcome باز می شود و همچنین برای کلمه grads:
برای ساختن این صفحه فریمی باید از قبل تمام صفحات را ساخته باشیم:
1- menu.htm 2- welcome.htm 3- student.htm 4- grads.htm
menu.htm <HTML> <BODY> <A href="student.htm" target="reza"> student </A> <A href="grads.htm" target="reza"> grads</A> </BODY> </HTML>
این targetها همان اسم فریمها هستند برای اینکه با کلیک کردن روی grads صفحه مربوطه به جای صفحه welcome.htm باز شود باید از target استفاده کنیم. در جلوی target اسم آن صفحه فریمی را که می خواهیم صفحه ما در آنجا باز شود را می نویسیم.
welcome.htm <HTML> <BODY> Welcome to my home page </BODY> </HTML> student.htm <HTML> <BODY> this is student home page </BODY> </HTML> grads.htm <HTML> <BODY> Here is the grads home page. </BODY> </HTML>
بعد از ساختن این صفحات حال باید صفحه فریمی اصلی را بسازیم:
<HTML> <HEAD> <TITLE> welcome to this frame page. </TITLE> </HEAD> <FRAMSESET cols=?200, *? > <FRAME src=?menu.htm? name=?vali? > <FRAME src=?welcome.htm? name=?reza?> </FRAMESET> </HTML>
در صفحه های فریمی اول سطرها پر می شوند بعد ستونها. Attributeهای frameset:
1- border=" " 2- bordercolor=" " target=" " target="_blank" : روی صفحه فریمی باز می شود new pageیک target="_self" : را نگذاشته ایم target مثل این است که target="_parent" : صفحه بر روی فریم مادر خود باز می شود target="_top" :صفحه قبلی از بین میرود ویک صفحه بدون فریم ظاهر میشود
|