- جرب الان
- في لغة HTML (وليست jHTML، حيث لا توجد لغة بهذا الاسم، على الأرجح أنك تقصد HTML)، تُعرف العناصر (Elements) بأنها اللبنات الأساسية لبناء صفحات الويب. يتكون العنصر عادةً من ثلاثة أجزاء:
- وسم البداية (Start Tag): يُحدد بداية العنصر. يُكتب بين علامتي أكبر من وأصغر من
< >
. مثال:<p>
،<h1>
،<div>
. - المحتوى (Content): هو النص أو الصور أو أي نوع آخر من البيانات التي تظهر داخل العنصر.
- وسم النهاية (End Tag): يُحدد نهاية العنصر. يُكتب بنفس طريقة وسم البداية، ولكن مع إضافة شرطة مائلة
/
قبل اسم الوسم. مثال:</p>
،</h1>
،</div>
. - مثال لعنصر HTML:
- HTML
<p>هذه فقرة نصية.</p>
- في هذا المثال:
<p>
هو وسم البداية.هذه فقرة نصية.
هو المحتوى.</p>
هو وسم النهاية.- أنواع عناصر HTML:
- هناك أنواع مختلفة من عناصر HTML، ولكل منها وظيفة محددة:
-
عناصر هيكلية (Structural Elements): تُستخدم لتحديد هيكل الصفحة وتنظيم المحتوى، مثل:
<html>
: العنصر الجذر لصفحة HTML.<head>
: يحتوي على معلومات حول الصفحة مثل العنوان والبيانات الوصفية.<body>
: يحتوي على المحتوى المرئي للصفحة.<div>
: يُستخدم لتقسيم الصفحة إلى أقسام.<section>
: يُستخدم لتمثيل قسم مستقل من المحتوى.<article>
: يُستخدم لتمثيل محتوى مستقل بذاته، مثل مقالة أو منشور مدونة.<nav>
: يُستخدم لتمثيل قسم من الصفحة يحتوي على روابط تنقلية.<footer>
: يُستخدم لتمثيل تذييل الصفحة.
-
عناصر نصية (Text Elements): تُستخدم لتنسيق النص وعرضه، مثل:
<p>
: فقرة.<h1>
إلى<h6>
: عناوين بمستويات مختلفة.<strong>
: نص عريض (هام).<em>
: نص مائل (مؤكد).<a>
: رابط تشعبي.<ul>
: قائمة غير مرتبة.<ol>
: قائمة مرتبة.<li>
: عنصر في قائمة.
-
عناصر وسائط (Media Elements): تُستخدم لعرض الصور والفيديوهات والصوت، مثل:
<img>
: صورة.<video>
: فيديو.<audio>
: صوت.
-
عناصر نماذج (Form Elements): تُستخدم لإنشاء نماذج تفاعلية، مثل:
<form>
: نموذج.<input>
: حقل إدخال.<button>
: زر.<select>
: قائمة منسدلة.
- العناصر الفارغة (Empty Elements):
- بعض العناصر لا تحتوي على محتوى ولا تحتاج إلى وسم نهاية، تُسمى بالعناصر الفارغة أو العناصر ذاتية الإغلاق (Self-Closing Elements). مثال:
<br>
: فاصل سطر.<hr>
: خط أفقي.<img>
: صورة.<input>
: حقل إدخال.- في HTML5، يُمكن كتابة هذه العناصر بدون الشرطة المائلة في النهاية، مثل
<br>
بدلاً من<br />
، ولكن كتابتها مع - الشرطة المائلة لا يضر.
- جرب الان