📌 مربعات النصوص <textarea> 🔹 ما هو <textarea>؟ عنصر يُستخدم لإدخال نصوص طويلة أو متعددة الأسطر من المستخدم. مختلف عن <input type=”text”> لأنه: يقبل أكتر من سطر. الحجم بتاعه ممكن يتغير (Resizable). مناسب للتعليقات، الرسائل، العناوين الطويلة… إلخ. ✅…
📌 زر الإرسال <button> 🔹 ما هو <button>؟ عنصر في HTML يُستخدم لإنشاء زر. يُمكن استخدامه داخل النماذج (Forms) أو خارجها. يختلف عن <input type=”submit”> لأنه أكثر مرونة: ممكن يحتوي نصوص. ممكن يحتوي أي عناصر أخرى (أيقونات،…
📌 عنصر الإدخال <input> 🔹 ما هو <input>؟ عنصر يستخدم لإدخال بيانات من المستخدم. من العناصر الفارغة (Empty) → مفيش وسم إغلاق. له خاصية أساسية اسمها type بتحدد نوع الإدخال. ✅ التركيب العام: 🔹 الأنواع الأساسية لـ <input> 1. type=”text” حقل…
📌 النماذج (Forms) في HTML 🔹 ما هو الوسم <form>؟ <form> هو الوعاء الرئيسي اللي بيحتوي على عناصر الإدخال (Input Elements) زي: مربعات النصوص (Text fields). أزرار الاختيار (Radio Buttons). مربعات التحديد (Checkboxes). القوائم المنسدلة (Dropdowns). أزرار…
📌 وسم <caption> في HTML 🔹 ما هو <caption>؟ <caption> يُستخدم لإضافة عنوان وصفي للجدول. يساعد المستخدم يفهم الغرض من الجدول. له فائدة كبيرة في إمكانية الوصول (Accessibility) و SEO (لأن محركات البحث بتقرأه كتعريف للجدول). 🔹 مكان وسم <caption> لازم يكتب مباشرة بعد وسم <table> وقبل…
📌 دمج الخلايا في HTML Tables 🔹 ما معنى دمج الخلايا؟ أحيانًا نحتاج إن خلية في الجدول تمتد على أكثر من عمود (Column) أو أكثر من صف (Row). هنا نستخدم: colspan → لدمج أعمدة. rowspan → لدمج صفوف….
📌 الجداول في HTML 🔹 ما هي الجداول؟ الجدول Table عبارة عن صفوف (Rows) و أعمدة (Columns). بيتكون من مجموعة وسوم أساسية: <table> → لبدء الجدول. <tr> → Table Row = صف. <td> → Table Data = خلية بيانات….
📌 الصور في HTML 🔹 ما هو الوسم <img>؟ يُستخدم لإدراج صورة في صفحة الويب. وسم فارغ (Empty Element) → يعني ما فيهوش وسم إغلاق (</img> ❌). يكتفي بالوسم المفتوح <img> ومعاه الخصائص (Attributes). 🔹 التركيب الأساسي 🔹 الخصائص…
📌 الروابط التشعبية <a> في HTML 🔹 ما هو الوسم <a>؟ <a> اختصار لكلمة Anchor (مرساة). يُستخدم لإنشاء روابط تشعبية (Hyperlinks) بين الصفحات أو داخل نفس الصفحة أو حتى للملفات والبريد الإلكتروني. 🔹 التركيب الأساسي 📌 المتغير الأهم هنا هو href (Hypertext REFerence):…
📌 القوائم في HTML القوائم بتساعدنا نعرض عناصر متعددة بشكل منظم، زي: خطوات عمل شيء (قائمة مرتبة). نقاط أساسية أو ملاحظات (قائمة غير مرتبة). 🔹 عناصر القوائم الأساسية <ol> = Ordered List → قائمة…