loading...
آموزش ها
تبلیغات ویزه
        sms.mida-co.ir



       
       
M:A بازدید : 191 سه شنبه 08 اسفند 1391 نظرات (0)

جدول ها

جداول بوسیله برچسب<table>معرفی می شوند.هر جدول به سطرها (بوسیله برچسب <tr>)و هر سطر به سلول های داده تقسیم می شود (بوسیله برچسب <td>) حروف td بیانگر داده جدولی (table data) هستند که حاوی سلول داده است.یک سلول داده می تواند حاوی متن ، عکس ، لیست ها ، پاراگراف ها ، فرم ها ، خط های افقی و جدول ها و... باشد.

row1,cel1

row1,cel2

row2,cel1

row2,cel2

<table border="1">
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
<tr>
<td>row1,cel1</td>
<td>row1,cel1</td>
</tr>
</table>


جدول ها و عنصر حاشیه

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

<table border="1">
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
<tr>
<td>row2,cel1</td>
<td>row2,cel2</td>
</tr>
</table>


سر تیترها در جداول

سرتیترها در یک جدول با برچسب <th>مشخص می شوند.

Another Heading

Heading

row1,cel2

row1,cel1

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row1,cel1</td>
<td>row1,cel2</td>
</tr>
</table>


سلول های خالی در جداول

سلول های جداول با محتوای خالی در بیشتر مرورگرها خوب نشان داده نمی شوند.

row1,cel2

row1,cel1

 

row2,cel1

<table border="1">
<tr>
<td>row1,cell1</th>
<td>row1,cell2</th>
</tr>
<tr>
<td>row2,cel1</td>
<td></td>
</tr>
</table>

این کدها در مرورگر بدین صورت نشان داده می شوند.توجه کنید که حاشیه های اطراف سلول خالی جدول از بین رفته است(موزیلا فایر فاکس(Fire Fox) حاشیه را نشان می دهد.).برای جلوگیری از آن یک فاصله نا مقطوع(;nbsp&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.

row1,cel2

row1,cel1

 

row2,cel1

<table border="1">
<tr>
<td>row1,cell1</th>
<td>row1,cell2</th>
</tr>
<tr>
<td>row2,cel1</td>
<td> &nbsp; </td>
</tr>
</table>


نکته های پایه ای-اطلاعات مفید

عناصر <thead>، <tbody>و <tfoot>به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند

برچسب های جدول

برچسب ها

توضیحات

<table>

یک جدول معرفی می کند

<th>

سرتیتر جدول معرفی می کند

<tr>

یک سطر جدول معرفی می کند

<td>

یک سلول جدول معرفی می کند

<caption>

عنوان جدول معرفی می کند

<colgroup>

یک گروه از ستون ها معرفی می کند

<col>

یک مقدار موجودیت برای یک یا چند ستون معرفی می کند

<thead>

سر یک جدول را معرفی می کند

<tbody>

بدنه یک جدول را معرفی می کند

<tfoot>

پاورقی جدول را معرفی می کند


 

ارسال نظر برای این مطلب

کد امنیتی رفرش
تبلیغات
درباره ما
Profile Pic
سلام نیاز به همکار:از دوستانی که در برنامه نویسی یا وبلاگ نویسی سررشته دارند دعوت به همکاری در سایت آموزشها می شود لطفا با ما تماس بکیرید و شماره بگذارید.(در قسمت تماس با ما)
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • نظرسنجی
    ازکدام بخش بیشتر خوشتان آمد
    خلاصه آمار
    آمار سایت
  • کل مطالب : 610
  • کل نظرات : 63
  • افراد آنلاین : 48
  • تعداد اعضا : 91
  • آی پی امروز : 82
  • آی پی دیروز : 102
  • بازدید امروز : 96
  • باردید دیروز : 188
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 1,015
  • بازدید ماه : 1,015
  • بازدید سال : 76,873
  • بازدید کلی : 747,829
  • کدهای اختصاصی

    رنک الکسا

    وضعیت آب و هوا

    پیچک

    ديكشنري آنلاين
    نرخ ارز