عناصر 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

ليست هناك تعليقات:

جميع الحقوق محفوظة موقع الخبير التقني