السلام عليكم ورحمة الله وبركاته أهلاً ومرحباً بكم في مقال وشرح جديد من قسم تقنية وتكنولوجيا تحية طيبة مباركة أما بعد:
يتلخص ما ذكرناه سابقاً بأن لغة HTML تتيح لك تقديم المحتوى عبر إنشاء مجموعة عناصر ، ومهمة كل عنصر من عناصر HTML عرض شئ محدد في صفحتك فهناك عناصر لعرض النصوص وهناك عناصر لعرض الصور والفيديو وهناك عناصر لعرض الروابط التشعبية Links…إلخ.
شرح الواصفات Attributes
يتم إنشاء كل عنصر من هذه العناصر بواسطة وسم خاص من وسوم HTML ويكون لكل عنصر وسم بداية ونهاية ويحوي أو يحمل المحتوى فيما بينهما.
ويمكن تزويد بعض وسوم البداية بمجموعة من الخصائص الإضافية والتي تخصص سلوك عرض العنصر لمحتواه ويتم هذا عبر ما يعرف بالواصفات Attributes وإليكم الشفرة التالية على سبيل المثال:
المحتوى النصى لعنصر عرض النصوص</p>
كما نلاحظ تم إضافة شئ جديد إلى وسم البداية للعنصر p وهي الواصفة align والتى تحدد محاذاة النص الذي سيعرضه العنصر p وأعطيناها قيمة center لعرض النص في منتصف أو وسط الصفحة.
الأن نعلم أن كل وسم بداية من وسوم HTML له مجموعة معروفة مسبقاً من الواصفات ويوجد لكل واصفة مجموعة معروفة سابقاً من القيم فعلى سبيل مثال الشفرة السابقة تم إضافة قيمة center للواصفة align والتي تعني توسيط النص بالصفحة وضمن هذه القيم المعروفة سلفاً لمحاذة النص القيمة left لمحاذاة النص يساراً والقيمة right لمحاذاة النص يميناً وسيتم إن شاء الله عرض أغلب الواصفات إستخداماً لكل وسم بالتفصيل.
يكون الشكل العام للواصفة هكذا “name=”value حيث أن name هو أسم الواصفة و value هي القيمة المسنده لتلك الواصفة والتى يجب أن توضع بين علامتين إقتباس ( ” “ ) أو علامتى إقتباس مفردتين ( ‘ ‘ ).
وفيما يلى جدول للواصفات المشتركة بين أغلب عناصر HTML:
جدول واصفات HTML
| الشرح | القيم الممكنة | إسم الواصفة |
|---|---|---|
| تستخدم في التعامل برمجياً مع العنصر بإستخدام لغة JavaScript أو JQuery أو Css | إسم فريد غير مكرر في مستند Html | id |
| ltr لتحديد إتجاه القراءة من اليسار إلى اليمين rtl لتحديد إتجاه القراءة من اليمين إلى اليسار |
ltrrtl | dir |
| يتم استخدامها لتحديد تصميم العناصر الأخرى مثل : اللون والخط والحجم وما الى ذلك | يجب معرفة Inline Css |
style |
| تستخدم لتحديد محاذاة النص | left right center justify |
align |
| الصور في لغة HTML يتم تعريفها بإستخدام الوسم <img> اما مصدر الصورة فيتم تحديدها باستخدام واصفة العنصر src | رابط مباشر للصورة أو مسار | src |
| العناصر في لغة HTML تحتوي على مجموعة من واصفات الحجم والتي تعمل على تحديد عرض العنصر وارتفاعه | width العرض height الإرتفاع |
widthheight |
| تحدد نصا بديلا يستخدم عندما لا يمكن عرض الصورة | قيمة نصية | alt |
| يتم عرض قيمة الواصفة title عند تمرير الفأرة فوق العنصر | قيمة نصية | title |
| لغة صفحة الويب يمكن الإعلان عنها داخل العنصر html | ar en إلخ |
lang |
| يتم تعريفها باستخدام وسم <a> ، ويتم وضع عنوان هذا الرابط باستخدام واصفةالعنصر href | روابط لغة HTML | href |
| لمنح كافة خصائص الفئة للعنصر المحدد | أسم فئة Css صحيح | class |
وفي الختام : قد أوضحنا ماهي واصفات الوسوم أو بالانجليزية HTML ATTRIBUTES والى اللقاء في مقال وشرح جديد إن شاء الله والسلام عليكم ورحمة الله وبركاته
إنضم إلينا وشارك!
التعليقات