جدول های

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> پاورقی جدول را معرفی می کند

 

ارسال نظر


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