Header Ads

عناصر HTML



ان صفحة HTML معرّفة بعناصر HTML




عناصر HTML


تعتبر عناصر HTML كل شيء من بداية الوسم وحتى نهايته



بداية الوسممحتوى العنصرنهاية الوسم
<p>هذا موضوع</p>
<a href="default.htm" >هذا رابط</a>
<br />

* يجب كتابة وسوم HTML من اليسار الى اليمين على اعتبار أنها رموز باللغة الانكليزية




تركيب عناصر HTML


  • جميع عناصر HTML تبدأ بــ بداية الوسم

  • جميع عناصر HTML تنتهي بــ نهاية الوسم

  • ان محتوى العنصر هو كل شيء بين تلك الوسوم

  • بعض عناصر HTML تحتوي على "empty content" أي "محتوى فارغ"

  • يتم اغلاق العناصر الفارغة في بداية الوسم

  • تحتوي أغلب وسوم HTML على "attribute" أي "لاحقة"





تداخل عناصر HTML


ان أغلب عناصر HTML يمكن أن تتداخل فيما بينها (أي يمكن تحتوي بداخلها على عناصر HTML أخرى)
تحتوي صفحة HTML على عناصر متداخلة فيما بينها

مثال عن صفحة HTML
<html>
<body>
<p>هذا أول موضوع لي</p>
</body>
</html>

في المثال السابق يحتوي على 3 عناصر HTML




شرح المثال السابق


العنصر <p>
<p>هذا أول موضوع لي</p>


يوصف العنصر <p> موضوع في صفحة HTML
لدى العنصر وسم للبداية وهو <p> ووسم للنهاية وهو </p>
ان محتوى العنصر هو "هذا أول موضوع لي"

العنصر <body>
يوصف العنصر <body> جسم صفحة HTML
لدى العنصر وسم للبداية وهو <body> ووسم للنهاية وهو </body>
ان محتوى العنصر هو عنصر HTML آخر (عنصر p)

العنصر <html>
يوصف العنصر <html> الصفحة كلها
لدى العنصر وسم للبداية وهو <html> ووسم للنهاية وهو </html>
ان محتوى العنصر هو عنصر HTML آخر (عنصر body)
يوصف العنصر <body> جسم صفحة HTML
لدى العنصر وسم للبداية وهو <body> ووسم للنهاية وهو </body>
ان محتوى العنصر هو عنصر HTML آخر (عنصر p)




لاتنسى نهاية الوسم


ان بعض عناصر HTML يمكن عرضها بسهولة وبدون أخطاء اذا نسيت ان تغلق الوسم tag :
<p>هذا موضوع
<p> هذا موضوع


يعمل المثال السابق على أغلب المتصفحات لأن نهاية الوسم يعتبر اختياري لكن لاتعتمد على هذه القاعدة لأن معظم وسوم HTML تصدر رسائل خطأ غير متوقعة اذا نسيت نهاية الوسم




عناصر HTML الفارغة


ان عناصر HTML التي لاتحتوي على محتوى تسمى عناصر فارغة

ان الوسم <br> يعتبر فارغ لأنه لايحتاج الى نهاية وسم لأن <br> يعرف سطر جديد.

ملاحظة: في لغة XHTML , يجب اغلاق العناصر الفارغة وذلك باضافة / داخل بداية العنصر <br /> وتعتبر هذه الطريقة كنوع من اغلاق الوسم في لغة XHTML و XML




أحرف كبيرة أم أحرف صغيرة في HTML


ان وسوم HTML ليسوا حالة حساسة أي <P> هي نفسها <p> سواء كان الحرف كبيراً او صغيراً ومعظم المواقع تستخدم الأحرف الكبيرة.
تستخدم شبكة آفاق الأحرف الصغيرة وذلك لأن منظمة الويب والعالمية تنصح باستخدام الأحرف الصغيرة في اصدار HTML4 وتجبر على استخدام الأحرف الصغيرة في XHTML

متابعة الدرس 05 – عناصر HTML على قناة المعهد العربي للبرمجة على اليوتيوب




يتم التشغيل بواسطة Blogger.