English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مستند HTML يتم تعريفه بعناصر HTML.
عنصر HTML يشير إلى جميع الكود من العلامة البدائية (start tag) إلى العلامة النهائية (end tag).
علامة البداية * | محتوى العنصر | علامة الإغلاق * |
<p> | هذا هو جملة صفحة الويب | </p> |
<a href="index.html"> | هذا رابط | </a> |
<br> | علامة السطر الجديد |
* العلامة المفتوحة غالباً ما تُسمى بعلامة البداية (opening tag)، والعلامة النهاية غالباً ما تُسمى بعلامة الإغلاق (closing tag).
عناصر HTML تبدأ بعلامة البداية
عناصر HTML تنتهي بعلامة النهاية
المحتوى للعنصر هو المحتوى بين العلامة المفتوحة والنهاية
بعض عناصر HTML تحتوي على محتوى فارغ
المعلمات الفارغة تنتهي في العلامة المفتوحة (بتنتهاء العلامة المفتوحة نفسها)
معظم عناصر HTML يمكنها امتلاك خصائص
التعليق: ستتعلم في الفصل التالي المزيد عن خصائص العناصر.
يمكن للعديد من عناصر HTML أن تكون مدمجة (يمكنها أن تحتوي على عناصر أخرى من HTML).
تتكون وثيقة HTML من عناصر HTML المدمجة.
<!DOCTYPE html> <html> <body> <p> هذا هو السطر الأول.</p> </body> </html>
يشمل المثال أعلاه ثلاثة عناصر HTML.
عنصر <p>:
<p> هذا هو السطر الأول.</p>
يحدد هذا العنصر <p> سطرًا في وثيقة HTML. يملك هذا العنصر علامة بدائية <p> وعلامة إغلاق </p>. محتوى العنصر هو: هذا هو السطر الأول.
عنصر <body>:
<body> <p> هذا هو السطر الأول.</p> </body>
يحدد عنصر <body> الجسم الوثيقة HTML. يملك هذا العنصر علامة بدائية <body> وعلامة إغلاق </body>. محتوى العنصر هو عنصر آخر من HTML (عنصر النص).
عنصر <html>:
<html> <body> <p> هذا هو السطر الأول.</p> </body> </html>
يحدد عنصر <html> كامل وثيقة HTML. يملك هذا العنصر علامة بدائية <html> وعلامة إغلاق </html>. محتوى العنصر هو عنصر آخر من HTML (عنصر الجسم).
حتى لو نسيت استخدام علامة الإغلاق، فإن معظم المتصفحات ستعرض HTML بشكل صحيح:
<p> هذا هو سطر.
<p> هذا هو سطر.
المثال أعلاه يمكنه العرض بشكل طبيعي في المتصفحات لأن إغلاق العلامات هو اختياري.
لا تعتمد على هذا الأسلوب. نسيان استخدام علامة الإغلاق يمكن أن يؤدي إلى نتائج غير متوقعة أو أخطاء.
العناصر HTML بدون محتوى تسمى عناصر فارغة. يتم إغلاق العناصر الفارغة في العلامة البدائية.
<br> هو عنصر فارغ بدون علامة إغلاق (تعريف علامة <br> هو إضافة سطر جديد).
في XHTML وXML وإصدارات HTML المستقبلية، يجب إغلاق جميع العناصر.
إضافة شرطة مائلة في بداية العلامة، مثل <br />، هي الطريقة الصحيحة لإغلاق العناصر الفارغة، يقبل HTML وXHTML وXML هذا الأسلوب.
بالرغم من أن <br> معروف بأنه يعمل في جميع المتصفحات، إلا أن استخدام <br /> يضمن التوافق، ونوصي باستخدام علامة النسخ <br /> للنص.
العلامات HTML لا تفرق بين الحروف الكبيرة والصغيرة: <P> متطابقة مع <p>، وتستخدم العديد من المواقع علامات HTML كبيرة.
التعليمات الأساسية تستخدم العلامات الصغيرة، لأن اتحاد شبكة الويب العالمية (W3C) أوصى باستخدام العلامات الصغيرة في HTML 4، وفي إصدارات (X)HTML المستقبلية يلزم استخدام العلامات الصغيرة.
يُنصح بأن يستخدم الجميع علامات صغيرة في عملية إنشاء صفحات الويب.