ان صفحة 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 على قناة المعهد العربي للبرمجة على اليوتيوب
لو سمحتم ممكن تعرفوني اتعامل مع برنامج dremweaver ازاي علشان انا لسه مبتدي وشكرا علي الدوره الممتازه
ردحذف