الأربعاء، 11 أبريل 2012
ثامنا: القوائم في لغة الــ html
وَقل رَّبِّ زِدْنِي عِلْمًا
اليوم راح نتبع طريقه جديده للشرح ..
فالبدايه راح اعطيكم مثال يتضمن جميع ما في الدرس
و بعدها راح نبدي نشرح المثال شوي شوي أو مثل
ما يقولوا الهنود ( توره توره)
لاحظ عندي ..
كود PHP:
<html>
<head>
<title> القوائم </title>
</head>
<body>
<ol>
<li> مسقط <li> الدوحه <li> الرياض <li> أبو ظبي <li> القاهره<li> الدار البيضاء </ol>
<br>
<ul>
<li> بغداد<li> المنامه <li> الكويت <li> دمشق</ul>
</body>
</html>
اذا حولنا امتدادها الى htm راح تكون كذا النتيجه :-
نبدي نشرح
في البدايه الامر
كود:
<br>
بسم الله نبدأ نشرح المثال
اولاً : الامر <ol>
هذا الامر يستخدم لوضع قائمه متسلسله أو بالارقام
ثانيا : الامر
كود:
<ul>
ثالثاً : الامر
كود:
<li>
نبدي نتعمق شوي ..
أولاً : القوائم العدديه
توجد للقوائم العددية عدة أنواع .. تقريباً أربعه أو المهمه أربعه
بس السؤال كيف نحدد نوع القائمه هذي ؟
سؤال حله مب صعب ..
شوف حبيبي لما تريد تحدد نوع القائمه تستخدم الخاصيه type
و في ما يلي الانواع الاربعه الي تكلمت عنها :
-
كود:
<ol type="I">
-
كود:
<ol type="i">
-
كود:
<ol type="a">
-
كود:
<ol type="A">
ثانياً : القوائم الغير عدديه
و تعمل على شكلين هما :
كود:
<ul type="circle">
كود:
<ul type="square">
أخر حاجه في درس القوائم
قــوائــ التعريف ـم
قوائم التعريف تختلف كثيراً عن القوائم العاديه
كيف يعني ؟
بنشوف
لاحظ عندي في هذا المثال البسيط
كود PHP:
<html>
<head>
<title> قوائم التعريف </title>
</head>
<body>
<dl>
<dt> مسقط <dd> عاصمة سلطنة عمان
<dt> الرياض <dd> عاصمة المملكه العربيه السعوديه
<dt> أبو ظبي <dd> عاصمة الامارات العربيه المتحده
<dt> مدونة ابداع <dd> عاصمة المطورين العرب
</dl>
</body>
</html> و راح تكون النتيجه كذا:
نبدأ شرح المثال : أولاً : الامر
كود:
<dl>
كود:
<dt>
كود:
<dd>
و يستعمل لتحديد بداية شرح النقطه .. و هو أيضاً امر مفرد
فكر في هذا السؤال بعد الانتهاء من تنفيذ الدرس :
هل يجب وضع الخاصيه type عند علامة نهاية أمر القائمه سواء كانت قائمه عدديه أم غير عدديه ؟؟
و فكر ايضاً :
كيف تستطيع أن تعمل تنسيق لخط القائمه ؟؟
تطبيق عملي على الدرس :
اعمل صفحة html و ليكن العنوان " البلدان العربيه "
اكتب التالي مع مراعاة التنسيقات المكتوبه بين الاقواس :
البلدان العربيه و عواصمها (( اعمله خط عريض و خلي حجم الخط 3 و كمان محاذاه لليمين و خليه العنوان الاول))
((اعمل خط أفقي حجمه 3 و لونه أزرق ))
(( اعمل قائمة تعريف غير عدديه و اكتب فيها التالي مع الاخذ بعين الاعتبار أن العبارات المكتوبه بين القوسين هي الشرح و الكلمات في البدايه هي النقاط الاساسيه ))
سلطنة عمان .. (( عاصمتها مسقط ))
الامارات (( عاصمتها ابو ظبي))
مصر (( القاهره))
تونس (( تونس )) و ارجو ارفاق تطبيقاتكم في المناقشه ..
و بكذا نكون خلصنا درس اليوم ..
و السلام عليكم و رحمة الله و بركاته
بقلم : Abda3Design
لخدمات التصميم والبرمجة
إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية كما تتميز مؤسسة "ابداع ديزاين" . بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة
ضع تعليقك
0 التعليقات:
إرسال تعليق