جدول های

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

 

ارسال نظر


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