إنشاء نقاط في HTML باستخدام
- العلامات.
يساعد استخدام النقاط النقطية في تفكيك أجزاء كبيرة من النص والإشارة إلى قوائم بالمعلومات المفيدة. من السهل إنشاء النقاط النقطية في برنامج معالجة الكلمات ، ولكن عندما تكتب مستند HTML ، فأنت بحاجة إلى معرفة الكود لإنشائها. لا يلزم الكثير من التعليمات البرمجية لإنشاء قائمة ذات تعداد نقطي. لف كل قائمة في
- أو علامات "قائمة غير مرتبة". يمكنك بعد ذلك فعل أي شيء تريده باستخدام قائمة التعداد النقطي باستخدام رمز ورقة الأنماط المتتالية.
الخطوة 1
اكتب نص النقاط الخاصة بك. ابدأ كل نقطة على خطها الخاص. لف كل سطر في
فيديو اليوم
الخطوة 2
أنشئ سطرًا فارغًا أعلى القائمة النقطية ثم اكتب فتحًا
- علامة على هذا السطر. ابحث عن نهاية قائمتك النقطية ثم أنشئ سطرًا فارغًا آخر هناك. اكتب إغلاق
- بطاقة شعار. فيما يلي مثال لقائمة ذات تعداد نقطي قصير بسمة معرف:
- رصاصة واحدة
- الرصاصة الثانية
الخطوه 3
استخدم "النمط" لإنشاء قائمة التعداد النقطي باستخدام كود CSS. أضف كود CSS بين العلامات بين العلامات و ، أو يمكنك كتابة كود CSS في ملف CSS خارجي ودمج الملف باستخدام علامة مثل هذا:. غيّر "path / to / stylesheet.css" بالمسار إلى ملف .CSS الذي تقوم بإنشائه. استخدم المعرف أو سمة الفئة لتحديد قوائم التعداد النقطي ، مثل:
#mylist li {font-style: italic؛ }
الكود أعلاه يختار الكل
الخطوة 4
استخدم خاصية "list-style" في CSS لتغيير نوع التعداد النقطي. تتضمن أنواع التعداد النقطي المتاحة الدوائر المفتوحة والأقراص المعبأة والمربعات للقوائم غير المرقمة وغير المرتبة أبجديًا. فيما يلي مثال للرموز النقطية المربعة:
#mylist li {list-style: square؛}
نصيحة
استخدم ال
- علامة بدلا من
- لإنشاء قوائم مرتبة. يمكنك بعد ذلك تعيين نوع "نمط القائمة" لأنواع مختلفة من الأرقام أو الأحرف.
- وضع علامة على صورة خلفية غير متكررة محاذاة إلى اليسار. أضف المساحة المتروكة إلى الجانب الأيسر لكل منها
- علامة لنقل النص ، وإلا فإنه سيتداخل مع الصورة.
قم بإنشاء تعداد نقطي للصور بتحديد "لا شيء" لسمة "نمط القائمة" ثم أعطه كل
