القوائم المنسدله Dropdown List والجداول Tables

القوائم المنسدلة Dropdown List فى لغة اتش تى ام ال هى قائمة تشبه الأزرار. عند النقر فوقها تظهر كافة العناصر الموجودة فيها.

أولاً: القوائم المنسدله فى لغة HTML

لكي نقوم بعمل قائمه منسدلة Dropdown List في  لغة HTML  او التعديل عليها لابد من معرفه ان القوائم تنقسم لثلاثه اقسام.

 1- قوائم غير مرتبه 2- قوائم مرتبه 3- قوائم وصف وتضم العناصر المرتبه والغير مرتبه العنصر  <li> بينما تضم قوائم الوصف العنصران . <dt>,<dd>

Unorderd List     /      Orderd List     /   Description List

            : (ul>(unorderd list> 

تمثل قائمه من العناصر الغير مرتبه حيث تعرض القائمه علي هيئه نقاط.

    : (li>( list item>

يمثل عنصر في قائمه سواء كانت في قائمه مرتبه او غير مرتبه كما هو موضح .

:(ol>(order list>

تمثل قائمه من العناصر المرتبه حيث تعرض القائمه علي هيئه ارقام .

      :(dl>(description list>

 تمثل قائمه وصف وتستخدم عاده في شرح المصطلحات. 

 :<dt>,<dd>

الاول لتعريف احد المصطلحات في قائمه وصف والاخير لشرح المصطلح .

ثانياً : الجداول  Tables فى لغة HTML

لكى نقوم بعمل جدول فى HTML   لابد من وجود العنصر ( (tableحيث يمثل 

البيانات المجدوله .ثم يليه العنصر (caption) وهو ما يقوم بتعريف الجدول. ثم يبدأ 

الجدول بكتابه العنصر (thead) وهو ما يمثل الصف الاعلي من الجدول .و يتتابع بكتابه

 

العنصر (tbody) وهو جسم الجدول .و يحتوي علي معلومات الجدول و (tfoot) وهو 

زيل الجدول. ويحتوي علي الصف الاسفل من الجدول ويضاف  (colspan) اذا اردنا 

مضاعفه الاعمده .او تحديد الرقم المطلوب و (rowspan) لمضاعفه او تحدد عدد

 الصفوف المراد تطبيقها .

<table>:  يمثل البيانات المجدوله ولنقوم بعمل جدول يتطلب وجود هذا العنصر.
<caption>: يمثل عنوان الجدول ويجب ان يكون في مقدمه عناصر الجدول.
<thead>: يمثل رأس الجدول وتتم فيه كتابه الصف الرئيسي للجدول كما توضح الصوره بالاسفل.