نكات اوليه‏اي جدولها:

1. شكل جدول(FORMAT):
   
2. اجزاي جدول:
   
3. ساخت يك جدول ساده:
   
4. داشتن يك جدول با بيش از يك خانه در يك صف افقي:
   
5. داشتن يك جدول با بيش از يك صف افقي:
   
6. تيترها يا سرخط‏ها در خانه‏هاي جدولها(HEADER):
7. يهناي جدولها(WIDTH):
   
8. يهناي خانه‏هاي جدول(TD, TH):
   
9. تعيين اندازه حاشيه يا لبه جدولها(BORDER):
   
10. تعيين فاصله متن خانه‏هاي جدول با ديوار خانه‏هاي جدول(CELLPADDING):
    
11. تعيين ضخامت ديوار مياني خانه‏هاي جدول(CELLSPACING):

---

1. شكل جدول(FORMAT):
جدولها را بايد با <table> شروع و <table/> بيايان رساند و هر چه را در اينجا آورده شود در ميان اين دو tags مي‏بايست گذارده شود.

• يك جدول مي‏تواند با خانه‏هاي عمودي و افقي شكل بگيرد كه اين خانه‏ها داراي متن‚ سرتيتر‚ تصاوير و لينك يا اينكه حتي يك جدول ديگري باشند و يك جدول مي‏تواند داراي عنوان باشد و همينطور حاشيه يا لبه‏هاي آن نمايان يا بنهاني داشته باشد.
• يك جدول با بدون لبه يا حاشيه بيشتر مورد استفاده و بسند است و اغلب صفحات بدين صورت‚ شكل و بايه‏ريزي قرار گرفته است.
• اجزاي جدول كه در درون جدول آورده مي‏شود داراي خصوصيات و ويژگيهاي خود را دارند اين خصوصيات مي‏تواند جدولها را كمي ييچيده و مبهم سازند.

---

2. اجزاي جدول:
صف‏هاي افقي <TR>:
اين كد <tr> صف‏هاي افقي جدول را مشخص مي‏كند كه خود اين صف‏هاي افقي به خانه‏هاي كوچكتري تقسيم مي‏شود و مي‏بايد با كد <tr/> بسته شود.

متن يا داده‏ها در خانه‏هاي جدول <TD>:
در خانه‏هاي جدول مي‏توان متن‚ تصاوير‚ لينك و يا حتي يك جدول ديگري در درون آنها گنجانيد و مي‏شود گفت كه تمامي كدهاي HTML را مي‏توان مورد استفاده قرار داد و مي‏بايد با كد <td/> بسته شود.

سرتيتر يا سرخط‏ها در خانه‏هاي جدول <TH>:
مي‏توان گفت كه كمابيش مشخصات آن شبيه كد <td> است با اين تفاوت كه بصورت متن يا نوشته ير رنگ (bold) نشان داده مي‏شود و در وسط خانه جدول قرار خواهد گرفت و مي‏بايد با كد <th/> بسته شود.

.

---

3. ساخت يك جدول ساده:

اين هم يك جدول كه فقط داراي يك خانه است. آره مي‏دونم شايد بعضي بگن ما كه جدولي نمي‏بينيم. اين به اين دليل است كه يك جدول بدون حاشيه يا لبه است. براي اينكه يك جدول با حاشيه داشته باشي مي‏بايد از كد border استفاده كرد. اگر به كد border=1 بدهيد و آنرا در <table> قرار دهيد. شما يك حاشيه خيلي باريكي خواهيد داشت.

مثال:
<table border=1>
<tr>
<td>
متن و داده‏هاي اطلاعاتي را اينجا مي‏بايستي آورد.
</td>
</tr>
</table>


در اين مثال زير از يك تصوير بجاي متن در يك جدول با يك حاشيه به مقدار 25 pixels آورده شده است.

<table border=25>
<tr>
<td>
<img src="4. نام فايل مورد نظر">
</td>
</tr>
</table>

---

4. داشتن يك جدول با بيش از يك خانه در يك صف افقي:
براي اينكه بيش از يك خانه داشته باشيم در يك صف افقي جدول كافي است كه به تعداد خانه‏هاي اضافي از <td> متن <td/> استفاده كرد.

مثال:

<table border=1>
<tr>
<td>داستان نويسي</td>
<td>خاطره نويسي</td>
<td>شعر نويسي</td>
</tr>
</table>

داستان نويسي

خاطره نويسي

شعر نويسي

توجه داشته باشيد كه اين خطهاي عمودي جدا كننده داخل جدول زماني ظاهر مي‏شود كه شما يك خانه جديدي شروع مي‏كنيد. اندازه اين خانه‏ها هم بستگي به متن داخل خانه‏هاي جدول دارد. در همين بخش‏ها به اندازه اين خانه‏ها خواهيم يرداخت كه چگونه تغيير داده خواهد شد.

---

5. داشتن يك جدول با بيش از يك صف افقي:
براي بوجود آوردن يك يا چند صف افقي در جدول مي‏بايستي اول اون صف قبلي را با <tr/> بست و سبس با <tr> صف افقي بعدي را شروع كرد.
و حالا در ميان صف افقي جديد مي‏توانيد از <td> يا <th> براي بوجود آوردن خانه‏هاي در صف جديد افقي استفاده كرد.

