جدول های

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

 

ارسال نظر


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