جدول های

1 1 1 1 1 1 1 1 1 1 رتبه 0.00 (0 رای)

به وسیله HTML شما می توانید جدول بسازید


مثالها

جدولها
این مثال به ما نشان می دهد که چگونه می توانیم یک جدول بکشیم.

حاشیه جدول
این مثال حاشیه های مختلف جدول را نشان می دهد.

(مثالهای بیشتر، در انتهای این صفحه آمده است)


جدول ها

جداول بوسیله برچسب<table>معرفی می شوند.هر جدول به سطرها (بوسیله برچسب <tr>)و هر سطر به سلول های داده تقسیم می شود (بوسیله برچسب <td>) حروف td بیانگر داده جدولی (table data) هستند که حاوی سلول داده است.یک سلول داده می تواند حاوی متن ، عکس ، لیست ها ، پاراگراف ها ، فرم ها ، خط های افقی و جدول ها و... باشد.

row۱,cel۱ row۱,cel۲
row۲,cel۱ row۲,cel۲
<table border="۱">
<tr>
<td>row۱,cel۱</td>
<td>row۱,cel۲</td>
</tr>
<tr>
<td>row۱,cel۱</td>
<td>row۱,cel۱</td>
</tr>
</table>

جدول ها و عنصر حاشیه

اگر شما عنصر حاشیه را معین نکنید ، جدول بدون حاشیه نشان داده خواهد شد. گاهی اوقات این می تواند مفید باشد اما بیشتر مواقع شما می خواهید که حاشیه ها نشان داده شوند.برای نشان دادن جداول با حاشیه شما باید از عنصر حاشیه (border) استفاده کنید.

<table border="۱">
<tr>
<td>row۱,cel۱</td>
<td>row۱,cel۲</td>
</tr>
<tr>
<td>row۲,cel۱</td>
<td>row۲,cel۲</td>
</tr>
</table>


سر تیترها در جداول

سرتیترها در یک جدول با برچسب <th>مشخص می شوند.

 

Another Heading Heading
row۱,cel۲ row۱,cel۱

 

<table border="۱">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row۱,cel۱</td>
<td>row۱,cel۲</td>
</tr>
</table>

سلول های خالی در جداول

سلول های جداول با محتوای خالی در بیشتر مرورگرها خوب نشان داده نمی شوند.

row۱,cel۲ row۱,cel۱
  row۲,cel۱
<table border="۱">
<tr>
<td>row۱,cell۱</th>
<td>row۱,cell۲</th>
</tr>
<tr>
<td>row۲,cel۱</td>
<td></td>
</tr>
</table>

این کدها در مرورگر بدین صورت نشان داده می شوند.توجه کنید که حاشیه های اطراف سلول خالی جدول از بین رفته است(موزیلا فایر فاکس(Fire Fox) حاشیه را نشان می دهد.).برای جلوگیری از آن یک فاصله نا مقطوع(;nbsp&) به سلول داده خالی اضافه کنید تا حاشیه را مشخص سازید.

row۱,cel۲ row۱,cel۱
  row۲,cel۱
<table border="۱">
<tr>
<td>row۱,cell۱</th>
<td>row۱,cell۲</th>
</tr>
<tr>
<td>row۲,cel۱</td>
<td> &nbsp; </td>
</tr>
</table>

نکته های پایه ای-اطلاعات مفید

عناصر <thead>، <tbody>و <tfoot>به دلیل پشتیبانی بد مرورگر ها به ندرت مورد استفاده قرار می گیرند. انتظار می رود که در نسخه های بعدی XHTML این روند تغییر کند.


مثالهای بیشتر

جدول بدون حاشیه
در این مثال یک جدول بدون حاشیه را می بینید.

سرتیترهای جدول
چگونگی نمایش سرتیترها را در جدول می بینید.

سلول خالی
این مثال طریق استفاده از "&nbsp;"، برای نمایش صحیح سلولهای خالی را نشان می دهد.

عنوان جدول
این مثال چگونگی عنوان دار کردن جدول را نشان می دهد.

توسعه سلول جدول به بیش از یک سطر یا ستون
در این مثال چگونگی ساخت سلولی که بیش از یک ستون یا سطر را می پوشاند را می بینید.

جدول در جدول
برای ساخت جدولی، درون یک جدول دیگر، به این مثال توجه کنید.

حاشیه خالی سلول
در این مثال، روش قرار دادن حاشیه خالی بین محتوای سلول و حاشیه ان را می آموزیم.

فاصله سلولها
برای تعیین فاصله بین سلولها به این مثال توجه کنید.

زمینه جدول
برای زمینه جدول می توان یک رنگ و یا یک عکس را انتخاب کرد. به این مثال توجه کنید.

زمینه برای یک سلول
همانند مثال قبل است با این تفاوت که این بار زمینه فقط برای یک سلول انتخاب می شود.

