كيف

أول صفحة HTML

الصفحة الأولى ملف واحد. سمّه index.html. المتصفح يفتحه بنفسه. لا تحتاج إطارًا ولا مكتبة ولا بانٍ مواقع أولًا.

في داخل الملف ثلاثة مواضع. html يمسك الكل. head يحفظ اسم الصفحة. body هو ما يراه الشخص. ضع النص الظاهر داخل body.

احفظ الملف واضغطه مرتين. يفتح المتصفح. إذا ظهر النص فالصفحة جاهزة. اللون والترتيب يأتيان بعد ذلك. ذلك CSS.

  • احفظ الملف على سطح المكتب كي تجده.
  • <h1>مرحبا</h1> عنوان. <p>هذه أول صفحة.</p> فقرة.
  • يجب أن ينتهي الملف بـ .html. ملف .txt يُفتح كرمز في المتصفح.
  • إذا وقفت الصورة في المجلد نفسه فإن img يشير إلى اسمها.
  • تستطيع وضع زر. يحتاج JavaScript قبل أن يعمل.
  • لا تنسخ قالبًا جاهزًا. اكتب هذه الأسطر الثلاثة بنفسك أولًا.

إذا لم تُفتح الصفحة فانظر إلى آخر اسم الملف. إذا لم يكن .html فالمتصفح لا يعدّه صفحة.

أداة هذا الموضوع

أدلة ذات صلة

معلومات مفصلة

تعد صفحة HTML الأولى ملفاً واحداً لا يحتاج إلى إطار عمل أو مكتبة أو مُنشئ مواقع. وهي تمثل نقطة البداية الأساسية لتطوير الويب، حيث تحتوي على هياكل تنظيمية بسيطة يقرؤها المتصفح مباشرة لعرض المحتوى للمستخدم دون تعقيد.

يحتاج الأشخاص إلى هذا الملف عند البدء في تعلم برمجة الويب أو عندما يرغبون في فهم كيفية عمل المستندات على المتصفح. وتساعد كتابة هذه السطر يدوياً بدلاً من نسخ قالب جاهز في استيعاب الأساسيات بوضوح.

طريقة الاستخدام

  1. قم بتسمية الملف index.html واحفظه على سطح المكتب.
  2. ضع الوسوم الأساسية مثل html و head و body داخل الملف.
  3. أضف نصوصاً مرئية وعناوين داخل وسوم body.
  4. احفظ الملف واضغط عليه مرتين ليفتحه المتصفح.

استخدامات شائعة

أسئلة شائعة

لماذا لا تفتح الصفحة بالشكل الصحيح؟

انظر إلى نهاية اسم الملف. إذا لم يكن امتداده .html، فلن يتعامل معه المتصفح كصفحة ويب.

هل أحتاج إلى أدوات معقدة؟

أنت لا تحتاج إلى إطار عمل أو مكتبة أو مُنشئ مواقع في البداية، بل يكفي ملف نصي ومتصفح.

هل يعمل الزر تلقائياً؟

يمكنك وضع زر على الصفحة، لكنه يحتاج إلى جافا سكريبت قبل أن يقوم بأي عمل.