تعلم لغة HTML

ما هي Attributes في HTML و ماهي أنواع العناصر في HTML؟

في هذه التدوينة سنتعرف على ما هي Attributes في HTML و ماهي أنواع العناصر في HTML؟, لكن قبل البدء نود ان نرحب بزوارنا الاعزاء, شكرالكم وبارك الله فيكم.

ما هي Attributes في HTML؟

attribute HTML هي سمة تكتب في عنصر HTML، ويمكن لهذه الصفه أن تؤثر على العنصر أو محتواه بشكل كامل أو نسبي.

قبل الخوض في الشرح يجب أن تعلم أن سمات HTML تنقسم إلى نوعين:

  • global attribute
  • element attribute

Global attribute في HTML:

السمة العالمية يمكنك استخدامها في جميع عناصر HTML.

element attribute في HTML:

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

كيف تكتب Attribute في HTML؟

تكتب سمة HTML في وسم الفتح  الخاص بعنصر HTML, مباشرة بعد اسم العنصر، وتتكون سمة HTML من اسم وقيمة.

على سبيل المثال:

<DOCTYPE html!>
<html>
  <head>
  </head>
  <body>
    <tag attribute name= "attribute value">المحتوى الخاص بالعنصر</tag>
  </body>
</html>

ملحوظة:

يمكنك كتابة قيمة الخاصية دون وضعها بين علامتين “” أو “”، ولكن إذا كانت القيمة تتكون من كلمتين فمن الأفضل وضعها بين إحدى العلامتين, كما يمكنك أيضًا وضع قيمة الخاصية تحت اسم الخاصية

على سبيل المثال:

<DOCTYPE html!>
<html>
  <head>
  </head>
  <body>
    <tag
      attribute name
      =
      "attribute value">
        المحتوى الخاص بالعنصر
    </tag>
  </body>
</html>

أنواع العناصر في HTML:

تنقسم عناصر HTML إلى نوعين:

  • النوع الأول هو عناصر block.
  • النوع الثاني هو العناصر inline.

الفرق بين عناصر HTML ال block و ال inline:

عناصر block:

عناصر ال block هي عناصر تشغل العرض بالكامل عند العرض على المتصفح, ولا تسمح لأي عنصر آخر بمشاركة نفس السطر، سواءً كان العنصر من نوع block أو inline.

العناصر inline:

العناصر ال inline هي عناصر لا تحتاج إلى عرض كامل على المتصفح، وتسمح أيضًا لعنصر مضمن آخر بمشاركة نفس السطر.

ملاحظة:

يمكنك التحكم في نوع العنصر باستخدام لغة تنسيق CSS، وتغيير عنصر block إلى عنصر inline، والعكس، وسنناقش ذلك في دورة CSS.

Related Posts

إرسال التعليق