📌 ما هو الـ HTML ولماذا نستخدمه؟ 🔹 تعريف الـ HTML HTML اختصار لـ: HyperText Markup Languageيعني: لغة ترميز النصوص التشعبية. هي ليست لغة برمجة، إنما لغة لوصف بنية صفحات الويب. المتصفح (مثل: Chrome, Firefox, Edge) يقرأ كود…
📌 الفرق بين الـ Front-End و الـ Back-End 🔹 1. ما هو الـ Front-End؟ الـ Front-End هو الجزء الظاهر للمستخدم (User Interface). هو كل ما تراه وتتعامل معه في الموقع أو التطبيق: النصوص الأزرار الصور القوائم الألوان…
📌 كيف تعمل المتصفحات مع ملفات HTML؟ المتصفح (Browser) زي Google Chrome أو Firefox أو Edge هو البرنامج اللي يفتح صفحات الويب.لكن إزاي بيحوّل كود HTML المكتوب على شكل نصوص إلى صفحة متكاملة نشوفها ونقدر نتعامل معاها؟ 🤔 🔹 1. جلب…
📌 تركيب ملف HTML (HTML Document Structure) أي ملف HTML له بنية ثابتة لازم تبدأ بيها علشان المتصفح يفهم الكود ويعرض الصفحة بشكل صحيح. خلينا نشرح المكونات الأساسية واحد واحد: 🔹 1. سطر التعريف (Document…
📌 وسم البداية والنهاية في HTML 🔹 ما هو الوسم (Tag)؟ الوسم هو تعليمة (Instruction) بيستخدمها المبرمج علشان يحدد للمتصفح وظيفة جزء معين من المحتوى. الوسوم بتكون محاطة بـ أقواس زاوية: < >. مثال: 🔹 تركيب الوسم…
📌 العناصر الفارغة في HTML (Empty Elements) 🔹 ما هي العناصر الفارغة؟ العناصر الفارغة هي وسوم (Tags) ما بتحتويش على محتوى داخلي، وبالتالي ما بتحتاجش “وسم بداية” و “وسم نهاية”. بتُكتب كوسم واحد فقط….
📌 التعليقات في HTML (HTML Comments) 🔹 ما هي التعليقات؟ التعليق هو جزء من الكود لا يتم تنفيذه من قِبل المتصفح. الغرض منه هو كتابة ملاحظات أو توضيحات داخل ملف HTML. بتفيدك كـ مبرمج أو أي شخص…
📌 البنية الأساسية للصفحة في HTML أي ملف HTML لازم يكون له هيكل أساسي علشان المتصفح يفهم الكود ويعرضه بشكل صحيح. هذا الهيكل يتكون من 3 وسوم رئيسية: <html> <head> <body> خلينا نشرح…
📌 الترميز (UTF-8) في HTML 🔹 ما هو الترميز (Character Encoding)؟ أي نص بتكتبه في ملف HTML (حروف، أرقام، رموز) لازم يتم تخزينه على شكل أرقام (Bits & Bytes) داخل الكمبيوتر. الترميز هو النظام اللي…