محل نمایش محتوای یک سلول
با استفاده از موجودیت "align"، می توان محل نمایش محتوای یک سلول را تعیین کرد. برای این منظور به این مثال توجه کنید.

تعین قاب دور جدول
به کمک موجودیت "frame"، میتوان نوع قاب دور جدول را تعیین کرد. نگاه کنید.


برچسب های جدول

برچسب ها توضیحات
<table> یک جدول معرفی می کند
<th> سرتیتر جدول معرفی می کند
<tr> یک سطر جدول معرفی می کند
<td> یک سلول جدول معرفی می کند
<caption> عنوان جدول معرفی می کند
<colgroup> یک گروه از ستون ها معرفی می کند
<col> یک مقدار موجودیت برای یک یا چند ستون معرفی می کند
<thead> سر یک جدول را معرفی می کند
<tbody> بدنه یک جدول را معرفی می کند
<tfoot> پاورقی جدول را معرفی می کند

 

ارسال نظر


قیمت وب مستر روش تبلیغات Crack TeamViewer Enterprise 9.28 پیج رنک Firefox بهینه سازی موتور جستجو وبسایت بمب گوگل ، ابر قدرت تعرفه cms برتر سه بعدی مصطفی رضایی vpn TeamViewer Enterprise سیستم مدیریت اعلام نمرات مدارس کاتالوگ آنلاین مادام العمر نامحدود Hotspot Shield Elite داینامک وبمستر پنالتی گوگل رایگان پیشرو پرداز یزد وب سایت در یزد بیلبورد بیلبورد در همدان فیلتر شکن تعرفه پانوراما تور مجازی 360 درجه You probably tried to upload too large file بیمارستان ها web نرم افزار حذف پسورد برنامه نویسی برنامه نویسی PHP سئوی سایت ITVAN شاه کلید وب photo spheres فروش لایسنس شرکت طراحی وب سایت در یزد Google Drawing خبر یزد Server Enterprise گوگل پلی طراحی اندروید طراحی وب آنتی ویروس 2014 هنری درمانگاه ها TeamViewer Enterprise 9.0.27614 اخبار یزد تصاویری ۳۶۰ درجه ای سیستم مدیریت ایمیل ملی پرداخت آنلاین Google Robot VIBER گوگل پنگوئن Rank معرفی سایت دوربین مداربسته در یزد بیلبورد در سمنان طراحی ساده سیستم مدیریت کارت شارژ بیلبورد در کرج TeamViewer بی نهایت سیستم نوبت دهی پزشکان W3C Validator سیستم مدیریت محتوا بیتا پیامک رایگان ESET NOD32 Antivirus 7 php سیستم مدیریت سامانه پیامک HTML پلانتی ESET Remote Administrator Server گوگل-goolge-طراحان سایت مدیران وب سایت بهترین شرکت طراحی وب سایت google bomb TeamViewer 10 طراحی وب یزد وب سایت ها Download Crack TeamViewer 9.28223 بیلبورد در یزد یزد Code Anywhere شبکه خصوصی حذف پسورد ویندوز صفحه اول گوگل گوگل وب مستر وب Dreamweaver بیلبورد در مشهد HTML5 boilerplate seo سئو و بهینه سازی تفاوت نسخه رایگان و نسخه اصلی نمونه کارها شورای انفورماتیک کشور عکاسی گوگل جستجو تصاویر در گوگل اول شرکت طراحی یزد پاناروما الگوریتم های پاندا و پنگوئن نمایش تصاویر وب سایت بیلبورد در شیراز خرید بلیط اینترنتی تصاویر 360 درجه حرفه ای Fetch as Googlebot jQuery UI برنامه نویسی موبایل در یزد یاهو شرکت طراحی وب یزد چک کردن نسخه کرک شده اولین شرکت طراحی وب سایت در یزد شرکت وب سایت یزد ESET Remote Administrator Console طراحی سه بعدی تبلیغات محیطی در یزد صفحات وب ویندوز: XP-7-8 نمونه کار طراحی وب سایت پزشک بیلبورد در تهران پیشرو پرداز الگوریتم کاتالوگ طراحی وب سایت بهترین روش رتبه اول Firebug نرم افزار ارسال انبوه تلگرام Ajax آتلیه بهترین روش تبیلغات شرکت طراحی و ب سایت در یزد اسکریپت نوبت دهی پزشکان بسته آموزش تصویری پارانوما تصاویر بندانگشتی نوبت دهی الکسا اپلیکیشن رسمی عکاسی گوگل robots سیستم فروشگاه ساز تکنولوژی وب ،فیلم برداری صنعتی پورتال کارت تخفیف سایت کلینیک ها تحت وب بیلبورد در مازندران فیلتر شکن 2015 جستجوگر آنی اد اسکریپت گالری تصاویر نقشه سایت وایبر XML کرک سئو ربات گوگل