وهنالك عدة أنواع للقوائم وسوف تتعلمها الآن معنا لتختار ما يناسبك .
أولا: القوائم غير المتسلسلة
Unordered Lists
نفترض بأنك تريد أن تعدد المواد العلمية المقررة على القسم العلمي .
القسم العلمي
| <ul> <li>الفيزياء <li>الكيمياء <li>الأحياء <li>الجيولوجيا <ul/> |
وهكذا سوف يظهر لنا بهذه الطريقة
القسم العلمي
- الفيزياء
- الكيمياء
- الأحياء
- الجيولوجيا
ثانيا: القوائم المتسلسلة
Ordered Lists
والآن في هذا النوع من القوائم سوف تتعلم كيفية كتابة قائمة متسلسلة كما في هذا المثال .
المواد العلمية في القسم العلمي
| <ol> <li>الفيزياء <li>الكيمياء <li>الأحياء <li>الجيولوجيا <ol/> |
سوف يظهر بهذه الطريقة.
المواد العلمية في القسم العلمي
- الفيزياء
- الكيمياء
- الأحياء
- الجيولوجيا
ثالثا: قوائم التعريفات
Definition Lists
في هذا النوع من القوائم نتعلم كيفية كتابة قائمة للكلمة وتعريفها .
كما في هذا المثال :
| <dl> <dt>المواد العلمية في القسم العلمي <dd>الفيزياء <dd>الكيمياء <dd>الأحياء <dd>الجيولوجيا <dl> |
وسيكون بهذه الطريقة :
المواد العلمية في القسم العلمي
- الفيزياء
- الكيمياء
- الأحياء
- الجيولوجيا
والآن هيا معا نتعلم كيفية وضع حد فاصل بين الفقرات والجمل.
ونستخدم لهذا الشيء الوسم
| <hr> |
ونستطيع التحكم في حجمه بعدة طرق.
فهنالك خصائص نستطيع استعمالها مع ذلك الوسم لكي نزيد او نقلل من حجمه وهذه الخصائص هي :
| width="رقم%" |
نستطيع ذكر رقم مئوي ليحدد حجم الحدود .
| width="رقم" |
نستطيع ذكر رقم ليحدد حجم الحدود.
| size="رقم" |
نستطيع ذكر رقم بالبيكسل ليحدد حجم الحدود.
وأيضا تستطيع التحكم في اتجاه الحد سواء في الوسط او اليمين او اليسار بهذه الطريقة :
| align="center/right/left" |
وسوف أذكر لك عدة أمثلة لتتضح لك تلك الخصائص
| <hr width="40%"> |
| <hr width="41"> |
| <hr size="4"> |
| <hr width="50%" align="right"> |
لقد تعلمت مسبقا في درس الجداول كيفية تنسيق الكلمة في خلايا الجدول لتكون في الوسط أو اليمين أو اليسار
وسوف نستعمل معا نفس الوسم لكي ننسق الفقرات
والوسم هو :
| <p> |
مع الخاصية
| Align |
وهي تحدد اتجاه الفقرة وسوف اذكر لك أمثلة لكي تتضح لك كل تلك الأمور:
| <p align="right"> هنا موقع موسوعة الكمبيوتر والانترنت العربية </p> |
هنا موقع موسوعة الكمبيوتر والانترنت العربية
| <p align="center"> هنا موقع موسوعة الكمبيوتر والانترنت العربية</p> |
هنا موقع موسوعة الكمبيوتر والانترنت العربية
| <p align="left">هنا موقع موسوعة الكمبيوتر والانترنت العربية<p/> |
هنا موقع موسوعة الكمبيوتر والانترنت العربية
اتمنى أن تكون قد استمتعت بهذا الدرس ، والآن بالفعل تستحق قسطا من الراحة وذلك لصبرك ومثابرتك على تعلم هذه اللغة اللطيفة.....استرح قليلا ثم اكمل قراءة الدروس