چگونه و چطور دستخط و رنگ را در جدولها مورد استفاده قرار دهيم:
- دستخط در جدولها(FONT):
- رنگ در جدولها(COLOR):
- خانه خالي در جدولها(EMPTY DATA CELLS):
- استفاده از تصاوير براي زمينه جدولها(TABLE BACKGROUND IMAGE):
- استفاده از تصاوير براي زمينه در خانههاي يك جدول(CELL BACKGROUND IMAGE):
1. دستخط در جدولها(FONT):
نمايشگرهاي متفاوت دستخطها را در جدولها بطور يكسان و يك شكل نمايش نميدهند. اگر دستخط و اندازه آن را مشخص نكنيد نمايش دستخط و اندازه آن بصورت تعيين شده در قبل(default) كه معمولا Times New Roman و size=3 است.
اگر شما يك دستخط مشخصي را براي تمامي صفحه انتخاب نمودهايد Internet Explorer آن دستخط را در جدول اجرا ميكند با يك اندازه دستخط از قبل تعيين شده.
Netscape فقط دستخط و اندازه از قبل تعيين شده را اجرا خواهد كرد.
اين مواردي كه گفته شد در ارتباط با دستخطهاي بود كه با حروف لاتين نوشته ميشود كه تعداد آنها به دهها ميرسد و نه غير.
2. رنگ در جدولها(COLOR):
براي رنگ آميزي جدولها سه گزينش وجود دارد.
1. رنگ آميزي زمين يا طرح جدول(Background Color).
2. رنگ آميزي خانههاي جدول(Cell Color).
3. رنگ آميزي حاشيه يا لبه جدول(Border Color).
1. رنگ آميزي زمين يا طرح جدول(Background Color).
براي عوض كردن كامل رنگ زمينه ميبايستي از كد BGCOLOR در داخل tag TABLE قرار داد.
يك نكته:
در اينجا بايد اين را اشاره كرد كه تمامي نمايشگران كد Table Background را حمايت نميكنند.
مثال:
<table bgcolor="نام يا كد رنگ مورد نظر">
| آسمان آبي |
درياي طوسي |
خورشيد زرين |
| زمين خاكستري |
ماه نقرهاي |
روياي بي رنگ |
2. رنگ آميزي خانههاي جدول(Cell Color).
براي عوض كردن رنگ زمينه خانههاي جدول ميبايست از كد BGCOLOR در درون <td> يا <th> مورد استفاده قرار داد و بياد داشته باشيد كه تمامي نمايشگران در اين مورد يكسان عمل نميكنند.
مثال:
<td bgcolor="نام يا كد رنگ مورد نظر">
يا اينكه
<th bgcolor="نام يا كد رنگ مورد نظر">
| آسمان آبي |
درياي طوسي |
خورشيد زرين |
| زمين خاكستري |
ماه نقرهاي |
روياي بي رنگ |
3. رنگ آميزي حاشيه يا لبه جدول(Border Color).
شما ميتوانيد با وارد كردن كد BORDERCOLOR در درون <table> رنگ مورد دلخواه خود را براي حاشيه يا لبه جدول برگزينيد و در ضمن بخاطر داشته باشيد كه اين كد در تمامي تمامي نمايشگران در اين مورد يكسان عمل نميكنند و حمايت نميكند.
مثال:
<table bordercolor="نام يا كد رنگ مورد نظر">
| آسمان آبي |
درياي طوسي |
خورشيد زرين |
| زمين خاكستري |
ماه نقرهاي |
روياي بي رنگ |
در نمايشگر Internet Explorer براي مبحث حاشيه يا لبه دو نوع كد ديگري هم وجود دارد كه براي حاشيه با ابعاد يهن مورد استفاده است. كد bordercolorlight براي بالا و سمت چب و كد bordercolordark براي بايين و سمت راست جدول بايد بكار برده شود تا حاشيههاي جدول را در نقاط نامبرده شده روشن و تاريك نشان داده شود. اين گزينهها در نمايشگر Netscape عمل نخواهد كرد و نشان داده نميشود و روي اين اصل است كه توصيه ميشود كه همراه با اين دو كد از كد bordercolor هم استفاده بشود كه تا مراجعه كنندگاني كه داراي نمايشگر Netscape هستند بتوانند حداقل از ديدن رنگ معمولي حاشيه بيبهره نباشند.
مثال:
<table border=10 bordercolordark="نام يا كد رنگ مورد نظر" bordercolorlight="نام يا كد رنگ مورد نظر"
bordercolor="نام يا كد رنگ مورد نظر" cellpadding=10 >
| آسمان آبي |
درياي طوسي |
خورشيد زرين |
| زمين خاكستري |
ماه نقرهاي |
روياي بي رنگ |
3. خانه خالي در جدولها(EMPTY DATA CELLS):
اگر شما در يك جدول يك يا چند خانه را چيزي درون آنها نگنجانيد اين خانهها بصورت مطلوبي نشان داده نخواهد شد. از اينرو دو گزينش ارايه ميشود تا علاقمندان بتوانند اين نقيصه بر طرف سازند. قبل از اينكه بيردازم به شرح اين دو راه حل بايد گفت كه نمايشگر Netscape خانههاي خالي را در جدول بدرستي نميبذيرد و حتي رنگ زمينه خانههاي خالي را خم نشان نخواهد داد.
1. ;nbsp&:
با اين كد شما ميتوانيد خانههاي خالي را مانند ديگر خانهها اما خالي بنمايش گذاشت.
;nbsp& مخفف non-breaking space است.
2. استفاده از يك فايل تصويري با دارا نبودن هيچگونه تصوير:
اصطلاحا به اين روش فايل تصوير خالي ميگويند بدليل اينكه هيچ تصويري در اين فايل وجود بدارد مثل اين تصوير زير.
مثال:
| روش بكار برده شده
|
شنبه |
يكشنبه |
دوشنبه |
|
هيچ چيزي در صف اين خانهها گنجانده نشده
|
|
|
|
|
تصوير خالي در صف اين خانهها گنجانده شده
|
 |
