0. مقدمه
01 - جداول html معنایی ایجاد کنید
02 - آنچه باید بدانید
03 - کار با کدپن
1. مبانی جدول
04 - نمایش داده ها به صورت معنایی
05 - ردیف های جدول و داده های جدول را درک کنید
06 - محتوا و داده ها را به سلول های جدول اضافه کنید
07 - سرفصل های جدول را درک کنید
08 - سر، بدن و پا میز را شناسایی کنید
09 - شامل شرح جدول
10 - ستون ها را گروه بندی کنید و روی سرصفحه ها اعمال کنید
11 - از colspan و rowspan استفاده کنید
12 - چالش - جدول را علامت گذاری کنید
13 - راه حل - جدول را علامت گذاری کنید
2. یک ظاهر طراحی جداول HTML
14 - سبک حاشیه میز و یک ظاهر طراحی اولیه
15 - تیتر جدول را حالت دهید
16 - سربرگ و پاورقی جدول خود را سبک دهید
17 - ردیف های جدول راه راه با رنگ های پس زمینه
18 - جداول html به سبک چالش
19 - جداول html به سبک راه حل
3. پاسخگو کردن جداول
20 - جداول پاسخگو با اسکرول کناری
21 - جدول را برای چیدمان واکنشگرا فرمت کنید
22 - ترفندهای نهایی استایل
23 - چالش - جداول را پاسخگو کنید
24 - راه حل - جداول را پاسخگو کنید
نتیجه
25 - مراحل بعدی
0.Introduction
01 - create semantic html tables
02 - what you should know
03 - working with codepen
1. Table Basics
04 - display data semantically
05 - understand table rows and table data
06 - add content and data to table cells
07 - understand table headings
08 - identify table head, body, and foot
09 - include table captions
10 - group columns and apply to headers
11 - use colspan and rowspan
12 - challenge- mark up a table
13 - solution- mark up a table
2. Styling HTML Tables
14 - style table borders and basic styling
15 - style the table caption
16 - style your table headers and footers
17 - stripe table rows with background colors
18 - challenge- style html tables
19 - solution- style html tables
3. Making Tables Responsive
20 - responsive tables with side scrolling
21 - reformat a table for responsive layout
22 - final styling tweaks
23 - challenge- make tables responsive
24 - solution- make tables responsive
Conclusion
25 - next steps