Theme
Primary Color

الدرس 2

تجهيز الأدوات وفهم الفرق بين المحرر والمتصفح

علشان تبدأ في HTML محتاج مكان تكتب فيه الكود ومتصفح تشوف فيه النتيجة

مش محتاج تشتري برنامج أو ترفع ملفات على استضافة علشان تجرب أول صفحة

كل أداة ليها دور مختلف

محرر الكود بيساعدك تكتب الملف وتنظمه أما المتصفح فبيقرأ الملف ويعرض الصفحة

ممكن تستخدم المحرر اللي متعود عليه وفي التطبيق هنستخدم Visual Studio Code ومتصفح موجود على جهازك

جهز مكان المشروع

  1. اعمل مجلد اسمه learn-html في مكان سهل توصل له
  2. افتح المجلد داخل محرر الكود
  3. اعمل ملف جديد اسمه index.html
  4. اكتب المثال واحفظ الملف
  5. افتح الملف بالمتصفح
<h1>My First Page</h1>
<p>I Am Learning HTML</p>

إيه اللي المفروض يظهر

هتشوف عنوان وتحته فقرة بدل ما تشوف الأقواس وأسماء العناصر

المتصفح قرأ الكود وحوله لمحتوى ظاهر لكن الملف الأصلي لسه موجود عندك وتقدر تعدله

لو التعديل مش ظاهر

احفظ الملف في المحرر وبعدين حدث صفحة المتصفح

لو مفيش تغيير راجع إن الملف اللي فاتحه في المتصفح هو نفس الملف اللي بتعدله

ملحوظة

اتأكد إن اسم الملف index.html مش index.html.txt لأن إخفاء امتدادات الملفات في النظام ممكن يخليك تحفظه كملف نصي عادي

جرب بنفسك

غير العنوان لاسمك واحفظ الملف وحدث المتصفح

لو الاسم اتغير يبقى دورة الكتابة والحفظ والمعاينة شغالة وعندك كل اللي محتاجه للدرس الجاي

آخر تعديل للدرس: