كيف تقرأ المتصفحات HTML
تعلّم سبب وجود DOCTYPE وما يحدث عند غيابه
كيف تقرأ المتصفحات HTML درس مجاني في HTML Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في HTML Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة HTML Academy 3 دروس في المجموع.
المتصفح هو قارئكم
يقرأ متصفحكم (مثل Chrome أو Safari) HTML ويعرضها لكم كصفحة حقيقية. 🌐
من النص إلى الصفحة
تكتبون نص HTML عاديًا. يقرأه المتصفح من الأعلى إلى الأسفل، ثم يرسم ما يراه.
مثل وصفة
تخيّلوا HTML كوصفة. والمتصفح هو الطاهي الذي يتبع كل سطر بالترتيب. 🍳
الوسوم تعليمات
تستخدم HTML تسميات صغيرة تُسمّى الوسوم. ويخبر كل وسم المتصفح بماهية جزء من المحتوى.
كيف يبدو الوسم
يوضع الوسم داخل قوسين زاويين. إليكم وسم فقرة يحيط ببعض النص.
<p>Hello!</p>الفتح والإغلاق
تأتي معظم الوسوم في أزواج: وسم فتح ووسم إغلاق يحتوي على شرطة مائلة. ويوضع المحتوى بينهما.
المتصفح يخفي الوسوم
ترون الوسوم أثناء الكتابة، لكن المتصفح يعرض في الصفحة المحتوى فقط، منسّقًا بعناية.
الترتيب مهم
يقرأ المتصفح من الأعلى إلى الأسفل، لذلك يكون ترتيب كتابتكم للأشياء هو ترتيب ظهورها.
إنها متسامحة
لا تقلقوا بشأن الأخطاء. فالمتصفحات متسامحة، وتحاول قدر استطاعتها عرض صفحتكم على أي حال. 😊
تقدّم رائع!
أصبحتم تعرفون الآن كيف يحوّل المتصفح وسومكم إلى صفحة. والآن، لنتعرّف إلى اللبنات التي ستستخدمونها فعليًا. 🧩
اختبار سريع
رأيتم كيف تعمل الوسوم. ماذا يوجد داخل القوسين الزاويين ليخبر المتصفح بنوع المحتوى؟
الأسئلة الشائعة
هل درس «كيف تقرأ المتصفحات HTML» مجاني؟
نعم — نص درس «كيف تقرأ المتصفحات HTML» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة HTML Academy، انتقل إلى CoddyKit PRO. تتضمن دورة HTML Academy 3 دروس في المجموع.
ماذا ستتعلم في «كيف تقرأ المتصفحات HTML»؟
تعلّم سبب وجود DOCTYPE وما يحدث عند غيابه تتمرن على HTML Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ HTML Academy؟
لا تُشترط خبرة سابقة. HTML Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «كيف تقرأ المتصفحات HTML»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس HTML Academy هذا؟
نعم. كل درس في HTML Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- ما هو HTML؟
- كيف تقرأ المتصفحات HTML
- لبنات بناء الصفحة