كيف أنشئ ملف HTML وأفتحه في متصفح الإنترنت لأرى النتيجة؟
ستتمكن من: إنشاء ملف صفحة ويب index.html وكتابة كود تجريبي وفتحه في المتصفح لرؤية النتيجة فوراً
- Risk
- آمن للتجربة
- Windows
- Windows 11 · Windows 10
ضمن البرمجة وأدواتها
الخطوات
- 1
داخل محرر VS Code، أنشئ ملفاً جديداً واحفظه بالاسم
index.html. يفتح الملف داخل المحرر وتظهر أيقونة وسوم HTML البرمجية بجانب اسمه في الشريط العلوي.محرر VS Code يوضح ملفاً جديداً باسم index.html جاهزاً لكتابة الكود.
الصورة في الطريق. الخطوات أعلاه كاملة من دونها.
لماذا نسميه index.html تحديداً؟
تعتبر متصفحات الإنترنت وخوادم الويب اسم index.html هو الاسم الافتراضي المتفق عليه عالمياً لتمثيل الصفحة الرئيسية لأي موقع.
- 2
اكتب الكود
<h1>Hello World</h1><p>My first webpage.</p>داخل الملف واضغط على CtrlS للحفظ. تختفي الدائرة البيضاء الصغيرة في لسان التبويب، ما يؤكد حفظ التعديلات على القرص. - 3
اضغط بزر الفأرة الأيمن على اسم ملف
index.htmlفي القائمة الجانبية في VS Code واختر Reveal in File Explorer. تفتح نافذة مستكشف الملفات في ويندوز ويظهر الملف محدداً وعليها أيقونة متصفحك الافتراضي.نافذة مستكشف الملفات توضح ملف index.html بأيقونة المتصفح.
الصورة في الطريق. الخطوات أعلاه كاملة من دونها.
- 4
اضغط مرتين بزر الفأرة الأيسر على ملف
index.html. يفتح متصفح الإنترنت تبويباً جديداً يعرض عنوانك الكبير وفقرة النص التي كتبتها مع رابط مسار الملف المحلي في شريط العنوان.
الشكل عندي مختلف
يمكنك أيضاً تثبيت إضافة شهيرة في VS Code اسمها "Live Server"، وهي تقوم بتحديث صفحة المتصفح تلقائياً بمجرد حفظ الملف دون الحاجة لتحديث الصفحة يدوياً.
هل نجح هذا معك؟