القائمة الرئيسية

الصفحات

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

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


القوائم المنسدله والجداول في لغة HTML


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

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

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

Unorderd List     /      Orderd List     /   Description List



            : (ul>(unorderd list

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

    : (li>( list item>
يمثل عنصر في قائمه سواء كانت في قائمه مرتبه او غير مرتبه كما هو موضح .


القوائم المنسدله والجداول في لغة HTML



:(ol>(order list>
تمثل قائمه من العناصر المرتبه حيث تعرض القائمه علي هيئه ارقام .
القوائم المنسدله والجداول في لغة HTML



      
:(dl>(description list>
 تمثل قائمه وصف وتستخدم عاده في شرح المصطلحات. 

 :<dt>,<dd>
الاول لتعريف احد المصطلحات في قائمه وصف والاخير لشرح المصطلح .
القوائم المنسدله والجداول في لغة HTML


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

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

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

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

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

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

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

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

القوائم المنسدله Dropdown List والجداول Tables في لغة HTML

القوائم المنسدله والجداول في لغة HTML

reaction:

تعليقات