raha1234567
جمعه 22 مرداد 1389, 02:43 صبح
جداول در Html برای ساخت بدنه برنامه بسیار زیاد استفاده میشود که من در اینجا به توضیح آنها می پردازم
تگ <table> </table> : این تگ بدنه جدول را می سازد
<tr>: سطرها را ایجاد می کند
<td>: ستون ها را ایجاد می کند
نمونه کوچکی از ایجاد جدول البته بخاطر نداشتن border دیده نمی شود.
<table>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>
خصوصیات :
Border:
برای نمایان شدن جدول از خاصیت border در تگ table استفاده میکنیم که هم می توانیم به صورت درصد به آن عدد دهیم و هم به صورت درصد
<"table border="1>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
Alignment:
با گذاشتن این خصوصیت در تگ td میتوان مکان قرار گرفتن متن را مشخص کرد که سه گزینه left,right,center دارد.
<td width="150" height="30" >
bgcolor:
با این خصوصیت می توان رنگ زمینه را معین کرد که هم میتوان به صورت کد رنگ نوشت و هم به صورت نام رنگ در ""
<td width="150" height="30" bgcolor="#FFFFFF">
در زیر یک از ایجاد جدول میذارم امیدوارم بدردتون بخوره حالا بایک خلاقیت میتونید صفحه مرورگرتون هم جدول بندی کنید
<table border="2">
<tr>
<td width="150" height="20" bgcolor="#FFF0F5"> نام درس</td>
<td width="150" height="20" bgcolor="#FFF0F5">روز</td>
<td width="150" height="20" bgcolor="#FFF0F5">ساعت</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ادبيات</td>
<td width="150" height="30" bgcolor="#FFFFFF">دوشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي </td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ساختمان داده</td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي وب</td>
<td width="150" height="30" bgcolor="#FFFFFF">جمعه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
</table >
برچسب های جدول
برچسب ها توضیحات <table> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_table.htm) یک جدول معرفی می کند <th> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_th.htm) سرتیتر جدول معرفی می کند <tr> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tr.htm) یک سطر جدول معرفی می کند <td> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_td.htm) یک سلول جدول معرفی می کند <caption> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_caption.htm) عنوان جدول معرفی می کند <colgroup> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_colgroup.htm) یک گروه از ستون ها معرفی می کند <col> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_col.htm) یک مقدار موجودیت برای یک یا چند ستون معرفی می کند <thead> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_thead.htm) سر یک جدول را معرفی می کند <tbody> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tbody.htm) بدنه یک جدول را معرفی می کند <tfoot> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tfoot.htm) پاورقی جدول را معرفی می کند
دوستان توجه داشته باشد که
میزان تشکرهای شما =میزان رضایتتان
و
میزان رضایتتان = تشویق من برای گذاشتن دیگر تایپیک ها
تگ <table> </table> : این تگ بدنه جدول را می سازد
<tr>: سطرها را ایجاد می کند
<td>: ستون ها را ایجاد می کند
نمونه کوچکی از ایجاد جدول البته بخاطر نداشتن border دیده نمی شود.
<table>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>
خصوصیات :
Border:
برای نمایان شدن جدول از خاصیت border در تگ table استفاده میکنیم که هم می توانیم به صورت درصد به آن عدد دهیم و هم به صورت درصد
<"table border="1>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
Alignment:
با گذاشتن این خصوصیت در تگ td میتوان مکان قرار گرفتن متن را مشخص کرد که سه گزینه left,right,center دارد.
<td width="150" height="30" >
bgcolor:
با این خصوصیت می توان رنگ زمینه را معین کرد که هم میتوان به صورت کد رنگ نوشت و هم به صورت نام رنگ در ""
<td width="150" height="30" bgcolor="#FFFFFF">
در زیر یک از ایجاد جدول میذارم امیدوارم بدردتون بخوره حالا بایک خلاقیت میتونید صفحه مرورگرتون هم جدول بندی کنید
<table border="2">
<tr>
<td width="150" height="20" bgcolor="#FFF0F5"> نام درس</td>
<td width="150" height="20" bgcolor="#FFF0F5">روز</td>
<td width="150" height="20" bgcolor="#FFF0F5">ساعت</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ادبيات</td>
<td width="150" height="30" bgcolor="#FFFFFF">دوشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي </td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">ساختمان داده</td>
<td width="150" height="30" bgcolor="#FFFFFF">چهارشنبه</td>
<td width="150" height="30" bgcolor="#FFFFFF">15-8</td>
</tr>
<tr>
<td width="150" height="30" bgcolor="#FFFFFF">برنامه نويسي وب</td>
<td width="150" height="30" bgcolor="#FFFFFF">جمعه</td>
<td width="150" height="30" bgcolor="#FFFFFF">13-10</td>
</tr>
</table >
برچسب های جدول
برچسب ها توضیحات <table> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_table.htm) یک جدول معرفی می کند <th> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_th.htm) سرتیتر جدول معرفی می کند <tr> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tr.htm) یک سطر جدول معرفی می کند <td> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_td.htm) یک سلول جدول معرفی می کند <caption> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_caption.htm) عنوان جدول معرفی می کند <colgroup> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_colgroup.htm) یک گروه از ستون ها معرفی می کند <col> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_col.htm) یک مقدار موجودیت برای یک یا چند ستون معرفی می کند <thead> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_thead.htm) سر یک جدول را معرفی می کند <tbody> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tbody.htm) بدنه یک جدول را معرفی می کند <tfoot> (http://www.html.ir/home-tables-fa.html?page=../tags/tag_tfoot.htm) پاورقی جدول را معرفی می کند
دوستان توجه داشته باشد که
میزان تشکرهای شما =میزان رضایتتان
و
میزان رضایتتان = تشویق من برای گذاشتن دیگر تایپیک ها