📌 عنصر الإدخال <input> 🔹 ما هو <input>؟ عنصر يستخدم لإدخال بيانات من المستخدم. من العناصر الفارغة (Empty) → مفيش وسم إغلاق. له خاصية أساسية اسمها type بتحدد نوع الإدخال. ✅ التركيب العام: 🔹 الأنواع الأساسية لـ <input> 1. type=”text” حقل…
📌 زر الإرسال <button> 🔹 ما هو <button>؟ عنصر في HTML يُستخدم لإنشاء زر. يُمكن استخدامه داخل النماذج (Forms) أو خارجها. يختلف عن <input type=”submit”> لأنه أكثر مرونة: ممكن يحتوي نصوص. ممكن يحتوي أي عناصر أخرى (أيقونات،…
📌 مربعات النصوص <textarea> 🔹 ما هو <textarea>؟ عنصر يُستخدم لإدخال نصوص طويلة أو متعددة الأسطر من المستخدم. مختلف عن <input type=”text”> لأنه: يقبل أكتر من سطر. الحجم بتاعه ممكن يتغير (Resizable). مناسب للتعليقات، الرسائل، العناوين الطويلة… إلخ. ✅…
📌 القوائم المنسدلة <select> و <option> 🔹 ما هو <select>؟ عنصر يستخدم لإنشاء قائمة منسدلة (Dropdown List). يسمح للمستخدم يختار عنصر واحد أو أكثر من مجموعة خيارات. بيتكون من وسم رئيسي <select> جواه عناصر فرعية <option>. ✅ التركيب الأساسي: 🔹 ما هو <option>؟ عنصر…
📌 الخصائص المهمة لعناصر النماذج 🔹 1. الخاصية name المعنى: تحدد اسم الحقل اللي هيتبعت مع البيانات إلى السيرفر. بدونها السيرفر مش هيعرف يميز البيانات. كل عنصر في النموذج (input, textarea, select) لازم يكون…
📌 العناصر الهيكلية (Semantic Elements) 🔹 أولًا: ما الفرق بين العناصر العادية (Non-Semantic) والعناصر الدلالية (Semantic)؟ ✅ العناصر العادية (Non-Semantic Elements) زي <div> و <span> ما لهاش معنى محدد بخصوص المحتوى، هي مجرد حاويات عامة. بتُستخدم عشان…
📌 9. الوسائط المتعددة (Multimedia) 🎵 أولًا: إدراج الصوت <audio> 🔹 ما هو <audio>؟ عنصر لإضافة ملفات صوتية في الصفحة (موسيقى، تسجيلات، مؤثرات). بيدعم صيغ زي: mp3, ogg, wav. ✅ التركيب الأساسي: 🔹 الخصائص المهمة: src → رابط ملف…
📌 10. الميتا تاج (Meta Tags) الميتا تاجز Meta Tags عناصر بنكتبها داخل وسم <head> عشان نضيف معلومات وصفية (Metadata) عن الصفحة.هي مش بتظهر مباشرة للزائر، لكن بيستخدمها: المتصفح (لتحديد الترميز والعرض). محركات البحث (SEO). السوشيال ميديا (عرض معاينات)….
📌 خصائص HTML5 الجديدة (HTML5 Features) 🎨 1. عنصر الرسم <canvas> 🔹 ما هو <canvas>؟ عنصر جديد في HTML5 لإنشاء رسومات ثنائية الأبعاد (2D) أو ثلاثية الأبعاد (3D) باستخدام JavaScript. بدون JavaScript هو مجرد مستطيل فارغ. ✅ التركيب الأساسي:…
إمكانية الوصول (Accessibility) إمكانية الوصول (Accessibility – a11y) معناها إن موقعك يكون سهل الاستخدام لكل الناس، بما فيهم ذوي الاحتياجات الخاصة (ضعاف البصر، المكفوفين، مستخدمي قارئات الشاشة، صعوبات الحركة…).HTML بيوفر أدوات وعناصر تساعد…