|
|
|
;nbsp& در صف اين خانهها گنجانده نشده
|
|
|
|
در اين جدول فقط از فايل تصوير خالي استفاده شده.
| فروردين 1381 |
|---|
| شنبه |
يكشنبه |
دوشنبه |
سهشنبه |
چهارشنبه |
بنچ شنبه |
جمعه |
|
|
|
|
|
1 |
2 |
| 3 |
4 |
5 |
6 |
7 |
8 |
9 |
| 10 |
11 |
12 |
13 |
14 |
15 |
16 |
| 17 |
18 |
19 |
20 |
21 |
22 |
23 |
| 24 |
25 |
26 |
27 |
28 |
29 |
30 |
4. استفاده از تصاوير براي زمينه جدولها(TABLE BACKGROUND IMAGE)
شما ميتوانيد از تصاوير بجاي رنگ در زمينه جدولها استفاده كنيد.
براي گنجاندن كد تصوير زمينه جدول background="نام فايل مورد نظر" ميبايست در <table> جاي داده شود.
مثال:
<table border=10 cellpadding=20 background="نام فايل مورد نظر">
| فردوسي |
حكيم عمر خيام |
حافظ |
| ابو علي سينا |
رازي |
سعدي |
يك نكته:
بايد توجه داشته باشيد كه اگر يك يا چند از خانههاي جدول را متفاوت از تصوير زمينه در نمايشگر Internet Explorer مشخص گردد نشان داده خواهد شد اما در نمايشگر Netscape به اين صورت عمل نخواهد كرد و نمايشگر تنها تصوير زمينه را نمايش خواهد داد هر چند كه شما خانههاي از جدول را متفاوت از كل تصوير زمينه جدول تعيين نمائيد.
مثال:
| فردوسي |
حكيم عمر خيام |
حافظ |
| ابو علي سينا |
رازي |
سعدي |
5. استفاده از تصاوير براي زمينه در خانههاي يك جدول(CELL BACKGROUND IMAGE):
علاوه بر مشخص نمودن كل زمينه جدول بكمك تصاوير نيز اين امكان را هم داريد كه زمينه تنها يك يا چند تا از خانههاي جدول را با تصاوير آرايش دهيد.
براي گنجاندن زمينه تصوير در يك خانه از خانههاي جدول ميبايد كه اين كد را background="نام فايل مورد نظر" در درون <TD> يا <TH> جاي دهيد.
مثال:
<th background="نام فايل مورد نظر" width="33"%>
| نان سنگگك |
نان بربري |
نان لواش |
| نان تيري |
نان مادر بزرگ |
نان جو |
