برچسب Table
تعریف و کاربرد
برچسب table یک جدول تعریف می کند. داخل این برچسب، می توانید سرستونها، سطرها،
سلولهای جدول و یا جدولی دیگر وارد کنید.
تفاوت بین HTML و XHTML
موجودیت "align" و "bgcolor" در HTML 4.01 دیگر توصیه نمی شوند.
موجودیت "align" و "bgcolor" در XHTML 1.0 نوع Strict دیگر توصیه نمی شوند.
مثال
منبع |
خروجی |
<table border = "1">
<tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</table> |
|
خواص انتخابی
DTD نشان می دهد که در کدام DTD این خواص
مجاز هستند.S=اکید ، T=وابسته، F=frameset.
موجودیت |
مقدار |
توضیحات |
DTD |
align |
left
center
right |
چیدمان متن در سلول را تعیین می کند. به جای آن از style استفاده
کنید. |
TF |
bgcolor |
rgb(x,x,x)
#xxxxxx
colorname |
برای سلول رنگ پس زمینه تعیین می کند. توصیه می شود به جای آن از
style استفاده کنید. |
TF |
border |
pixels |
پهنای حاشیه جدول را تعیین می کند. نکته: با قرار دادن
border="0" جدولی بدون حاشیه بدست می آید!
|
STF |
cellpadding |
pixels
% |
فاصله بین دیواره و محتوای سلولها را تعیین می کند. |
STF |
cellspacing |
pixels
% |
فاصله بین سلولها را می توان با این موجودیت، تعیین کرد. |
STF |
frame |
void
above
below
hsides
lhs
rhs
vsides
box
border |
نوع نمایش حاشیه بیرونی جدول را مشخص می کند. نکته: این موجودیت
به همراه موجودیت "border" استفاده می شود!
|
STF |
rules |
none
groups
rows
cols
all |
برای تنظیم نمایش خطوط افقی و عمودی درون جدول استفاده می شود. نکته:
این موجودیت به همراه موجودیت "border" استفاده می شود!
|
STF |
summary |
text |
خلاصه ای از محتوای جدول را برای بیان در مرورگرهای صوتی تعریف می
کند. |
STF |
width |
%
pixels |
عرض جدول را تعیین می کند. |
STF |
خواص استاندارد
id, class, title, style, dir, lang, xml:lang
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove,
onmouseout, onkeypress, onkeydown, onkeyup
خودتان بیازمایید
جدولها
این مثال به ما نشان می دهد که چگونه می توانیم یک جدول بکشیم.
حاشیه جدول
این مثال حاشیه های مختلف جدول را نشان می دهد.
(مثالهای بیشتر، در انتهای این صفحه آمده است)
جدول بدون حاشیه
در این مثال یک جدول بدون حاشیه را می بینید.
سرتیترهای
جدول
چگونگی نمایش سرتیترها را در جدول می بینید.
سلول خالی
این مثال طریق استفاده از " "، برای نمایش صحیح سلولهای خالی را نشان می
دهد.
عنوان جدول
این مثال چگونگی عنوان دار کردن جدول را نشان می دهد.
توسعه سلول جدول
به بیش از یک سطر یا ستون
در این مثال چگونگی ساخت سلولی که بیش از یک ستون یا سطر را می پوشاند را می
بینید.
جدول در جدول
برای ساخت جدولی، درون یک جدول دیگر، به این مثال توجه کنید.
حاشیه
خالی سلول
در این مثال، روش قرار دادن حاشیه خالی بین محتوای سلول و حاشیه ان را می آموزیم.
فاصله
سلولها
برای تعیین فاصله بین سلولها به این مثال توجه کنید.
زمینه جدول
برای زمینه جدول می توان یک رنگ و یا یک عکس را انتخاب کرد. به این مثال توجه
کنید.
زمینه
برای یک سلول
همانند مثال قبل است با این تفاوت که این بار زمینه فقط برای یک سلول انتخاب می
شود.
محل نمایش
محتوای یک سلول
با استفاده از موجودیت "align"، می توان محل نمایش محتوای یک سلول را تعیین کرد.
برای این منظور به این مثال توجه کنید.
تعین قاب دور
جدول
به کمک موجودیت "frame"، میتوان نوع قاب دور جدول را تعیین کرد. نگاه کنید.
|