جدول های

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

 

ارسال نظر


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