أفضل طريقة لاستخدام سمات HTML؟



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

تحدد السمة خصائص عنصر HTML الذي يتم وضعه داخل علامة فتح العناصر. في هذه المقالة سنستكشف سمات HTML. سيتم تغطية المؤشرات التالية في هذه المقالة ،

لذلك دعونا نبدأ مع هذا المقال





سمات HTML

في HTML نستخدم علامات العنوان

و

سواء كانت علامات الفقرة

وغيرها من العلامات: هذه هي العلامات في أبسط أشكالها ، ويمكن أن تحتوي هذه العلامات أيضًا على سمات ، وهذه السمات ليست سوى أجزاء معلومات إضافية.

تحدد السمة خصائص عنصر HTML الذي يتم وضعه داخل علامة فتح العناصر. هناك جزءان في السمة



اسم



إنها الخاصية التي يريد المستخدم تعيينها.

مثال:

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



القيمة

إنها الخاصية التي سيتم تعيينها وستظل دائمًا في عروض الأسعار.

مثال: لـ

السمة سيكون هناك ثلاثة احتمالات لمحاذاة النص سواء كان ذلك اليسار والوسط واليمين.

ملاحظة: أسماء وقيم السمات حساسة لحالة الأحرف. توصي شبكة الويب العالمية باستخدام سمات الأحرف الصغيرة وقيم السمات في توصية HTML 4.

لذا ، فانتقل إلى هذه المقالة حول سمات HTML ،

نموذج التعليمات البرمجية لسمة المحاذاة

مثال لسمة المحاذاة:

نموذج محاذاة السمة

هذه محاذاة إلى اليسار

هذا هو الوسط

هذا هو الصحيح

سيعرض هذا النتيجة التالية:

سمات الإخراج - HTML - Edureka

هناك أربع سمات أساسية يمكن استخدامها لغالبية عناصر HTML ، وهي:

الهيكل الأساسي لبرنامج جافا
  • هوية شخصية
  • عنوان
  • صف دراسي
  • أسلوب

لذا ، فانتقل إلى هذه المقالة حول سمات HTML ،

سمة المعرف

تُستخدم سمة id لتعريف أي عنصر في صفحة HTML ، وتتمثل أهمية هذه السمة في:

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

مثال

هذه الفقرة هي مقدمة الصفحة

هذه الفقرة هي ملخص الصفحة

لذا ، فانتقل إلى هذه المقالة حول سمات HTML ،

سمة العنوان

كما يوحي الاسم ، فإنه يعطي مزيدًا من المعلومات حول عنوان العنصر. بناء الجملة مشابه لسمة id.

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

مثال

ما هي الطريقة الافتراضية
سمة العنوان

حرك المؤشر على هذا النص

سيكون ناتج ما يلي:

لذا ، فانتقل إلى هذه المقالة حول سمات HTML ،

سمة الفئة

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

يرتبط بشكل أساسي بـ CSS.

مثال

class = ”classname1 classname2 classname3”

لذا ، فانتقل إلى هذه المقالة حول سمات HTML ،

سمة النمط

ترتبط سمة النمط بشكل أساسي بـ CSS حيث يمكننا تطبيق المواصفات على العنصر ، مثل الترميز اللوني والخط.

مثال

سمة النمط

تم الاسلوب على هذا النص.

سيكون ناتج ما يلي:

يقودنا هذا إلى نهاية هذه المقالة حول سمات HTML

الآن بعد أن عرفت ما هو HTML ، تحقق من ملف بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).

لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في هذه المقالة وسنعاود الاتصال بك.