00:12 تسلسل الترويسات
تقارن التجربة h1 إلى h6 وتستخدم مقالاً ومحتوى ذا صلة لتوضيح العنوان الرئيسي وعناوين الأقسام والتفرعات. الهدف تسلسل مفهوم، وليس اختيار المستوى لأن حجمه الافتراضي مناسب بصرياً.
03:09 القوائم المرتبة وغير المرتبة
تحتوي ul أو ol عناصر li؛ وتتحول القائمة إلى مرقمة عند استخدام ol. احفظ وأعد التحميل للمقارنة. تستخدم القوائم في المحتوى والتنقل ويمكن أن تحتوي عناصرها محتوى آخر.
05:07 الجداول للمعلومات الجدولية
يعرض المثال رؤوس الأعمدة والصفوف والخلايا، وإضافة صف جديد بالبنية نفسها. تناسب الجداول المواصفات والقياسات، وتختلف عن استخدام الجداول لتخطيط الصفحة كاملة.
07:00 تجميع المحتوى باستخدام div
يجمع div عنواناً وفقرات دون إضافة نص مرئي تلقائياً. افحص العناصر بداخله، ثم عدل تنسيق المجموعة وأضف ID لاستهدافها من CSS. تربط التجربة الأنماط بعنصر محدد.
10:51 مقارنة div وspan
يظهر اختلاف التقديم الافتراضي بين عناصر الكتلة والعناصر السطرية. كرر كتابة الأمثلة وفحصها لفهم المخرجات ومناقشة التعديلات خلال تدريب HTML وتحسين محركات البحث للمطورين.