عناصر HTML

يتكون عنصر HTML عادة من علامة بداية<البداية>” وعلامة نهاية<النهاية/>” مع إدراج المحتوى بينهما : <p/>اول فقرة لي. <p>

تسمي مكونات HTML ب “العناصر” بالعربية او “Elements تحدد العلامة هيئة العنصر كيف يبدو وما صفاته

عنصر HTML هو كل شيء من علامة البداية إلى علامة النهاية: <p/>اول فقرة لي. <p>


عناصر HTML المتداخلة

يمكن تداخل عناصر HTML

يمكن للعناصر في HTML ان تحوي عناصر اخري

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

يحتوي هذا المثال على أربعة عناصر HTML:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>هذا هو اول عنوان رئيسي</h1>
<p>هذه اول فقرة لي</p>
</body>
</html>

مثال موضح

يعرف العنصر <html> الصفحة بالكامل وباقي العناصر بعد ذلك

يحوي علامة بداية <html> وعلامة نهاية <html/> .

يعرف العنصر .<body> الجزء الظاهر للمستخدم في الصفحة الاساسية

هو ايضا يحوي علامة بداية <body> وعلامة نهاية <body/> .

يعرف العنصر <h1> عنوان ، كمثال عنوان لمقالة

هوي ايضا يحوي علامة بداية <h1> وعلامة نهاية <h1/> .

محتوى العنصر هو: “هذا هو اول عنوان رئيسي” .. <h1> هذا هو اول عنوان رئيسي <h1/>

يعرف العنصر <p> فقرة من النص كموضوع المقال علي سبيل المثال

هو ايضا يحوي علامة بداية <p> وعلامة نهاية <p/> .

محتوى العنصر هو: فقرتي الأولى.<p/>هذه اول فقرة لي.<p>


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

سيتم عرض بعض عناصر HTML بشكل صحيح، حتى إذا نسيت علامة النهاية:

مثال

<!DOCTYPE html>
<html>
<body>
<h1>هذا هو اول عنوان رئيسي
<p>هذه اول قطعة لي
</body>
</html>

يعمل المثال أعلاه في كافة المستعرضات، لأن علامة الإغلاق تعتبر اختيارية.

لا تعتمد على هذا أبدا قد ينتج نتائج أو أخطاء غير متوقعة إذا نسيت علامة النهاية.


عناصر HTML فارغة

تسمى عناصر HTML بدون محتوى عناصر فارغة أو “empty elements”.

<br> هو عنصر فارغ يقوم بعمل سطر جديد ولا يملك اي علامة اغلاق

لكن يمكن إغلاق العناصر الفارغة في نفس علامة الافتتاح مثل هذا: </ br>.

في HTML5 لا يتطلب العناصر الفارغة إغلاق. ولكن إذا كنت تريد التحقق من صحة كل شئ وجعل كل شئ رسمي وصارم، لكن في الطبيعي أنت لست في حاجة إلي ذلك


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