1. جرب الان
  2.  في لغة HTML (وليست jHTML، حيث لا توجد لغة بهذا الاسم، على الأرجح أنك تقصد HTML)، تُعرف العناصر (Elements) بأنها اللبنات الأساسية لبناء صفحات الويب. يتكون العنصر عادةً من ثلاثة أجزاء:

  1. وسم البداية (Start Tag): يُحدد بداية العنصر. يُكتب بين علامتي أكبر من وأصغر من < >. مثال: <p>، <h1>، <div>.
  2. المحتوى (Content): هو النص أو الصور أو أي نوع آخر من البيانات التي تظهر داخل العنصر.
  3. وسم النهاية (End Tag): يُحدد نهاية العنصر. يُكتب بنفس طريقة وسم البداية، ولكن مع إضافة شرطة مائلة / قبل اسم الوسم. مثال: </p>، </h1>، </div>.
  4. مثال لعنصر HTML:
  5. HTML
  7. <p>هذه فقرة نصية.</p>
  8. في هذا المثال:
  9. <p> هو وسم البداية.
  10. هذه فقرة نصية. هو المحتوى.
  11. </p> هو وسم النهاية.
  12. أنواع عناصر HTML:
  13. هناك أنواع مختلفة من عناصر HTML، ولكل منها وظيفة محددة:

  14. عناصر هيكلية (Structural Elements): تُستخدم لتحديد هيكل الصفحة وتنظيم المحتوى، مثل:

    1. <html>: العنصر الجذر لصفحة HTML.
    2. <head>: يحتوي على معلومات حول الصفحة مثل العنوان والبيانات الوصفية.
    3. <body>: يحتوي على المحتوى المرئي للصفحة.
    4. <div>: يُستخدم لتقسيم الصفحة إلى أقسام.
    5. <section>: يُستخدم لتمثيل قسم مستقل من المحتوى.
    6. <article>: يُستخدم لتمثيل محتوى مستقل بذاته، مثل مقالة أو منشور مدونة.
    7. <nav>: يُستخدم لتمثيل قسم من الصفحة يحتوي على روابط تنقلية.
    8. <footer>: يُستخدم لتمثيل تذييل الصفحة.

  15. عناصر نصية (Text Elements): تُستخدم لتنسيق النص وعرضه، مثل:

    1. <p>: فقرة.
    2. <h1> إلى <h6>: عناوين بمستويات مختلفة.
    3. <strong>: نص عريض (هام).
    4. <em>: نص مائل (مؤكد).
    5. <a>: رابط تشعبي.
    6. <ul>: قائمة غير مرتبة.
    7. <ol>: قائمة مرتبة.
    8. <li>: عنصر في قائمة.

  16. عناصر وسائط (Media Elements): تُستخدم لعرض الصور والفيديوهات والصوت، مثل:

    1. <img>: صورة.
    2. <video>: فيديو.
    3. <audio>: صوت.

  17. عناصر نماذج (Form Elements): تُستخدم لإنشاء نماذج تفاعلية، مثل:

    1. <form>: نموذج.
    2. <input>: حقل إدخال.
    3. <button>: زر.
    4. <select>: قائمة منسدلة.
  18. العناصر الفارغة (Empty Elements):
  19. بعض العناصر لا تحتوي على محتوى ولا تحتاج إلى وسم نهاية، تُسمى بالعناصر الفارغة أو العناصر ذاتية الإغلاق (Self-Closing Elements). مثال:
  20. <br>: فاصل سطر.
  21. <hr>: خط أفقي.
  22. <img>: صورة.
  23. <input>: حقل إدخال.
  24. في HTML5، يُمكن كتابة هذه العناصر بدون الشرطة المائلة في النهاية، مثل <br> بدلاً من <br />، ولكن كتابتها مع 
  25. الشرطة المائلة لا يضر.
  26. جرب الان