عناصر HTML

Sans titre-4

عنصر HTML :

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

وسم البداية * محتوى العنصر وسم النهاية *
<p> This is a paragraph </p>
<a href=”default.htm”> This is a link </a>
<br>

 

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

 


مثال عن وثيقة HTML :

<!DOCTYPE html>
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

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


مثال HTML مشروح :

العنصر <p> :

<p>This is my first paragraph.</p>

يحدد العنصر <p> فقرة في وثيقة HTML.
العنصر له علامة بداية <p>، و علامة نهاية </ P>.
محتوى هذا العنصر هو : This is my first paragraph.

العنصر <body> :

<body>
<p>This is my first paragraph.</p>
</body>

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

العنصر <html> :

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

يحدد العنصر <HTML> وثيقة HTML كلها.
العنصر له علامة بداية <HTML> وعلامة نهاية </ HTML>.
محتوى عنصر هو عنصر HTML آخر (في مثالنا هذا عنصر <body>).


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

بعض عناصر html قد تعرض بشكل صحيح حتى لو نسينا وسم النهاية .

<p>This is a paragraph
<p>This is a paragraph

المثال أعلاه يعمل في معظم المتصفحات، لأنه يعتبر وسم إغلاق اختياري.

لكن لا تعتمد على هذا , لانه معظم عناصر html قد تتسبب في أخطاء و مشاكل غير متوقعة اذا نسيت وسم النهاية .

ملاحظة : أثناء كتابة الوسوم أكتبوها كلها بالاحرف الصغيرة مثلا وسم <p> يجب كتابته كما هو مكتوب فلا يجوز كتابته هكذا <P>