Site hosted by Angelfire.com: Build your free website today!
HTML آموزش
بخش دوم جدولها



نظم دادن و ويرايش جدولها:


  1. مشخص كردن جاي متن در خانه‏هاي جدول(ALIGNING DATA):
  2. مشخص كردن جايگاه جدول(ALIGNING THE TABLE):
  3. جاگذاري در خانه‏هاي افقي(COLSPAN):
  4. جاگذاري در خانه‏هاي عمودي(ROWSPAN):
  5. عنوان نگاري جدولها(CAPTION):



1. مشخص كردن جاي متن در خانه‏هاي جدول(ALIGNING DATA)
همانطوريكه مشاهده كرديد در مثالهاي بخش يك در درون خانه‏هاي جدولها متن‏هاي نوشته شده در سمت راست قرار گرفته‏اند. اما شما مي‏توانيد متن‏هاي نوشته شده را بدلخواه خود انتخاب كرده و برگزينيد.
براي انتخاب كردن سمت چب، راست و يا وسط از كد ALIGN بايد استفاده كرد و براي انتخاب كردن سمت بالا، بايين و يا ميان از كد VALIGN مي‏بايد استفاده كرد.
VALIGN مخفف VERTICAL+ALIGNMENT است.

ALIGN يا VALIGN اجزاهاي TD و TH است.

align=left(چب)، align=center(وسط)، align=right(راست)
اگر سمت يا سوي TH را برنگزينيم جاي آن خودبخود در وسط قرار خواهد گرفت.
و اگر سمت يا سوي TD را مشخص نكنيد سمت و سوي آن همان خواهد بود كه متن نوشته‏ها آن سمت و سو را دارد.

valign=top(بالا)، valign=middle(ميان)، valign=bottom(بايين)
اگر سمت يا سوي TH را برنگزينيم جاي آن خودبخود در ميان قرار خواهد گرفت.
و اگر همينطور هم سمت يا سوي TD مشخص نكنيد جاي آن هم خودبخود در ميان قرار خواهد گرفت .

اگر سمت يا سو مشخص نشود متن‏هاي نوشته شده داخل خانه‏هاي جدول به آن سمتي گذاشته خواهد شد كه مقدار آنها از قبل(default settings) تعيين شده است.

مقدار TH بصورت defaults:
align=middle
valign=middle

مقدار TD بصورت defaults:
align=right
valign=middle
مقدار TH بصورت Defaults th valign=top th valign=bottom
مقدار TD بصورت Defaults td valign=top td valign=bottom
td align=center
valign=top
td align=center td align=center
valign=bottom
td align=left
valign=top
td align=left td align=left
valign=bottom

ما مي‏توانيم بجاي اينكه جايگاه داده‏هاي اطلاعاتي موجود در خانه‏هاي جدول تك به تك مشخص كنيم اين داده‏ها را در خود tr آورد و مشخص كرد.
مثال:
<table border=5>
<tr align=right valign=bottom>
<td>متن يا داده اطلاعاتي</td>
<td>متن يا داده اطلاعاتي</td>
<td>متن يا داده اطلاعاتي</td>
</tr>
<table>

در اينجا ما سمت و سو را به tr tag داده كه براي تمامي خانه‏هاي صف افقي مذكور يكسان گنجانده مي‏شود.
متن يا داده اطلاعاتي متن يا داده اطلاعاتي متن يا داده اطلاعاتي


اگر شما در اينجا مايليد يكي يا بيشتر از متن‏هاي خانه‏ها را طور ديگري جايگزين كنيد كافي است كه در tag خانه مربوط td مشخصات مورد علاقه را آورده.
مثال:
<table border=5>
<tr align=right valign=bottom>
<td>متن يا داده اطلاعاتي</td>
<td align=center valign=middle>متن يا داده اطلاعاتي</td>
<td>متن يا داده اطلاعاتي</td>
<td>متن يا داده اطلاعاتي</td>
</tr>
<table>



جايگاه خانه سوم از سمت راست مشخصات خاص خود را دارد و با مشخصات بقيه خانه‏ها فرق مي‏كند. متن يا داده اطلاعاتي متن يا داده اطلاعاتي متن يا داده اطلاعاتي



2. مشخص كردن جايگاه جدول(ALIGNING THE TABLE):
اگر كه مايليد جايگاه جدول را مشخص كنيد مي‏توانيد با جادادن كد align در tag table مشخص نمائيد. براي اين كد سه نوع گزينش راست، چب و وسط وجود دارد.
يك توضيح:
زماني كه جايگاه جدول را در سمت راست يا چب برگزيده شود متني هم كه بدنبال جدول خواهد آمد در كنار همان جدول خودبخود گذاشته مي‏شود.

ALIGN=RIGHT
مثال:
<table border=5 cellpadding=2 width="30%" align=right>

سنندج كرمانشاه
تبريز اصفهان
شيراز اهواز

