نظم دادن و ويرايش جدولها:
- مشخص كردن جاي متن در خانههاي جدول(ALIGNING DATA):
- مشخص كردن جايگاه جدول(ALIGNING THE TABLE):
- جاگذاري در خانههاي افقي(COLSPAN):
- جاگذاري در خانههاي عمودي(ROWSPAN):
- عنوان نگاري جدولها(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>
بعضي از مليتهاي ايراني:
بلوچ |
ترك |
لر |
كرد |
عرب |
فارس |