English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل أساسيات HTML

وسائط HTML

دليل مرجعي HTML

دليل أساسي HTML5

API HTML5

وسائط HTML5

عناصر HTML

مستند HTML يتم تعريفه بعناصر 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).

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

مثال وثيقة HTML

<!DOCTYPE html> <html> <body> <p> هذا هو السطر الأول.</p> </body> </html>

يشمل المثال أعلاه ثلاثة عناصر 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

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

<br> هو عنصر فارغ بدون علامة إغلاق (تعريف علامة <br> هو إضافة سطر جديد).

في XHTML وXML وإصدارات HTML المستقبلية، يجب إغلاق جميع العناصر.

إضافة شرطة مائلة في بداية العلامة، مثل <br />، هي الطريقة الصحيحة لإغلاق العناصر الفارغة، يقبل HTML وXHTML وXML هذا الأسلوب.

بالرغم من أن <br> معروف بأنه يعمل في جميع المتصفحات، إلا أن استخدام <br /> يضمن التوافق، ونوصي باستخدام علامة النسخ <br /> للنص.

نصائح HTML: استخدم العلامات الصغيرة

العلامات HTML لا تفرق بين الحروف الكبيرة والصغيرة: <P> متطابقة مع <p>، وتستخدم العديد من المواقع علامات HTML كبيرة.

التعليمات الأساسية تستخدم العلامات الصغيرة، لأن اتحاد شبكة الويب العالمية (W3C) أوصى باستخدام العلامات الصغيرة في HTML 4، وفي إصدارات (X)HTML المستقبلية يلزم استخدام العلامات الصغيرة.

يُنصح بأن يستخدم الجميع علامات صغيرة في عملية إنشاء صفحات الويب.