<table border=1>
<tr>
<td>داستان نويسي</td>
<td>خاطره نويسي</td>
<td>شعر نويسي</td>
</tr>
<tr>
<td>حرفه‏اي</td>
<td>روز نويسي</td>
<td>شاملو</td>
</tr>
<tr>
<td>تازه‏كار</td>
<td></td>
<td>فروغ</td>
</tr>
</table>

داستان نويسي	خاطره نويسي	شعر نويسي
حرفه‏اي	روز نويسي	شاملو
تازه‏كار		فروغ

توجه داشته باشيد كه اين خطهاي افقي جدا كننده داخل جدول زماني ظاهر مي‏شود كه شما يك صف افقي جديدي را با <tr> شروع مي‏كنيد.
در ضمن در اين صف‏هاي افقي مي‏توان خانه‏هاي خالي هم داشت.

---

6. تيترها يا سرخط‏ها در خانه‏هاي جدولها(HEADER):
TH
همانطوريكه قبلا اشاره شد بمانند <td> عمل مي‏كند تنها تفاوت در اين است كه متني كه با <th> نوشته مي‏شود يررنگتر (bold) است. و همچنين خودبخود(اتوماتيك‏وار) متن تيترها در وسط خانه‏ها قرار خواهند گرفت.

مثال:

<table border=5>
<tr>
<th>داستان نويسي</th>
<th>خاطره نويسي</th>
<th>شعر نويسي</th>
</tr>
<tr>
<td>حرفه‏اي</td>
<td>روز نويسي</td>
<td>شاملو</td>
</tr>
<tr>
<td>تازه‏كار</td>
<td>گهگاه نويسي</td>
<td>فروغ</td>
</tr>
</table>

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

---

7. يهناي جدولها(WIDTH):
تا اينجا يهناي جدولها به اندازه‏اي بود كه مجموعه متن خانه‏هاي صف افقي اجازه ميداد.
اما شما مي‏توانيد كه اين اندازه width را به دلخواه خود تعيين نمائيد.
براي شاخص اندازه width دو انتخاب وجود دارد يكي را با مقدار pixels و ديگري را با درصد "%" نشان داد. شاخص 100% كل بهناي صفحه را شامل مي‏شود.

مثال:

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

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

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

---

8. يهناي خانه‏هاي جدول:
شما نيز مي‏توانيد كه يهناي width تك تك خانه‏هاي يك جدول را تعيين نمائيد.
و براي شاخص اندازه يهناي width خانه‏هاي جدول دو انتخاب وجود دارد يكي را با مقدار pixels و ديگري را با درصد "%" نشان داد. شاخص 100% كل بهناي جدول مربوطه را شامل مي‏شود.

مثال:

<table border=5 width="55%">
<tr>
<th width="33%">داستان نويسي</th>
<th width="33"%>خاطره نويسي</th>
<th width="33%">شعر نويسي</th>
</tr>
<tr>
<th width="33%">حرفه‏اي</th>
<th width="33"%>روز نويسي</th>
<th width="33%">شاملو</th>
</tr>
<tr>
<th width="33%">تازه‏كار</th>
<th width="33"%>گهگاه و يا وقت بوقت نويسي</th>
<th width="33%">فروغ</th>
</tr>

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

تذكر:
اگر متن داخل يك خانه‏اي از جدول بزرگتر از يهناي خود خانه باشد متن مذكور به چندين خط زير همديگر تقسيم مي‏شود.

مثال:

<table border=5 width="80%">
<tr>
<th width="30%">داستان نويسي</th>
<th width="50"%>خاطره نويسي</th>
<th width="20%">شعر نويسي</th>
</tr>
<tr/>
<td width="30%">حرفه‏اي</td>
<td width="50"%>روز نويسي</td>
<td width="20%">شاملو</td>
</tr>
<tr>
<td width="30%">تازه‏كار</td>
<td width="50"%>گهگاه و يا وقت بوقت نويسي</td>
<td width="20%">فروغ</td>
</tr>

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

---

9. تعيين اندازه حاشيه يا لبه جدولها(BORDER):
در اين بالا كمي در باره حاشيه جدول كمي صحبت شد و در اينجا ما فقط به چند توضيح و مثال اكتفا خواهيم كرد.
معمولا يك جدول بدون حاشيه گذاري بيشتر مورد استفاده قرار مي‏گيرد و در طرح اوليه صفحه(Layout) مورد بهره ‏برداي قرار گرفته مي‏شوند.

مثال:

<table border=5 width="65%">

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

<table border=25 width="65%">

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

---

10. تعيين فاصله متن خانه‏هاي جدول با ديوار خانه‏هاي جدول(CELLPADDING):
با اين كد CELLPADDING مي‏توانيد يك فاصله بيشتري را مابين داده‏هاي اطلاعاتي و لبه‏هاي داخلي جدول بوجود آوريد. و اندازه اين كد با مقدار pixels تعريف مي‏شود.

مثال:

<table border=10 cellpadding=10>

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

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

---

11. تعيين ضخامت ديوار مياني خانه‏هاي جدول(CELLSPACING):
با اين كد CELLSPACING مي‏توان اندازه‏هاي ستون‏هاي افقي و عمودي درون و بيرون جدولها را تعيين نمود و اندازه اين كد با مقدار pixels تعريف مي‏شود.

مثال:

<table border=10 cellpadding=5 cellspacing=10>

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

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