لطفا به اينجا نگاه كنيد. اين متن در اين بالا و كنار جدول قرار گرفته است. اگر بخواهيد كه در كنار جدول نوشته و يا اينكه متني قرار نگيرد كافي است كه از <br> به دفعاتي كه تا زير جدول بتوان نوشت مي‏بايست استفاده كرد.

ALIGN=LEFT
مثال:
<table border=5 cellpadding=2 width="50%" align=left>


كارون كرخه اروندرود
بهمن‏شير سيمره جاجرود
يكبار ديگر بايد گفت كه اگر بخواهيد كه در كنار جدول نوشته و يا اينكه متني قرار نگيرد كافي است كه از <br> به دفعاتي كه تا زير جدول بتوان نوشت مي‏بايست استفاده كرد.

ALIGN=CENTER

شما مي‏توانيد كد center را در بيرون از tag table جداگانه بياوريد و يا اينكه align=center را در tag table بياوريد.

مثال:

<table border=25 cellpadding=2 width="65%" align=center>


بلوچ ترك
لر كرد
عرب فارس


اينبار متن خودبخود به قسمت بايين جدول آمده و هيچ متني در كناره‏هاي جدول نخواهد نوشته شد.


3. جاگذاري در خانه‏هاي افقي(COLSPAN):
اگر شما متن يا نوشته‏اي داريد كه مايليد بيش از يك خانه را در حالت افقي در خانه‏هاي جدول اشغال كند مي‏توانيد از كد COLSPAN استفاده كنيد و براي هر چند خانه‏اي كه بايد تصاحب كند تعداد اين خانه‏ها را در جلوي كد نامبرده شده مي‏بايست آورد.
كد colspan يكي از اجزاهاي سازنده tagهاي td و th است.
COLSPAN مخفف COLUMN+SPAN است.

مثال:
<table border=5 cellpadding=2 width="50%">
<tr>
<th colspan=3>وبلاگ نويسي بزبان فارسي</th>
</tr>
<tr>
<td>خاطره نويسي</td>
<td>داستان نويسي</td>
<td>شعر نويسي</td>
</tr>
<tr>
<td>روز نويسي</td>
<td>نقد و معرفعي نويسي</td>
<td>آموزش نويسي</td>
</tr>
</table>


وبلاگ نويسي بزبان فارسي
خاطره نويسي داستان نويسي شعر نويسي
روز نويسي نقد و معرفعي نويسي آموزش نويسي



4. جاگذاري در خانه‏هاي عمودي(ROWSPAN):
اگر شما متن يا نوشته‏اي داريد كه مايليد بيش از يك خانه را در حالت عمودي در خانه‏هاي جدول اشغال كند مي‏توانيد از كد ROWSPAN استفاده كنيد و براي هر چند خانه‏اي كه بايد تصاحب كند تعداد اين خانه‏ها را در جلوي كد نامبرده شده مي‏بايست آورد.
كد rowspan يكي از اجزاهاي سازنده tagهاي td و th است.
ROWSPAN مخفف ROW+SPAN است.

مثال:
<table border=5 cellpadding=2 width="65%">
<tr>
<th colspan=4>وبلاگ نويسي بزبان فارسي</th>
</tr>
<tr>
<th rowspan=2>وبلاگ نويس‏هاي كه فقط در ايران سكونت دارند</th>
<td>خاطره نويسي</td>
<td>داستان نويسي</td>
<td>شعر نويسي</td>
</tr>
<tr>
<td>روز نويسي</td>
<td>نقد و معرفعي نويسي</td>
<td>آموزش نويسي</td>
</tr>
</table>


وبلاگ نويسي بزبان فارسي
وبلاگ نويس‏هاي كه فقط در ايران سكونت دارند خاطره نويسي داستان نويسي شعر نويسي
روز نويسي نقد و معرفعي نويسي آموزش نويسي



5. عنوان نگاري جدولها(CAPTION):
اگر مايليد كه عنوان يا توضيح در مورد جدول مورد نظرتان در بايين يا بالاي آن به نگارش در آوريد مي‏بايست از tag CAPTION استفاده نمائيد.
tag CAPTION يكي از اجزاهاي سازنده جدول tag TABLE مي‏باشد.
براي نوشتن عنوان مي‏بايستي كه متن مورد دلخواه را در ميان اين tag نهاد و مي‏بايستي بعد از tag جدول آورد.

مثال:
<table border=5 cellpadding=5>
<caption><b>بخشي از استان‏هاي يرجمعيت ايران:</b></caption>

بخشي از شهر‌هاي يرجمعيت ايران:
سنندج كرمانشاه
تبريز اصفهان
شيراز اهواز


با وارد كردن كد align=bottom در عنوان جدول caption مي‏توان عنوان جدول را در بايين جدول جاي داد.
مثال:
<table border=5 cellpadding=5>
<caption align=bottom>
<b>بعضي از مليت‏هاي ايراني:</b>
</caption>
بعضي از مليت‏هاي ايراني:
بلوچ ترك
لر كرد
عرب فارس
برگرد به اول صفحه