هذا أول مقال من دورة الـ HTML. اليوم، سنتحدث عن ماهية الـ HTML بشكل أفضل، وسأوضح لك ما يمكنك فعله باستخدامها، وسنُحمّل الأدوات التي سنحتاجها.

ما هي لغة HTML؟

لفهم الـ HTML، يمكننا تشبيهها بالهيكل العظمي للإنسان. فكما أن الهيكل العظمي هو أساس الجسم، فإن الـ HTML هي أساس وهيكل صفحة الويب.

• HTML (الهيكل): هي المسؤولة عن بناء هيكل الصفحة أو الموقع.
• CSS (المظهر): هي لغة أخرى تُستخدم لإضافة الجماليات مثل الألوان، الأبعاد، وتنسيق العناصر المختلفة.

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

ماذا يمكنك أن تفعل باستخدام HTML؟

باستخدام HTML، يمكنك إنشاء العناصر الأساسية لأي صفحة ويب:

• النماذج (Forms): لإنشاء حقول لإدخال البيانات، مثل نماذج تسجيل الدخول أو إنشاء حساب جديد، والتي تتضمن حقولاً للبريد الإلكتروني، كلمة المرور، وغيرها.
• الجداول (Tables): لتنظيم البيانات بشكل مرتب، مثل إنشاء جدول للمذاكرة الأسبوعي أو قائمة بمرتبات الموظفين.
• الصور والفيديوهات: لعرض الصور ومقاطع الفيديو على الصفحة.
• الأزرار (Buttons): لإنشاء الأزرار التفاعلية التي ينقر عليها المستخدمون.

باختصار، الـ HTML هي المسؤولة عن هيكلة الموقع، وسنستكشف هذا بمزيد من التفصيل خلال هذه الدورة.

الأدوات المطلوبة

لكتابة كود HTML، نحتاج إلى أداة واحدة فقط: محرر أكواد (Code Editor).

تثبيت Visual Studio Code

أحد أشهر المحررات هو Visual Studio Code (VS Code). لتثبيته، اتبع الخطوات التالية:

1. ابحث في جوجل عن “VS Code” وادخل إلى الموقع الرسمي.
2. اضغط على زر التحميل “Download” لبدء التحميل.
3. قم بتشغيل ملف التثبيت. العملية سهلة جدًا، فقط وافق على الشروط والأحكام واضغط على “Next” في كل خطوة تظهر لك.

بعد انتهاء التثبيت، ستجد أيقونة البرنامج على سطح المكتب (Desktop) أو يمكنك البحث عنه في قائمة البرامج. عند فتح البرنامج، ستظهر لك الشاشة الرئيسية، وبذلك تكون جاهزًا للبدء.

خلاصة

إذًا، في هذا المقال، تناولنا نقطتين رئيسيتين:

1. مفهوم HTML: تعرفنا على أنها اللغة المستخدمة لبناء هيكل صفحات الويب.
2. الأدوات: قمنا بتثبيت محرر الأكواد Visual Studio Code الذي سنستخدمه لكتابة أول كود HTML خاص بنا.

أراكم في المقال القادم.