در این قسمت از سری آموزش های html به جدول ها می پردازیم. جدول در html کاربرد زیادی دارد. علاوه بر وارد کردن داده ها، با استفاده از جدول می توانیم صفحات وب را طرح بندی کنیم. در واقع صفحات وب از مستطیل و مربع هایی در کنار هم تشکیل شده اند. این باکس ها را می توان با جدول طراحی کرد.
چگونه در html جدول ایجاد کنیم؟
برای ایجاد جدول در صفخحات وب از تگ <table> استفاده می کنیم. همان طور که می دانید هر جدول از سطر ها و ستون هایی تشکیل شده است.
مراحل ایجاد جدول در html
- بعد از تگ <table> تگ <tr> را برای تولید یک سطر جدول می نویسیم.
- با استفاده از تگ <td> فیلد های سطر جاری یا عناوین هر ستون جدول را مشخص می کنیم.
توجه داشته باشید که برای هر سطر جدول باید یک تگ <tr> بنویسیم که به ازای هر فیلد یک تگ <td> در داخل آن قرار می گیرد.
<table> <tr> <--شروع خط اول--> <td>خط اول - ستون اول</td> <td>خط اول - ستون دوم</td> </tr> <tr> <--شروع خط دوم--> <td>خط دوم - ستون اول</td> <td>خط دوم - ستون دوم</td> </tr> </table>
در اچ تی ام ال از علامت <– متن مورد نظر –> برای کامنت گذاری استفاده می شود. هر چیزی که در کامنت قرار دهیم توسط مرورگر در نظر گرفته نمی شود. از کامنت ها برای توضیح در کدها استفاده می کنیم.
در مورد جداول در اچ تی ام ال نکات بیشتری وجود دارد که در جلسات آینده به آن ها اشاره می کنیم.