عناصر HTML
يتم تعريف عنصر HTML بواسطة علامة البداية وبعض المحتوى وعلامة النهاية.
عناصر HTML
عنصر HTML هو كل شيء من علامة البداية إلى وسم النهاية:
أمثلة على بعض عناصر HTML:
Start tag | Element content | End tag |
---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
ملاحظة: بعض عناصر HTML ليس لها محتوى (مثل عنصر <br>). تسمى هذه العناصر بالعناصر الفارغة. العناصر الفارغة ليس لها علامة نهاية!
عناصر HTML المتداخلة
يمكن أن تتداخل عناصر HTML (وهذا يعني أن العناصر يمكن أن تحتوي على عناصر أخرى).
تتكون جميع مستندات HTML من عناصر HTML متداخلة.
يحتوي المثال التالي على أربعة عناصر HTML ( <html>
و <body>
و <h1>
) <p>
:
مثال
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
شرح المثال
العنصر <html>
هو عنصر الجذر ويحدد مستند HTML بأكمله.
يحتوي على علامة بداية وعلامة <html>
نهاية </html>
.
ثم <html>
يوجد داخل العنصر <body>
عنصر:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
يحدد <body>
العنصر نص المستند.
يحتوي على علامة بداية وعلامة <body>
نهاية </body>
.
ثم <body>
يوجد داخل العنصر عنصران آخران:
<h1>
و
<p>
:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
يحدد <h1>
العنصر العنوان.
يحتوي على علامة بداية وعلامة <h1>
نهاية </h1>
:
<h1>My First Heading</h1>
يحدد <p>
العنصر فقرة.
يحتوي على علامة بداية وعلامة <p>
نهاية </p>
:
<p>My first paragraph.</p>
لا تتخطى علامة النهاية أبدًا
سيتم عرض بعض عناصر HTML بشكل صحيح ، حتى إذا نسيت وسم النهاية:
مثال
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
ومع ذلك ، لا تعتمد على هذا! قد تحدث أخطاء ونتائج غير متوقعة إذا نسيت وسم النهاية!
عناصر HTML فارغة
تسمى عناصر HTML التي لا تحتوي على محتوى بالعناصر الفارغة.
تحدد العلامة <br>
فاصل سطر ، وهي عنصر فارغ بدون علامة إغلاق:
مثال
<p>This is a <br> paragraph with a line break.</p>
HTML ليست حساسة لحالة الأحرف
علامات HTML ليست حساسة لحالة الأحرف: <P>
تعني نفس معنى <p>
.
لا يتطلب معيار HTML علامات صغيرة ، لكن W3C يوصي باستخدام أحرف صغيرة في HTML ، ويتطلب أحرفًا صغيرة لأنواع المستندات الأكثر صرامة مثل XHTML.
في W3Schools ، نستخدم دائمًا أسماء العلامات الصغيرة.
مرجع علامة HTML
يحتوي مرجع علامة W3Schools على معلومات إضافية حول هذه العلامات وسماتها.
Tag | Description |
---|---|
<html> | Defines the root of an HTML document |
<body> | Defines the document's body |
<h1> to <h6> | Defines HTML headings |
للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بزيارة مرجع علامات HTML الخاص بنا .