يتكون عنصر HTML عادة من علامة البدء وعلامة النهاية ، مع إدراج المحتوى بين اسم العلامة.
<اسم العلامة/> ينتقل المحتوى هنا ... < اسم العلامة>
عنصر HTML هو كل شيء من بداية العلامة إلى نهاية العلامة .
| علامة النهاية | محتوى العنصر | علامة البدء |
|---|
| <h1/> | العنوان الأول | <h1> |
| <p/> | فقرتي الأولى | <p> |
| <br> |
عناصر HTML المتداخلة
يمكن أن تتداخل عناصر HTML (يمكن أن تحتوي العناصر على عناصر).
تتكون جميع مستندات HTML من عناصر HTML متداخلة.
يحتوي هذا المثال على أربعة عناصر HTML:
مثال |
|---|
<h1/>عنواني الأول<h1> <p/>فقرتي الأولى<p> |
شرح مثال
يحدد العنصر <html> المستند بالكامل.
يحتوي على علامة البدء <html> وعلامة النهاية <html/>.
يوجد داخل العنصر <html> العنصر <body>.مثال |
|---|
<h1/>عنواني الأول<h1> <p/>فقرتي الأولى<p> |
يحدد العنصر <body> نص المستند.
يحتوي على علامة البدء <body> وعلامة نهاية <body/>.
يوجد داخل عنصر <body> عنصرين آخرين في <HTML> : <h1> و <p>.
مثال |
|---|
<h1/>عنواني الأول<h1> <p/>فقرتي الأولى<p> |
يعرّف العنصر <h1> العنوان.
يحتوي على علامة البدء <h1> وعلامة النهاية <h1/>.
محتوى العنصر هو: العنوان الأول.
مثال |
|---|
<h1/>عنواني الأول<h1> |
يعرّف العنصر <p> فقرة.
يحتوي على علامة بدء <p> وعلامة نهاية </p>.
محتوى العنصر هو: فقرتي الأولى.
لا تنسى علامة النهايةسيتم عرض بعض عناصر HTML بشكل صحيح ، حتى إذا نسيت علامة النهاية.
مثال |
|---|
هذه فقرة<p> هذه فقرة<p> |
عناصر HTML فارغة
تسمى عناصر HTML بدون محتوى بعناصر فارغة.
<br> هو عنصر فارغ بدون علامة إغلاق (تحدد علامة <br> فاصل أسطر):
مثال |
|---|
<p/>الفقرة مع فاصل الأسطر. <br> هذه هي<p> |
يمكن "إغلاق" العناصر الفارغة في علامة الفتح مثل هذا: <br/>.
لا يتطلب HTML5 إغلاق العناصر الفارغة. ولكن إذا كنت تريد التحقق من صرامة ، أو إذا كنت بحاجة إلى جعل المستند قابلاً للقراءة بواسطة موزعي XML ، فيجب عليك إغلاق جميع عناصر HTML بشكل صحيح.
HTML ليس حساس لحالة الأحرف
علامات HTML ليست حساسة لحالة الأحرف: <P> تعني نفس <p>.
لا يتطلب معيار HTML5 العلامات الصغيرة ، لكن W3C يوصي بالأحرف الصغيرة بتنسيق HTML ، ويتطلب أحرفًا صغيرة لأنواع المستندات الأكثر صرامة مثل XHTML.
June 03, 2020 - بواسطة مشرف