قائمة نقطية. إنشاء قائمة نقطية في HTML باستخدام مثال حي

تسمح لك القوائم ذات التعداد النقطي بالتقسيم نص كبيرإلى كتل منفصلة، ​​تبدأ كل منها بعلامة - عادةً ما تكون نقطة صغيرة بمثابة علامة. وهذا يلفت انتباه القارئ إلى النص ويزيد من سهولة قراءته.

مع العنصر

    ترتبط الميزات التالية:

    • في المكان الذي يحدث فيه
        ، يقوم المتصفح تلقائيًا بإضافة فاصل أسطر؛
      • تحتوي القائمة على مسافات بادئة في الأعلى والأسفل؛
      • افتراضيًا، يتم عرض العلامات كدائرة مملوءة؛
      • يتم نقل كل عنصر من عناصر القائمة إلى اليمين بالنسبة للنص الرئيسي.

      يوضح الشكل 1 نتيجة المثال، موضحًا الميزات المذكورة أعلاه للقائمة ذات التعداد النقطي.

      أرز. 1. عرض القائمة النقطية

      نوع العلامة

      يمكن للرموز قبول واحدة من ثلاثة أنواع: دائرة مملوءة (افتراضي)، دائرة مفتوحة، ومربع. لتحديد نوع العلامة، استخدم خاصية نوع نمط القائمة أو خاصية نمط القائمة العامة (المثال 1). تنطبق القيم التالية:

      • القرص - علامات على شكل دائرة مملوءة؛
      • دائرة - علامات على شكل دائرة مفتوحة؛
      • مربع - علامات مربعة.

      مثال 1: تغيير مظهر العلامة

      القوائم

      • سيبولكي
      • Sepulcaria
      • التقيح

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

    • لن ينجح الأمر، لذا سيتعين عليك التغلب عليه. للقيام بذلك، قم بإخفاء علامات القائمة باستخدام خصائص نمط القائمةمع القيمة لا شيء وفي النص قبل المحتوى
    • أضف لك الطابع الخاصباستخدام :: قبل العنصر الزائف. في المثال 2، هذه العلامة عبارة عن مثلث.

      مثال 2: استخدام::قبل

      القوائم

      • سيبولكي
      • Sepulcaria
      • التقيح

      نتيجة هذا المثاليظهر في الشكل. 2. نظرًا لأن استخدام خاصية نمط القائمة مع القيمة لا شيء لا يزيل العلامات على الإطلاق، بل يخفيها فقط عن العرض، تظهر القائمة منقولة إلى اليمين. للتخلص من هذه الميزة، يضيف المثال خاصية مسافة بادئة للنص بقيمة سالبة. ومهمتها هي نقل النص إلى حرف واحد اليسار.

      أرز. 2. علامات تعسفية في القائمة

      ليس من الضروري أن يكون الحرف بتنسيق سداسي عشري، بل يمكن إدراجه مباشرةً في النص. الشيء الرئيسي هو حفظ المستند بترميز UTF-8 وأن المحرر يدعمه. يمكن أخذ الأحرف نفسها وأكوادها، على سبيل المثال، من LibreOffice Writer (الشكل 3).

      أرز. 3. اختيار رمز في LibreOffice

      قائمة مع علامات مرسومة باليد

      تسمح لك الأنماط بتعيين أي صورة مناسبة كعلامة عبر خاصية list-style-image. القيمة نسبية أو المسار المطلقل ملف رسومي، كما هو موضح في المثال 3.

      مثال 3: استخدام صورة كعلامة

      القوائم

      • سيبولكي
      • Sepulcaria
      • التقيح

      من الأفضل اختيار رسم صغير حتى لا يتم تحويل عناصر القائمة إلى تسميات توضيحية. في التين. يوضح الشكل 4 نتيجة مثال لاستخدام الصور الصغيرة كعلامات.

      أرز. 4. الرسم كعلامة

      استخدام صورة نمط القائمة له بعض العيوب:

      • لا يمكن نقل النمط لأعلى أو لأسفل؛
      • الخامس متصفحات مختلفةقد يختلف موضع الصورة بالنسبة للنص.

      يمكن تجنب هذه العيوب باستخدام خاصية الخلفية التي يحددها الصورة الخلفية. لكل عنصر من عناصر القائمة

    • نزيل العلامات الأصلية ونضعها صورة الخلفيةلا تكرار. وحتى لا يظهر النص أعلى الصورة، نقوم بنقله إلى اليمين باستخدام الحشوة اليسرى (المثال 4).

      مثال 4: استخدام الخلفية

      Ul ( الهامش الأيسر: -1em; ) li ( نمط القائمة: لا شيء; الخلفية: url(images/bullet.png) بدون تكرار 0 2px; الحشو على اليسار: 20px; )

      موضع النص والرصاصة

      هناك طريقتان لوضع علامة بالنسبة للنص: يتم نقل العلامة خارج حدود عناصر القائمة أو يتم لفها حول النص (الشكل 5).



      داخلالخارج

      أرز. 5. وضع العلامات بالنسبة للنص

      للتحكم في موضع العلامات، استخدم خاصية موضع نمط القائمة. لها معنيان: الخارج - يتم وضع الرموز النقطية خارج كتلة النص (هذه هي القيمة الافتراضية) والداخل - تعد الرموز النقطية جزءًا من كتلة النص ويتم عرضها في عنصر القائمة (المثال 5).

      مثال 5: تغيير موضع العلامات

      القوائم

      • قبل أن تبدأ، تأكد من تضمين المعدات المضمنة في مجموعة 3BM.
      • في حالة عدم وجود واحد أو أكثر الأجهزة الطرفيةيجب عليك الاتصال فورًا بالطاقم الفني لـ VTs.
      • بعد التفتيش الأساليب البصريةمن مكان عملك، يمكنك تشغيل الطاقة بعناية إلى 3BM.

      وتظهر نتيجة هذا المثال في الشكل. 6.

      أحيانا في أفضل طريقة ممكنةعرض المعلومات على الموقع عبارة عن قائمة ذات تعداد نقطي. مثل هذه القائمة تجذب الانتباه بشكل جيد، ويسهل على الزوار فهمها، وهي موجزة وتكشف عن العلاقة بين العناصر.

      عليك أن تفهم أن الإنترنت غير مناسب لأشكال المحتوى الطويلة والوصفية. يفضل المستخدمون المواد القابلة للمسح الضوئي (القابلة للتصفح) التي تجعل من السهل تخطي أجزاء كبيرة من النص وتحديد مجالات الاهتمام بسرعة.

      الكثير من أساليب مختلفةيعمل تنسيق الويب على تحسين إدراك المحتوى. يمكنك تسليط الضوء على النص بخط عريض بخط سميك، استخدم المسافات البادئة والألوان، والتغيير تباعد الأسطر، إنشاء (قوائم نقطية) - كل هذه التقنيات جيدة لإدراك المحتوى بشكل فعال.

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

      قارن بين الاثنين خيارات مختلفةمحتوى. ربما ستجد أن المعلومات المقدمة في الخيار الثاني أسهل في الاستيعاب. كل ذلك بسبب تقديم المقترحات قائمة عمودية، كل واحد منهم يأخذ سطرًا واحدًا. في المقابل، في الخيار 1، يضطر القراء إلى البحث عنها في فقرة نصية أقل تنظيمًا.

      الخيار 1

      تشمل باقة السبا لدينا الإقامة لمدة ليلتين وعلاجين سبا لمدة 50 دقيقة من اختيارك ووجبة إفطار في غرفتك لشخصين وسلة هدايا عند الوصول.

      الخيار 2

      تتضمن باقة السبا الخاصة بنا ما يلي:

      • الإقامة لمدة ليلتين؛
      • علاجين سبا لمدة 50 دقيقة من اختيارك؛
      • الإفطار في غرفة لشخصين؛
      • سلة هدايا عند الوصول.

      لا تقلق من أن الخيار 2 يأخذ المزيد من المساحة. لا ينزعج المستخدمون من التمرير الإضافي ما لم يتم تبريره عن طريق الاستلام معلومات مثيرة للاهتمام. في الواقع، الصفحة المقصودة التي تبدو ودية وسهلة الفهم بسبب الاستخدام السليم للنقاط ستحظى باهتمام المستخدم أكثر بكثير من الموقع الذي يرحب بهم بجدار من النص. دعونا نلقي نظرة فاحصة على كيفية إنشاء قائمة ذات تعداد نقطي بشكل صحيح.

      1. يجب أن يكون لجميع عناصر القائمة نفس طول السطر تقريبًا

      تكون القائمة ذات التعداد النقطي أكثر فعالية عندما تحتوي على عناصر مرتبطة ببعضها البعض. علاوة على ذلك، يجب أن يكون لديهم جميعا درجة مشتركة من الأهمية. إذا كان ذلك ممكنا، حاول أن تناسب كل عنصر مقدما. حجم محددالخطوط بحيث لا يبدو أي منها أكثر أهمية من الآخر. مثل هذا الكمال لا يرضي العين فحسب، بل لا يزيد من تحميل القائمة.

      خطأ

      • حقيبة النوم؛
      • ملابس السباحة للنزهة إلى الشلالات.
      • كريم واقي من الشمس؛
      • سترة مقاومة للماء للأيام الممطرة. العواصف الرعدية ممكنة.

      الفرق في الطول يجعل القائمة غير مرتبة وغير متساوية.

      يمين

      إحضار العناصر التالية إلى المخيم:

      • حقيبة النوم؛
      • كريم واقي من الشمس؛
      • ثوب السباحة؛
      • معطف واق من المطر.

      2. استخدم القوائم المرقمة فقط عندما يكون تسلسل العناصر أو عددها مهمًا.

      تُستخدم القوائم المرقمة عادةً في الحالات التي يجب فيها إدراج العناصر بترتيب معين، مثل ترتيب العمليات عند العمل مع أحد البرامج. أو عندما يكون عدد النقاط مهمًا، على سبيل المثال، في أنواع مختلفة من القمم (أفضل 10 تقنيات، وما إلى ذلك).

      إذا كان الترتيب أو العدد الإجمالي للعناصر لا يهم، ليست هناك حاجة لترقيم القائمة. سيؤدي هذا ببساطة إلى خلق ارتباك: مستمر اختبار المستخدمالمشاركون، الذين نظروا إلى القوائم المرقمة، اعتقدوا خطأً أنه يتعين عليهم إكمال كل عنصر عندما كان عليهم اختيار عنصر واحد فقط.

      خطأ

      1. نموذج الاتصالمتصل
      2. الدردشة
      3. مكالمة هاتفية
      4. لقاء شخصي

      يمين

      يرجى الاتصال بنا بإحدى الطرق التالية:

      • نموذج الاتصال على الموقع
      • مكالمة هاتفية
      • لقاء شخصي

      3. استخدم هياكل الجملة المتوازية

      يجب أن يكون أسلوب كتابة عناصر القائمة متسقًا. يمكن أن تظهر مجموعة واسعة من الصياغة غير نحوية وتبطئ (أو حتى تربك) القراء.

      الأمر نفسه ينطبق على بنية العناصر. يجب أن يبدأ كل منها بنفس الجزء من الكلام (الاسم، الفعل، وما إلى ذلك) ويمثل إما جزءًا أو جملة كاملة.

      خطأ

      • قد تخاف الحيوانات من الأصوات العالية؛
      • الخطوط الصفراء تشير إلى الأماكن التي يمكنك الوقوف فيها؛
      • الحفاظ على نظافة الحديقة هو مهمة الجميع.

      في هذا المثال، تبدأ كل فقرة بالكلمات اجزاء مختلفةخطاب.

      يمين

      يرجى اتباع قواعد البقاء في الحديقة:

      • رمي القمامة فقط في صناديق القمامة؛
      • لا تصدر ضوضاء؛
      • لا تتجاوز الخطوط الصفراء.
      • حافظ على نظافة الحديقة.

      القائمة الثانية أسهل في القراءة لأن كل عبارة تبدأ بكلمات من جزء واحد من الكلام في هذه الحالةمع صيغة الأمر من الفعل.

      4. تجنب تكرار الكلمات في بداية الجمل

      إذا أمكن، حاول أن تبدأ كل فقرة بـ كلمات مختلفةلأنه سيكون من الأسهل بعد ذلك تمييزها عن بعضها البعض.

      خطأ

      كيفية اختيار الأناناس الناضج:

      • انتبه إلى رائحتها: يجب أن تكون لطيفة؛
      • انتبه إلى هيكلها: يجب أن يكون الأناناس قويًا؛
      • انتبه إلى لونه: يجب أن يكون أصفر ذهبي.

      يمين

      كيفية اختيار الأناناس الناضج:

      • شمها: يجب أن تكون الرائحة لطيفة؛
      • اعصريه: يجب أن يكون الأناناس متماسكًا؛
      • انتبه إلى اللون: يجب أن يكون أصفر ذهبي.

      5. يجب أن تكون العبارة أو الجملة التي تسبق القائمة النقطية واضحة وتكشف عن محتواها

      تعتبر الكلمات التمهيدية (الكلمات التي تسبق القائمة ذات التعداد النقطي مباشرةً) مهمة جدًا لأنها تتيح للقارئ معرفة ماهية القائمة وسبب أهميتها. ليس من الضروري أن تكون المقدمة جملة كاملة، خاصة إذا تم تغطية كل نقطة بشكل كافٍ.

      خطأ

      العطلات في كولومبيا البريطانية:

      • جولة على الأقدام؛
      • المتاحف الفنية؛
      • التجديف على البحيرة.

      لا تصف المقدمة (British Columbia Holidays) القائمة بوضوح. تسرد هذه القائمة أيضًا الأنشطة، لكن "المتاحف الفنية" ليست نشاطًا.

      يمين

      تشمل عطلتك في كولومبيا البريطانية ما يلي:

      • جولة على الأقدام؛
      • زيارة متاحف؛
      • التجديف على البحيرة.

      6. اتبع قواعد القائمة

      هناك قواعد محددة لتنسيق القوائم النقطية.

      • إذا كانت القائمة النقطية تتكون من جمل كاملة، فإن كل عنصر يبدأ بحرف كبير وينتهي بنقطة؛
      • إذا كنت تتعامل مع أجزاء من الجملة، ليست هناك حاجة لوضع نقطة في النهاية. وفقا للقواعد، لا يتم استخدام حرف كبير أيضا، ولكن لتحسين ملاءمة النص، لا يزال يوصى باستخدامه.

      خطأ

      • يجب أن تدافع عن الشخص الذي يتعرض للتنمر
      • أخبر الكبار عن هذا الموقف
      • انصح الضحية بإخبار شخص بالغ عن الموقف
      • تقديم الدعم من خلال إظهار القلق

      الفقرات لا تبدأ ب الحروف الكبيرة، ولا توجد نقاط في النهاية.

      يمين

      إذا شهدت التنمر:

      • يجب عليك الوقوف إلى جانب الشخص الذي يتعرض للتخويف.
      • أخبر الكبار عن هذا الموقف.
      • انصح الضحية بإخبار شخص بالغ عن هذا الموقف.
      • تقديم الدعم من خلال إظهار القلق.

      خطأ

      • إعادة تدوير الورق والمواد البلاستيكية.
      • استخدم عددًا أقل من العناصر التي يمكن التخلص منها.
      • شارك مع الآخرين الأشياء التي لا تحتاجها.
      • استبدل سيارتك بالدراجة.

      هذه أجزاء من الجملة، لذا لا حاجة لعلامات الترقيم.

      يمين

      يمكنك الحماية بيئة، اذا أنت:

      • إعادة تدوير الورق والمواد البلاستيكية
      • استخدم عددًا أقل من العناصر التي يمكن التخلص منها
      • شارك الأشياء التي لا تحتاجها مع الآخرين
      • استبدل سيارتك بالدراجة

      7. لا تبالغ في استخدام القوائم النقطية لأنها قد تفقد فعاليتها.

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

      تعتبر القوائم العمودية جيدة عندما يكون لديك ثلاث نقاط أو أكثر تريد لفت انتباه القارئ إليها. من الأفضل ترك أقل من ثلاث نقاط في جملة واحدة.

      تجنب القوائم المركبة حيث يتم تضمين قائمة واحدة في قائمة أخرى، لأن هذا، كما يمكنك أن تتخيل، يجعل من الصعب فهمها. إذا كانت القوائم المركبة مطلوبة، فتأكد من أنها تختلف عن بعضها البعض في أسلوب الكتابة.

      خاتمة

      وهذا هو الأكثر توصيات عامةويمكن لكل شركة اختيار أسلوب التصميم الخاص بها. إذا كانت مؤسستك تتبع دليل النمط، فراجع الدليل قبل أن تقرر إجراء أي تغييرات. جانب مهمالإملاء الصحيح هو توحيد الأسلوب في جميع المستندات والمصادر المكتوبة للشركة.

      تجذب القوائم العمودية الانتباه وتعطي معنى لكل عنصر في القائمة. يعتبر هذا الأسلوب أكثر فعالية لأن مثل هذا المحتوى يسهل فحصه وفهمه.

      تحويلات عالية لك!

      على أساس المواد

      في لغة HTMLهناك نوعان من القوائم: مرقمة وغير مرقمة. خلقهم هو نفسه تقريبا. حتى العلامات تختلف بحرف واحد. يمكنك أيضًا إنشاء ما يمكن أن يتضمن أرقامًا مرقمة وعلامات تحديد.

      يمكن تحويل هذه القوائم بأي طريقة تريدها. كل هذا يتوقف على خيالك. أولا سوف ننظر القوائم القياسية، كما هو الحال في محرر الكلمات، وبعد ذلك سنقوم بتحسينها وتصميمها بشكل لا يمكن التعرف عليه.

      قائمة ترقيم HTML

      يمكن إنشاء رقم مرقم عادي باستخدام العلامات التالية:

    • عنصر القائمة الأول
    • عنصر القائمة الثاني
    • العنصر الثالث في القائمة
    • تبدو القوائم البسيطة هكذا

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

    • ، ثم يوضع أمامه تلقائيًا
    • .

      وبالتالي، يمكن عمل القوائم كما هو موضح أدناه.

      لكن من وجهة نظر المحترفين فهذا غير صحيح.

      يتم إنشاء قوائم غير مرقمة (أو نقطية) بنفس الطريقة، فقط بدلاً من علامة ol تتم كتابة ul.

      لا توجد أرقام أو أحرف - فقط رموز مختلفة تسمى علامات.

      HTML قائمة مرقمة متعددة المستويات

      العديد من المستخدمين مهتمون بهذه الفرصة. ولذلك تجدر الإشارة إلى أن أي مرقمة قائمة HTMLيمكن أن تكون متعددة المستويات. قد تكون المستويات الإضافية هي نفسها أو تحمل علامة.

      لإنشاء القائمة الموضحة في المثال أعلاه، عليك كتابة ما يلي.

      يرجى ملاحظة أنه في هذا الكود، على عكس الأمثلة الأولى، تتم إضافة سمة النوع. بفضله، يمكنك تحديد نوع الفرز لكل من القوائم المرقمة والتعداد النقطي.

      بالنسبة للأرقام المرقمة، نشير إلى الأبجدية أو نوع الأرقام، وفي الحالات الأخرى - نوع العلامة.

      إذا كنت تستخدم علامة HTML خاصة، فيمكن أن تصبح القائمة المرقمة أي شيء تريده.

      يمكنك تحديد سمة النوع بأي قيمة من الجدول. أو في فئة نمط CSS، حدد نوع نمط القائمة بنوع الفرز المطلوب.

      ترجمة القيم بسيطة للغاية. كافٍ معرفة أساسية باللغة الإنجليزية. ولكن حتى لو لم تتمكن من ترجمة الكلمات "دائرة"، "مربع"، وما إلى ذلك، يمكنك أن تفهم بصريًا ما ستكون النتيجة عند تحديد هذه القيم في سمة الكتابة.

      بالنسبة للقوائم المرقمة، استخدم الخيارات التالية:

      • 1 - الأرقام العربية؛
      • أ - الحروف الكبيرة.
      • أ - الحروف اللاتينية الصغيرة؛
      • أنا - الأرقام الرومانية الكبيرة؛
      • ط - الأرقام الرومانية الصغيرة.

      الافتراضي هو دائمًا قائمة تحتوي على أي شيء، إذا لم تحدد أي شيء، فهو نفس النوع = "1".

      بالإضافة إلى ذلك، يمكن أن تبدأ القوائم المرقمة في أي موضع مرغوب. بشكل افتراضي، يبدأ الإخراج من 1. ولكن إذا كنت ترغب في ذلك، يمكنك البدء من مائة على الأقل. للقيام بذلك، تحتاج إلى تحديد سمة البداية بأي قيمة.

      وبالإضافة إلى ذلك، يمكن أن نستنتج أن ترتيب عكسي. للقيام بذلك، عليك أن تكتب بشكل معكوس.

      تصميم القوائم

      يمكن تصميم قائمة مرقمة بتنسيق HTML بشكل جميل لدرجة أنك قد لا تستطيع تخمين ماهيتها على الفور قائمة منتظمة، ليست صورة مصنوعة في برنامج فوتوشوب.

      فيما يلي أمثلة على القوائم الجميلة.

      كما يتبين من المثال، يمكنك التغيير مظهرالترقيم والعناصر نفسها.

      يمكنك إنشاء قائمة عادية مثل هذا.

      في أنماط المغلقتحتاج إلى تحديد التصميم لعلامات ol. يرجى ملاحظة أنه في هذه الحالة سيتم تطبيق الإعدادات على كافة القوائم في جميع أنحاء الموقع حيث يتم استخدام ملف النمط هذا.

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

      الآن دعونا نلقي نظرة على التصميم المربع.

      الأنماط متشابهة تمامًا. الفرق هو أنه في الحالة الأولى يتم تقريب العنصر باستخدام إمكانيات CSS.

      يجب على مصمم التخطيط المحترف أن يتوقع ويفهم أنه ليس كل المستخدمين يستخدمونه أجهزة الكمبيوتر الحديثة. ليس كل شخص لديه Windows 7، 8، 10 مثبتًا، هناك نسبة من المستخدمين الذين ما زالوا يستخدمون Windows XP ويستخدمون الإصدارات الأقدم متصفح الانترنتإكسبلورر.

      كقاعدة عامة، لا يتم دعم جميع تحسينات التصميم الحديثة للعناصر تقريبًا. سيبدو للمستخدم أنه لم يتم القيام بأي عمل في تصميم الموقع على الإطلاق. أن كل شيء قد انتقل بعيدا. تتصادم العناصر مع بعضها البعض. لتجنب ذلك، تحتاج إلى النظر في جميع الخيارات.

      بعض مشرفي المواقع يغضون الطرف عنهم لأن نصيبهم هو السوق الحديثةأصبح أصغر وأصغر. لكن بالنسبة للمحترف، كل زائر مهم، خاصة إذا كان موقعًا تجاريًا.

      اصنع شيئًا مناسبًا للجميع أو ضع في الاعتبار جميع أشكال المتصفح.

      قائمة نقطية.

      قائمة ذات تعداد نقطي - يقع كل عنصر في القائمة معه خط جديد، بينما يتم إنشاء مسافات بادئة معينة على اليسار والأعلى والأسفل. يبدأ كل عنصر في القائمة بعلامة؛ يمكن أن تكون العلامة عبارة عن دائرة مملوءة (تُستخدم بشكل افتراضي)، أو دائرة، أو مربع.

      قوائم مرقمة.

      القوائم المرقمة هي قوائم يحتوي كل عنصر فيها على رقم تسلسلي؛ ويتم الترقيم بشكل افتراضي بالأرقام العربية.

      في Word، يمكنك إنشاء قوائم ذات تعداد نقطي ورقمي تلقائيًا أثناء الكتابة، أو يمكنك إضافة تعداد نقطي أو رقمي سريعًا إلى أسطر النص الموجودة.

      إدخال قائمة نقطية أو مرقمة

        أدخل علامة * (العلامة النجمية) لبدء قائمة ذات تعداد نقطي، أو 1. لبدء قائمة مرقمة، ثم اضغط على مفتاح المسافة أو Tab.

        أدخل النص.

        اضغط على ENTER لإضافة عنصر القائمة التالي.

      سيقوم Word تلقائيًا بإدراج الرمز النقطي أو الرقم التالي.

        لإنهاء إدخال القائمة، اضغط على ENTER مرتين. لإزالة العلامة أو الرقم الأخير في القائمة، اضغط على مفتاح BACKSPACE.

      ما يجب فعله عندما لا تتم إضافة التعداد النقطي أو الأرقام تلقائيًا

        افتح علامة التبويب ملفواضغط على الزر خيارات.

        انقر فوق الزر خيارات التصحيح التلقائيوافتح علامة التبويب التنسيق التلقائي أثناء الكتابة.

        في الفصل تنطبق عند الكتابةتحقق من العلب أنماط القائمة النقطيةو أنماط القائمة المرقمة.

      إضافة التعداد النقطي والترقيم إلى القائمة

        حدد العناصر التي تريد إضافة تعداد نقطي أو ترقيم إليها.

        على علامة التبويب الصفحة الرئيسيةفي مجموعة فقرةاختر فريق قائمة نقطيةأو قائمة مرقمة.

      الترقيم

      ملحوظات

        يمكن العثور على أنماط التعداد النقطي وتنسيقات الترقيم المختلفة بالنقر فوق السهم الموجود بجوار الحقول علاماتأو الترقيمعلى علامة التبويب بيتفي مجموعة فقرة.

      تحويل قائمة ذات مستوى واحد إلى قائمة متعددة المستويات

      لتحويل قائمة موجودة إلى قائمة متعددة المستويات، تحتاج إلى تغيير مستوى التسلسل الهرمي للعناصر الموجودة فيها.

        انقر فوق أي عنصر تريد نقله إلى مستوى آخر.

        على علامة التبويب الصفحة الرئيسيةفي مجموعة فقرةانقر فوق السهم الموجود بجوار الأمر قائمة نقطيةأو قائمة مرقمةثم حدد الأمر تغيير مستوى القائمةوضبط المستوى المطلوب.

      7. قائمة خيارات التنسيق.

      لتحسين مظهر المستند وتسهيل فهم معناه، يحتوي Word على أدوات خاصة مصممة للعمل مع القوائم. هناك نوعان رئيسيان من القوائم التي يمكنك استخدامها:

       قوائم مرقمة؛

       قوائم مع الملاحظات.

      يتم تعديل الأرقام الموجودة في القائمة تلقائيًا عند إضافة عنصر جديد. هناك خيارات لفرز القوائم. حقل خاص تنطبق على يسمح لك بتطبيق الزخرفة إما على الفقرة الحالية، أو على قسم من النص فقط إذا تم تحديد النص.

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

      اعتمادا على نوع القائمة التي تحتاجها، قم بتنشيط الصفحة المسمى للحصول على قائمة بالملاحظات، مرقمة - للحصول على قائمة ذات ترقيم أو متعدد المستويات - للحصول على قائمة ذات ترقيم معقد.

      يتم تعريف القائمة ذات التعداد النقطي بإضافة رمز نقطي صغير، عادة على شكل دائرة مملوءة، قبل كل عنصر في القائمة. يتم تشكيل القائمة نفسها باستخدام حاوية

        ، ويبدأ كل عنصر في القائمة بعلامة
      • كما هو مبين أدناه.

        • النقطة الأولى
        • النقطة الثانية
        • النقطة الثالثة

        يجب أن تحتوي القائمة على علامة إغلاق

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

      يوضح المثال 11.1 كود HTML لإضافة قائمة ذات تعداد نقطي إلى صفحة ويب.

      مثال 11.1. إنشاء قائمة ذات تعداد نقطي

      قائمة نقطية


      • تشيبوراشكا
      • تمساح جينا
      • شابوكلياك
      • الفئران لاريسا

      وتظهر نتيجة هذا المثال في الشكل. 11.1.

      أرز. 11.1. عرض القائمة النقطية

      انتبه إلى المساحة المتروكة في أعلى القائمة وأسفلها وعلى يسارها. تتم إضافة هذه المسافات البادئة تلقائيًا.

      يمكن أن تتخذ العلامات أحد الأشكال الثلاثة: دائرة (افتراضية)، ودائرة، ومربع. لتحديد نمط العلامة، استخدم سمة نوع العلامة

        . قيم صالحةترد في الجدول. 11.1

        طاولة 11.1. قائمة أنماط التعداد النقطي
        نوع القائمة كود HTML مثال
        قائمة مع علامات الدائرة

        • أولاً
        • ثانية
        • ثالث
        قائمة ذات تعداد نقطي على شكل دائرة

        • أولاً
        • ثانية
        • ثالث
        قائمة ذات تعداد نقطي مربع

        • أولاً
        • ثانية
        • ثالث

        قد يختلف مظهر العلامات قليلاً في المتصفحات المختلفة، وكذلك عند تغيير الخط وحجم النص.

        يظهر إنشاء قائمة ذات تعداد نقطي مربع في المثال 11.2.

        مثال 11.2. نوع العلامات

        قائمة نقطية

        تغيير المعتقدات

        • تغيير في العقيدة الدينية (اختياري: البوذية، الكونفوشيوسية، الهندوسية). عرض خاص- اليهودية والإسلام معاً؛
        • تغير في الاعتقاد بعصمة الحزب المفضل؛
        • الاعتقاد بوجود كائنات فضائية؛
        • تفضيل النظام السياسي باعتباره الأفضل من نوعه (للاختيار من: الإقطاع، الاشتراكية، الشيوعية، الرأسمالية).

        وتظهر نتيجة هذا المثال في الشكل. 11.2.