تصميم صفحات اإلنترنتInternet Pages Design

1

الفصل السابع

لغة ترميز النصوص التشعبية

Hyper Text Markup Language( HTML )

2

نسرين الشبيلي

Hyper Text Markupلغة ترميز النصوص التشعبيةالفصل السابع Language HTML ) :(

القوائم المتسلسلةOrdered Lists .

القوائم غير المتسلسلةUnordered Lists.

قوائم الشرحDefinition Lists.

3

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

:القوائم

على مجموعة من الوسوم الخاصة بتنظٌم البٌانات فً قوائم HTMLتحتوي لغة

:وهناك أنواع من القوائم. وباستخدام عدة خٌارات

. Ordered Listsالقوائم المتسلسلة1.

.Unordered Listsالقوائم غٌر المتسلسلة 2.

.Definition Listsقوائم الشرح 3.

4

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

وعند التعامل مع القوائم نحتاج إلى وسوم خاصة بتحدٌد بداٌة ونهاٌة القائمة ووسوم تحدد

.بنود هذه القائمة

: بالنسبة للقوائم المتسلسلة نستخدم الوسوم<OL> ... < /OL>

أما بالنسبة للقوائم غٌر المتسلسلة فنستخدم <UL> ... < /UL>

فً بداٌة ٌكتب LI> (List Item )>ولتعٌٌن كل بند من بنود القائمة نستخدم الوسم

.السطر الخاص بكل بند

5

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

ووظٌفتها تحدٌد شكل الرمز TYPEوالخاصٌة الوحٌدة التً تستخدم مع هذه الوسوم هً

وبذلك <OL>أو <UL>الظاهر مع بنود القائمة، وعادة تستخدم مع وسوم بداٌة القوائم

<LI>ولكن نستطٌع استخدامها أٌضاً مع وسم البنود . نحدد رمزاً واحداً لكل القائمة. إلعطاء تحكم أكبر فً مظهر القائمة من خالل تحدٌد رمز مختلف لكل بند

6

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

: <OL> ... < /OL>مع القوائم المتسلسة Typeاستخدام خاصٌة

7

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

<OL TYPE=“i"> <OL TYPE="I"> <OL TYPE=“a">

<OL TYPE="A“>

.i.ii.iii.iv.v.vi

.I.II.III.IV.V.VI

.a

.b

.c

.d

.e.f

.A

.B

.C

.D

.E

.F

نسرين الشبيلي

8

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

9

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

: <UL> ... < /UL>مع القوائم الغٌر المتسلسة Typeاستخدام خاصٌة

10

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

<UL TYPE="circle"> <UL TYPE=“square">

•

•

•

•

•

•

نسرين الشبيلي

11

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

12

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

:Definition Listsقوائم الشرح

هناك نوع خاص من القوائم ٌدعى قوائم الشرح أو التعرٌفات وكما ٌدل اإلسم تستخدم

ونحتاج . عندما نرٌد إدراج قائمة من المصطلحات ٌتبع كل واحد منها شرح أو تعلٌق

:إلنشاء هذه القوائم إلى ثالثة وسوم... <DL>األول < /DL> لتعرٌف بداٌة ونهاٌة القائمة.

. وٌوضع قبل كل مصطلح لتحدٌده، وهو وسم مفرد <DT>والثانً

ولنقم اآلن بكتابة . وهو وسم الشرح أو التعلٌق وهو أٌضا مفرد <DD>أما الثالث فهو

شٌفرة القائمة السابقة

13

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )

نسرين الشبيلي

14

لغة ترميز النصوص التشعبية

Hyper Text Markup Language ( HTML )