طراحی وب

نحوه ساخت جدول HTML

برای مرتب و منظم نگاه داشتن وب‌سایت شما یکی از روش‌ها، استفاده از جدول HTML است.

این قطعاً پیچیده‌ترین قسمت این آموزش است، با این وجود یادگیری آن مطمئناً در طولانی‌مدت نتیجه خواهد داد.

با این حساب، جدول هنوز هم می‌تواند راهی مفید برای ارائه مطالب در صفحه شما باشد.

یک جدول از چه چیزی تشکیل شده است؟

هنگام ترسیم جدول باید عنصری را با برچسب باز <table> باز کنیم. در داخل این برچسب، جدول را با استفاده از سطرهای جدول، <tr> و سلول‌ها، <td> ساختار می‌دهیم.

یک مثال از جدول HTML به شرح زیر است:

این یک جدول ۲ ردیفی با ۳ سلول در هر ردیف تولید می‌کند.

برچسب‌های جدول

با این حال مراقب این برچسب‌ها باشید تا بتوانید آنها را بشناسید و همزمان با پیشرفت مهارت‌های خود از آن‌ها استفاده کنید.

برچسب جدولمعنامکان
theadسربرگ جدولبالای جدول
tbodyبدنه جدولمحتوای جدول
tfootپابرگ جدولپایین جدول
colgroupگروه ستوندرون جدول
thهدر جدولسلول داده برای هدر جدول

جدول‌ها، حاشیه‌ها، فاصله‌ها معمولاً با استفاده از CSS سبک می‌شوند که در آموزش‌های بعدی به آن خواهیم پرداخت.

ساخت جدول

در ویرایشگر متن خود به یک صفحه جدید در صفحه index.html بروید. کد HTML زیر را وارد کنید:

فایل را ذخیره کرده و پیش‌نمایش آن را در مرورگر مشاهده کنید.

تبریک می‌گوییم! شما یک جدول ایجاد کردید.

منبع: HTML.com
برچسب ها

نوشته‌های مشابه

دیدگاهتان را بنویسید

دکمه بازگشت به بالا
بستن