جدول های

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

 

ارسال نظر


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