كيفية تشغيل HTML في المتصفح

الخطوات

1. ابدأ من القالب الابتدائي أو حمّل مشروع مثال.
2. حرّر بنية HTML وأنماط CSS وسلوك JavaScript.
3. اضغط «تشغيل» (Ctrl/Cmd + Enter) لتحديث المعاينة في sandbox.
4. افتح لوحة Console لقراءة log وwarn وerror.
5. استخدم عناصر التحكم المتجاوبة للتحقق من التخطيط بعروض شائعة.
6. نسّق أو انسخ أو نزّل عملك كـ index.html.

مثال

مثال — تشغيل

HTML

<button id="demo">Hello</button>

CSS

#demo { padding: 12px 24px; color: white; background: #2563eb; border: 0; border-radius: 8px; }

JavaScript

document.getElementById("demo").addEventListener("click", () => console.log("Hello"));

الصق كل مقطع في الحقل المناسب ثم شغّل الكود. يكتب الزر الأزرق Hello في وحدة التحكم عند النقر عليه.

نصيحة

التنفيذ الأساسي لـ HTML وCSS وJavaScript للمعاينة يتم محليًا في متصفّحك.

أدوات ذات صلة