يتكون عنصر HTML من علامة بداية ومحتوى وعلامة نهاية.
عناصر HTML
يشمل عنصر HTML كل شيء من علامة البداية إلى علامة النهاية:
<tagname>Content goes here…</tagname>
أمثلة على بعض عناصر HTML:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
| نهايه الtag | المحتوي | بدايه الtag |
| <h1/> | My First Heading | <h1> |
| <p/> | My first paragraph | <p> |
| none | none | <br> |
ملحوظة: بعض عناصر HTML ليس لديها محتوى مثل عنصر<br>
تسمى هذه العناصر العناصر الفارغة العناصر الفارغة لا تحتوي على علامة نهاية!
عناصر HTML متداخلة :
يمكن تداخل عناصر HTML (يعني هذا أنه يمكن للعناصر أن تحتوي على عناصر أخرى).
كل وثائق HTML تتكون من عناصر HTML متداخلة.
يحتوي المثال التالي على أربعة عناصر HTML
(<html>, <body>, <h1> and <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 الفارغة:
عناصر HTML التي لا تحتوي على محتوى تُسمى العناصر الفارغة.
يحدد عنصر <br> سطرًا جديدًا، وهو عنصر فارغ بدون علامة إغلاق:
<p>This is a <br> paragraph with a line break.</p>
HTML ليس حساسا لحاله الاحرف :
علامات HTML ليست حساسة لحالة الأحرف: <P> تعني نفس الشيء مثل <p>.
لا يتطلب معيار HTML استخدام الأحرف الصغيرة، ولكن W3C (World Wide Web Consortium) يوصي باستخدام الأحرف الصغيرة في HTML، ويفرض استخدام الأحرف الصغيرة لأنواع المستندات الأكثر صرامة مثل XHTML.
نستخدم دائمًا أسماء العلامات بالأحرف الصغيرة.
