جدول ها در HTML

جدول ها در HTML توسط برچسب <table> ايجاد مي شوند. يک جدول توسط برچسب <tr> به سطرها تقسيم مي شود و هر سطر توسط برچسب <td> به خانه هاي اطلاعاتي تقسيم مي شود. يک خانه اطلاعاتي متواند شامل متن، تصوير، فهرست، پاراگراف، فرم، جدول و يا هر چيز ديگري باشد. دو مثال زير طريقه استفاده از برچسبهاي گفته شده را نشان مي دهد.
* مثال زيريک جدول حاشيه دارمي باشد که ضخامت حاشيه توسط مشخصه border=:"1” تعيين شده است.

* در مثال زير يک جدول بدون حاشيه نشان داده شده است.

مشخصه border

اگر شما مشخصه border را تعيين نکنيد جدول شما حاشيه نخواهد داشت. گاهي اوقات جدول بدون حاشيه براي طرحبندي صفحه مفيد است ولي اغلب اوقات مي خواهيد که جدولتان حاشيه داشته باشد. براي نمايش جدولي با حاشيه بايد از مشخصه border استفاده کنيد؛ همانند جدول مثال قبل. عنوانها در جدول عناوين ستونها در يک جدول توسط بر چسب <th> مشخص مي شوند. به مثال زير توجه کنيد.

توسط برچسب <caption> مي توانيد عنواني براي جدول خود در نظر بگيريد. به مثال زير توجه کنيد.

خانه هاي خالي در جدول

گاهي اوقات ما نياز پيدا مي کنيم که بعضي از خانه هاي جدول خالي باشند. اگر جدول ما داراي حاشيه باشد و در خانه مورد نظر چيزي ننويسيم (<td></td>) در اين صورت جدول ما به صورت زير ديده مي شود.
براي جلوگيري از بهم خوردن حاشيه بايد حرف نهادي &nbsp; را بکار ببريم يعني از <td>&nbsp;</td> به جاي <td></td> استفاده کنيم در اين صورت جدول به صورت زير خواهد بود.

مشخصه colspan

براي درک مفهوم اين مشخصه و کاربرد آن به مثال زير توجه کنيد.

مشخصه rowspan

براي درک مفهوم اين مشخصه و کاربرد آن به مثال زير توجه کنيد.

مشخصه cellpadding

از اين مشخصه براي ساختن فضاي خالي بيشتر بين محتويات هر خانه و حاشيه آن استفاده مي شود. به مثال زير توجه کنيد.

مشخصه cellspacing

از اين مشخصه براي ساختن فضاي خالي بيشتر بين خانه ها استفاده مي شود. به مثال زير توجه کنيد.

چند مشخصه ديگر در مورد جداول

*توسط مشخصه bgcolor مي توانيد رنگ زمينه جدول يا خانه هاي آن را تعيين کنيد.

*مشخصه width عرض جدول يا يک خانه را تعيين مي کند و مشخصه height ارتفاع جدول يا يک خانه را تعيين مي کند. و مقدار اين دو مشخصه معمولا بر حسب pixel مي باشد.
*توسط مشخصه background مي توانيد تصويري در پس زمينه جدول يا خانه ها قرار دهيد.

*از مشخصه align براي مرتب کردن محتويات خانه هاي يک جدول در جهت افقي استفاده مي شود که مثلا در سمت راست يا وسط ويا سمت چپ خانه قرار بگيرند ويا اينکه اگر محتويات خانه متن است، متن به صورت justify مرتب شود؛ و از مشخصه valign براي مرتب کردن محتويات خانه هاي يک جدول در جهت عمودي استفاده مي شود.
<td align="left/center/right/justify">Make-Up</td>
<td valign="top/middle/bottom">Make-Up</td>
*مشخصه ديگري که در جدولها کاربرد دارد مشخصه frame است که داراي انواع border،box،void،above،below،hsides،vsides،lhs،rhs مي باشد. سه مثال زير کاربرد اين مشخصه را نشان مي دهد.

نکته
يکي از نکات مهم در زيبايي صفحهHTMLشمااستفاده از طرح بندي (layout) مناسب است. يکي از معمولترين راهها در ايجادطرحبندي دلخواه استفاده از جداول مي باشد. و براي اينکار معمولا از جداول بدون حاشيه استفادهمي کنند. به عنوان مثال متن اين نکته به شيوه روزنامه اي و توسط يک جدول بي حاشيه وداراي سه ستون ايجاد شده است.
ادامه دارد ......
* ارسال مقاله توسط عضو محترم سايت با نام کاربري : davidfattahi
/خ