الكورس الثالث: عناصر لغة HTML

الكورس الثالث: عناصر لغة HTML

يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتوى وعلامة النهاية.

عناصر HTML

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

< tagname > وهنا يكون المحتوى بين علامتي العنصر هذه< / tagname >

أمثلة على بعض عناصر HTML

Open tagContentClosing tag
<h1>انا العنصر الأول</h1>
<p>انا العنصر الثاني</p>
<br>لايوجد محتوى, مجرد فاصللايوجد علامة اغلاق

ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل عنصر <br>). تسمى هذه العناصر بالعناصر الفارغة. العناصر الفارغة ليس لها علامة نهاية!

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

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

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

يحتوي المثال التالي أربعة عناصر

مثال

<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

شرح المثال

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

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

ثم يوجد داخل العنصر , و هو يحدد العنصر الأساسي للمستند. و يحتوي على علامة بداية <body> وعلامة نهاية <body/>

ثم يوجد داخل <body> العنصر عنصران آخران

  • <h1>يحدد العنصر عنوان.
  • و <p>يحدد عنصر فقرة.

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

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

و <br> تحدد العلامة كسر الخط، وعنصر فارغة بدون علامة إغلاق:

مثال

<p>This is a <br> paragraph with a line break.</p>

HTML ليست حساسة لحالة الأحرف

علامات HTML ليست حساسة لحالة الأحرف: فسواء كتبت بحرف صغير أو حرف كبير, فلن يؤثر ذلك على المحتوى أو ظهور النتيجة.