عناصر HTML

يحدد ملف HTML العناصر HTML.

عناصر HTML

عنصر HTML يشير إلى جميع الكود من العلامة الافتتاحية (start tag) إلى العلامة النهائية (end tag).

علامة الافتتاح محتوى العنصر علامة الإغلاق
<p> هذا هو الفقرة </p>
<a href="default.htm" > هذا رابط </a>
<br />

ملاحظة:تُدعى علامات الافتتاح عادةً بعلامات الافتتاح (opening tag)، وتُدعى علامات الإغلاق عادةً بعلامات الإغلاق (closing tag).

نحو لغة HTML

  • عناصر HTML تبدأ بعلامة الافتتاحالافتتاح
  • عناصر HTML تبدأ بعلامة الإغلاقانتهاء
  • محتويات العنصرهي محتويات العلامة الافتتاحية والنهاية
  • بعض عناصر HTML تملكمحتوى فارغ (محتوى فارغ)
  • عنصر فارغفي العلامة الافتتاحية للإغلاق(تتوقف عند نهاية العلامة الافتتاحية)
  • معظم عناصر HTML يمكن أن تملكالخصائص

نصيحة:ستعلم المزيد عن الخصائص في الفصل التالي من الدرس.

عناصر HTML المدمجة

معظم عناصر HTML يمكن أن تكون مدمجة (يمكن أن تحتوي على عناصر أخرى من HTML).

يكون ملف HTML من عناصر HTML المدمجة.

مثال ملف HTML

<html>
<body>
<p>هذا هو الفقرة الأولي.</p>
</body>
</html>

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

توضيح مثال HTML

<p> العنصر:

<p>هذا هو الفقرة الأولي.</p>

يحدد هذا <p> العنصر فقرة واحدة في ملف HTML.

يملك هذا العنصر علامة بدء <p>، وعلامة نهاية </p>.

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

<body> العنصر:

<body>
<p>هذا هو الفقرة الأولي.</p>
</body>

<body> العنصر يحدد الجسم الرئيسي للملف HTML.

يملك هذا العنصر علامة بدء <body>، وعلامة نهاية </body>.

محتوى العنصر هو عنصر آخر من HTML (عنصر p).

<html> العنصر:

<html>
<body>
<p>هذا هو الفقرة الأولي.</p>
</body>
</html>

يحدد عنصر <html> كامل وثيقة HTML.

يملك هذا العنصر علامة بداية <html>، وعلامة إنهاء </html>.

محتوى العنصر هو عنصر آخر من HTML (عنصر الجسم).

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

حتى لو نسيت استخدام العلامات الإنهائية، سيقوم معظم المتصفحات بعرض HTML بشكل صحيح:

<p>هذا فقرة
<p>هذا فقرة

النموذج المذكور أعلاه يعمل في معظم المتصفحات، لكن لا تعتمد على هذا الأسلوب. يمكن أن يؤدي نسيان العلامات الإنهائية إلى نتائج غير متوقعة أو أخطاء.

ملاحظة:لا يسمح إصدار HTML المستقبلي بتخطي العلامات الإنهائية.

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

العناصر HTML بدون محتوى تسمى عناصر فارغة. يتم إغلاق العناصر الفارغة في العلامة المبدئية.

<br> هو عنصر فارغ بدون علامة إغلاق (تعريف علامة <br> هو تغيير السطر).

في XHTML وXML وإصدارات HTML المستقبلية، يجب إغلاق جميع العناصر.

إضافة شرطة مائلة في بداية العلامة، مثل <br />، هي الطريقة الصحيحة لإغلاق العنصر الفارغ، يقبل HTML وXHTML وXML هذا الأسلوب.

على الرغم من أن <br> هو صالح في جميع المتصفحات، إلا أن استخدام <br /> هو ضمان أطول.

تلميح HTML: استخدم علامات الحروف الصغيرة

العلامات HTML غير حساسة للصغار والكبار: <P> تساوي <p>. تستخدم العديد من المواقع علامات HTML الكبيرة.

يستخدم CodeW3C.com علامات الحروف الصغيرة لأن اتحاد شبكة العالم (W3C) في HTML 4التوصيةاستخدم الحروف الصغيرة، وفي إصدارات (X)HTML المستقبليةإلزامياستخدم الحروف الصغيرة.