HTML

HTML العناصر

العناصر

تتكون العناصر عادةً من علامة البدء وعلامة النهاية ، مع إدراج المحتوى بين:
<tagname> المحتوى هنا … </ tagname>

عنصر HTML هو كل شيء من علامة البدء إلى علامة النهاية:
<p> فقرة </ p>

علامة البدء محتوى العنصر علامة النهاية
<h1> العنوان </h1>
<p> الفقرة </p>
<br>

تسمى عناصر HTML بدون محتوى بعناصر فارغة. لا تحتوي العناصر الفارغة على علامة نهاية ، مثل العنصر <br> (الذي يشير إلى فاصل الأسطر).


عناصر HTML المتداخلة

يمكن أن تتداخل عناصر HTML (يمكن أن تحتوي العناصر على عناصر اخرى).
تتكون جميع مستندات HTML من عناصر HTML متداخلة.
يحتوي هذا المثال على أربعة عناصر HTML:

<!DOCTYPE html>
<html>
<body>

<h1>العنوان</h1>
<p>الفقرة</p>

</body>
</html>

شرح المثال

يحدد العنصر <html> المستند بالكامل.
يحتوي على علامة البدء <html> وعلامة النهاية </ html>.
محتوى العنصر هو عنصر HTML آخر (العنصر <body>).

<html>
<body>

<h1>العنوان</h1>
<p>الفقرة</p>

</body>
</html>

يحدد العنصر <body> نص المستند.
يحتوي على علامة البدء <body> وعلامة نهاية </body>.
محتوى العنصر هو عنصران آخران في HTML (<h1> و <p>).

<body>

<h1>العنوان</h1>
<p>الفقرة</p>

</body>

يعرّف العنصر <h1> العنوان.
يحتوي على علامة البدء <h1> وعلامة النهاية </ h1>.
محتوى العنصر هو: العنوان

<h1>العنوان</h1>

يعرّف العنصر <p> فقرة.
يحتوي على علامة بدء <p> وعلامة نهاية </p>.
محتوى العنصر هو: الفقرة

<p>الفقرة</p>

لا تنسى علامة النهاية

سيتم عرض بعض عناصر HTML بشكل صحيح ، حتى إذا نسيت علامة النهاية:

<html>
<body>

<p>فقرة
<p>فقرة

</body>
</html>

المثال أعلاه يعمل في جميع المتصفحات ، لأن علامة الإغلاق تعتبر اختيارية.
لا تعتمد على هذا. قد ينتج عنه نتائج و / أو أخطاء غير متوقعة إذا نسيت علامة النهاية.


عناصر HTML فارغة

تسمى عناصر HTML بدون محتوى بعناصر فارغة.
<br> هو عنصر فارغ بدون علامة إغلاق (تحدد علامة <br> فاصل أسطر):

<p>هادا هو <br> فقرة بسطر جديد.</p>

يمكن “إغلاق” العناصر الفارغة في علامة الفتح مثل هذا: <br />.
لا يتطلب HTML5 إغلاق العناصر الفارغة. ولكن إذا كنت تريد التحقق من صرامة ، أو إذا كنت بحاجة إلى جعل المستند قابلاً للقراءة بواسطة موزعي XML ، فيجب عليك إغلاق جميع عناصر HTML بشكل صحيح.


استخدام العلامات الصغيرة

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

Related Articles

One Comment

  1. Pingback: دورة HTML

Leave a Reply

Check Also
Close
Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker