علامة مقالة HTML

Lamt Mqalt Html



قدم HTML5 ' <مقالة> 'التي يمكن استخدامها لتمثيل مكون محدد بذاته في أي مستند أو تطبيق أو موقع. يمكن أن يكون مكون HTML هذا قابلاً لإعادة الاستخدام والتوزيع ، كما هو الحال في منشور منتدى ، أو مجلة ، أو مشاركة مدونة ، والمزيد.

ستعلمك هذه الدراسة عن علامة HTML

. إذا هيا بنا!







ما هي علامة HTML
؟

يعمل العنصر

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



كيفية استخدام علامة HTML
؟

لاستخدام علامة

بتنسيق HTML ، اتبع الصيغة الموضحة أدناه:



< مقالة - سلعة > مقالة - سلعة >


هنا، ' <مقالة> 'هي علامة البداية ، و'

'هي علامة النهاية.





فلنستعرض مثالاً لتوضيح استخدام علامة

.

مثال: استخدام علامة

في HTML



في HTML ، أضف أولاً علامة

بفئة تسمى ' كل نظام التشغيل

للعنوان. ثم أضف علامة
أخرى بفئة تسمى ' أنت '. داخل علامة
هذه ، حدد

للعنوان و

للفقرة. بعد ذلك ، قم بتضمين علامتي

المتداخلة مع

و

كما يلي:

< مقالة - سلعة صف دراسي = 'كل أنظمة التشغيل' >
< h1 > أنظمة التشغيل الأكثر شيوعًا h1 >
< مقالة - سلعة صف دراسي = 'أنت' >
< h2 > شبابيك h2 >
< ص > Windows عبارة عن مجموعة من أنظمة التشغيل الرسومية المتعددة الملكية. تم تطويره وتسويقه بواسطة Microsoft. ص >
مقالة - سلعة >
< مقالة - سلعة صف دراسي = 'أنت' >
< h2 > لينكس h2 >
< ص > Linux هو نظام تشغيل مفتوح المصدر يعتمد على Linux kernel. عادة ما يتم تعبئتها كما توزيع لينكس. ص >
مقالة - سلعة >
< مقالة - سلعة صف دراسي = 'أنت' >
< h2 > macOS h2 >
< ص > macOS هو نظام تشغيل Unix تم تطويره وتسويقه بواسطة شركة Apple Inc. وهو معروف كما نظام التشغيل الرئيسي إلى عن على تفاحة أجهزة كمبيوتر Mac الخاصة بـ Mac.




سيصف القسم التالي أنماط CSS المطبقة على عناصر HTML المذكورة أعلاه.



نمط جميع أنظمة التشغيل div

.all-OS {
حافة: 0 ؛
الحشو: 5 بكسل ؛
لون الخلفية: RGB ( 155 و 155 و 155 ) ؛
}


div مع اسم الفئة ' كل نظام التشغيل 'على النحو التالي:

    • ' .all_OS 'للوصول إلى
      ذات الصلة.
    • ' حافة 'لإضافة مسافة حول عنصر div.
    • ' حشوة 'تضيف خاصية' مساحة حول محتوى عنصر div.
    • ' لون الخلفية 'لتطبيق لون الخلفية لعنصر div.

أسلوب os div

.أنت {
الهامش: 10 بكسل ؛
الحشو: 5 بكسل ؛
الخلفية: أبيض ؛
}


تطبيق الأنماط على

التالي المسمى ' أنت '. وصف الخصائص موضح أدناه:

    • ' .أنت ”الدخول إلى
      باسم نظام التشغيل.
    • ' حافة 'مساحة 10 بكسل حول div.
    • ' حشوة 'تضيف مسافة 5 بكسل حول محتوى عنصر div.
    • ' لون الخلفية 'تعيين لون خلفية عنصر div.

بعد توفير خصائص نمط CSS لعلامات

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

نمط p العنصر

ص {
الهامش: 3 بكسل ؛
حجم الخط: 15 بكسل ؛
}


يتم تطبيق الخصائص التالية على العنصر

:

    • ' حافة 'تضيف مساحة 3 بكسل حول محتوى العنصر.
    • ' حجم الخط 'تعيّن الخاصية حجم خط النص على أنه 15 بكسل.

احفظ الرمز المضاف وافتح الملف في متصفحك. سيتم عرض النتيجة كما هو موضح أدناه:


يمكن أن يحتوي المستند المقدم أعلاه على مقالات متعددة ، ويتم تضمين الشرح المتعلق بكل نظام تشغيل في علامة

. علاوة على ذلك ، يتم عرض مقال واحدًا تلو الآخر أثناء تمرير الشاشة.

هذه هي الطريقة التي يمكننا بها إنشاء منشورات مدونة ومشاركات في المنتديات ومستندات تشبه المجلات باستخدام علامة HTML

.

استنتاج

كما نعلم ، يكتب كتاب المقالات أو المدونون المستند من خلال مراعاة المفهوم الأساسي للموضوع. وبالمثل ، في HTML ، تُستخدم علامات

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