آموزش طراحی و کار با جدول ها در HTML

با مشاهده این کورس آموزشی با جدول ها یا همان Table ها در اچ تی ام ال آشنا شده و کدنویسی آن ها را در پروژه های واقعی یاد گرفته و همراه با مدرس دوره تمرین و تجربه خواهید کرد.

عنوان اصلی : HTML: Tables

سرفصل ها :

معرفی
جداول HTML معنایی ایجاد کنید
آنچه شما باید بدانید
کار با CodePen
1. مبانی جدول
نمایش داده ها به صورت معنایی
ردیف های جدول و داده های جدول را درک کنید
محتوا و داده را به سلول های جدول اضافه کنید
سرفصل های جدول را درک کنید
سر، بدن و پا میز را مشخص کنید
شامل شرح جدول
ستون ها را گروه بندی کنید و روی سرصفحه ها اعمال کنید
از colspan و rowspan استفاده کنید
چالش: جدول را علامت گذاری کنید
راه حل: جدول را علامت گذاری کنید
2. یک ظاهر طراحی جداول HTML
سبک حاشیه میز و یک ظاهر طراحی اولیه
تیتر جدول را مدل دهید
سرصفحه ها و پاورقی های جدول خود را مدل دهید
ردیف های جدول راه راه با رنگ های پس زمینه
چالش: سبک جداول HTML
راه حل: جداول HTML را سبک کنید
3. پاسخگو کردن جداول
جداول پاسخگو با اسکرول جانبی
یک جدول را برای چیدمان پاسخگو قالب بندی کنید
ترفندهای نهایی استایل
چالش: جداول را پاسخگو کنید
راه حل: جداول را پاسخگو کنید
نتیجه
مراحل بعدی