سمات HTML

 


  • يمكن أن تحتوي جميع عناصر HTML على سمات
  • توفر السمات معلومات إضافية حول عنصر
  • يتم دائمًا تحديد السمات في علامة البدء
  • تأتي السمات عادة في أزواج الاسم / القيمة مثل name = "value"

سمة href

يتم تعريف ارتباطات HTML باستخدام العلامة<a>  يحدد عنوان الرابط بالسمة  href

<a href="http://lessons.ly">هذا رابط</a>  

ستتعرف على مزيد من المعلومات حول الروابط وعلامة <a> لاحقًا في دروس اخرى.


السمة src

  • يتم تعريف صور HTML باستخدام العلامة <img>
  • يحدد اسم ملف مصدر الصورة في السمة src
    <img src="http://lessons.ly/images/Logo.png">​

سمات العرض والارتفاع width height

  • تحتوي الصور في HTML على مجموعة من سمات الحجم ، والتي تحدد عرض الصورة وارتفاعها
  • يتم تحديد حجم الصورة بالبيكسل width = "500" يعني عرض 500 بكسل

    <img src="Logo.png" width="500" height="600">​

السمة alt

  • تحدد السمة alt نصًا بديلاً ليتم استخدامه ، عندما يتعذر عرض صورة
  • يمكن قراءة قيمة السمة بواسطة قارئات الشاشة بهذه الطريقة شخص ما "يستمع" إلى صفحة الويب على سبيل المثال شخص ضعيف الرؤية يمكنه "سماع" العنصر
    <img src="Logo.png" alt="شعار موقع دروس">​

السمة style

يتم استخدام سمة style لتحديد تصميم عنصر ، مثل اللون والخط والحجم وما إلى ذلك

<p style="color:red">لون احمر</p>

السمة lang

  • يمكن تعريف لغة المستند في الوسم <html>
  • يتم تعريف اللغة مع سمة lang
  • يعد الإعلان عن لغة أمرًا هامًا لتطبيقات (قارئات الشاشة) ومحركات البحث
    <!DOCTYPE html>
    <html lang="ar-LY">
    <body>
    
    ...
    
    </body>
    </html>
    ​
  •  أول حرفين يحددان اللغة (ar). إذا كانت هناك لهجة ، استخدم حرفين آخرين (LY)

السمة title

هنا تتم إضافة سمة title إلى عنصر <p>سيتم عرض قيمة سمة العنوان كتلميح عند تحريك الماوس فوق الفقرة

<p title="تلميح فقرة">
فقرة.
</p>

 

 

دروس لغة Html اخرى