التخطي إلى المحتوى
65651-800x600 القوائم و التعليقات في لغة html
القوائم و التعليقات في لغة html

كما هو معروف في كثير من المواقع انه عندما يتصفحها المستخدمون قد يشاهدو او يلجأو الى استعمال القوائم , فمثلاً عند وضع موقع اقسامه على الصفحة الرئيسية من خلال ترتيب افقي او عامودي فهو يستخدم في الغالب القوائم و غير ذلك عندما يقوم كاتب مقال على الانترنت بكتب مواصفات لشيئ معين او خواص مادة او اي شيء في باله فأنه يستخدم قائمة بمكونات معينة

القائمة لها انواع متعددة و يمكن تنسيقها بإشكال مختلفة و الوان و حتى يمكن ربطها بالروابط

الشكل الأفتراضي للقائمة يكون كما في الصورة التالية

651651 القوائم و التعليقات في لغة html

 

و الوسمين الأفتراضيين للقائمة هما 6-2 القوائم و التعليقات في لغة html  و بينهما يقع فقرات القائمة وكل فقرة تمثل بالوسمين 7-2 القوائم و التعليقات في لغة html  و بينهم يكتب الكلام المرغوب عرضه في القائمة و الوسوم التالية تمثل القائمة السابقة , طبعاً القائمة توضع في جزء ال body لإنها سوف تعرض للمستخدم في المتصفح

<h3>Desktop computer components</h3>
<ul>
<li>Mouse</li>
<li>keyboard</li><li>screen</li>
<li>speaker</li><li>box</li>
</ul>

طبعاً اول وسمين 8-2-300x19 القوائم و التعليقات في لغة html  وما بينهما ليسو من مكونات القائمة انما وضعو من اجل شرح ما هي القائمة

اما النوع الثاني للقائمة هو بإستبدال الوسمين 6-2 القوائم و التعليقات في لغة html   و وضع بدالهما الوسمين 8-3 القوائم و التعليقات في لغة html  و هذا النوع يقوم بإعطاء تنسيق للقائمة كمثل في الوضع الفتراضي له ان تكون القائمة مرقمة و يمكن التعديل عليه لتكون مرقمة بالعكس او بدل الأرقام ترتيب ابجدي انجليزي او ترتيب العد الروماني

56165 القوائم و التعليقات في لغة html

 

لجعل الأرقام تكتب بالعكس يمكن بإضافة كلمة 9-4 القوائم و التعليقات في لغة html   بعد ol في وسم البداية <ol> بعد ترك فراغ بينهم

و لجعل الترقيم يبدأ من رقم معين نضيف الكود 10-2 القوائم و التعليقات في لغة html  بعد ol في وسم البداية <ol> بعد ترك فراغ بينهم

تكلمنا انه يمكن ترتيب القائمة بالترتيب الأبجدي او بترتيب العد الروماني , فمن اجل الترتيب بحروف الأبجدية الإنجليزية نضع بعد كلمة ol في وسم <ol> الكود 11-4 القوائم و التعليقات في لغة html  و للترتيب بالعد الروماني يوضع الحرف i بدل الحرف a ليصبح الكود على الشكل التالي 12-1 القوائم و التعليقات في لغة html

الشيء الآخر في القوائم هو انه قد يتسائل البعض هل يمكن وضع قائمة فرعية ثانية داخل القائمة الأولى يعني وضع تعداد لفقرة في القائمة كمثل الصورة التالية

14-2-300x291 القوائم و التعليقات في لغة html

في الصورة السابقة كان هنالك قائمة خرجت من screen ثم قائمة فرعية اخرى خرجت من full hd يعني خرجت قائمة فرعية من قائمة فرعية اخرى , كما نعلم انه المكون الرئيسي في القائمة هو 6-2 القوائم و التعليقات في لغة html   او 8-3 القوائم و التعليقات في لغة html   و بينهما يقعا مكونات القائمة او الوسمين 7-2 القوائم و التعليقات في لغة html    حيث يتكررا ليشكلو اكثر من مثال يحيويان بينهما عبارات او نصوص و من اجل خروج من احدهم قائمة فرعية حتى لو كانت القائمة الفرعية مرتبة او غير مرتبه يعني 8-3 القوائم و التعليقات في لغة html   او 6-2 القوائم و التعليقات في لغة html   نضع القائمة الفرعية بعد النص او الكلام الذي هو بين 7-2 القوائم و التعليقات في لغة html   كهذا المثال التالي

<ol>
<li>screen <ul> <li>hd</li><li>full hd</li></ul></li>
<li>Mouse</li>
<li>box</li>
<li>keyboard</li>
<li>speaker</li>
</ol>

 

الذي باللون الأحمر هو فقرة من فقرات القائمة الأولى التي باللون الأخضر و الذي باللون الأزرق هو يمثل القائمة الفرعية للقائمة الأولى

النوع الآخير للقوائم يستعمل لوصف شي او من اجل عرض خواص و الوسمين الأساسيين فيه هما 16-1 القوائم و التعليقات في لغة html  و بينهم يقع نوعين من الوسوم النوع الأول و الذي هو ما سوف نوصفه و يوضع بين الوسمين 19 القوائم و التعليقات في لغة html   وتحتهما يوضع النوع الثاني الذي هو الوصف و وسميه هما 20 القوائم و التعليقات في لغة html  و بين وسمين النوعين توضع النصوص ,  الوسوم و الصورة التالية توضح ما شرحته

<dl>
<dt>Computer uses</dt>
<dd>communicate</dd>
<dd>learn</dd>
</dl>

5616516 القوائم و التعليقات في لغة html

الأن نأتي للفقرة الآخيرة في هذا الدرس التي سنتكلم فيها عن التعليقات في لغة html

التعليقات في لغة html هي خاصة بالمبرمج او لا يطلع عليها المستخدم و المتصفح العادي الذي يتصفح الموقع , التعليقات توضع من اجل عمل ملاحظة على مشروع معين في صفحة الويب حيث اذا كتبتها لا تظهر في المتصفح انما تفيد المبرمج اذا اراد الرجوع لمكان معين في صفحة البرمجة و رغب في معرفة ما هي هذه الوسوم او ما تعني

الوسم الخاص بالتعليقات هو :

<!–هنا يكتب التعليق –>

و التعليق يمكن وضعه في جزء ال head  او ال body كالمثال التالي :

<!DOCTYPE html>
<html>
<head>
<!–هنا يكتب التعليق –>
</head>
<body>
<!–هنا يكتب التعليق –>
</body>
</html>

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *