Full Stack

📌 القوائم المنسدلة <select> و <option> 🔹 ما هو <select>؟ عنصر يستخدم لإنشاء قائمة منسدلة (Dropdown List). يسمح للمستخدم يختار عنصر واحد أو أكثر من مجموعة خيارات. بيتكون من وسم رئيسي <select> جواه عناصر فرعية <option>. ✅ التركيب الأساسي: 🔹 ما هو <option>؟ عنصر…

📌 مربعات النصوص <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):…