جدول های

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

 

ارسال نظر


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