تعلم تنظيم المحتوى بإستخدام القوائم بأنواعها، إضافة الصور والوسائط إلى صفحات الويب. أنشئ صفحات غنية بالمحتوى المرئي والمنظم باستخدام HTML فقط.
الدرس 2 دليل القوائم والصور والوسائط في HTML
شرح القوائم، الصور، والوسائط في HTML محتوى الدرس القوائم في HTML الصور الفيديو والصوت تمرين عملي اختبار الدرس دليل القوائم في لغة HTML تستخدم القوائم لتنظيم المعلومات في شكل نقطي أو مرقم. 1. القوائم غير المرتبة (Unordered Lists) تستخدم للنقاط التي ليس لها ترتيب معين: الكود: <ul>
<li>عنصر أول</li>
<li>عنصر ثاني</li>
<li>عنصر ثالث</li>
</ul>
النتيجة: قهوة شاي حليب 2. القوائم المرتبة (Ordered Lists) تستخدم للنقاط التي لها تسلسل أو أولوية: الكود: <ol>
<li>افتح المتصفح</li>
<li>اكتب العنوان</li>
<li>اضغط Enter</li>
</ol>
النتيجة: افتح محرر النصوص اكتب كود HTML احفظ الملف بصيغة .html افتح الملف في المتصفح 3. قوائم الوصف (Definition Lists) تستخدم للقواميس والمصطلحات: الكود: <dl>
<dt>HTML</dt>
<dd>لغة ترميز النص الفائق</dd>
<dt>CSS</dt>
<dd>لغة تنسيق صفحات الويب</dd>
</dl>
النتيجة: HTML ل…
