ملاحظة: هذا المقال بقلم أحمد بوشفرة. الآراء الواردة تعبر عن الكاتب.
أحمد بوشفرة: مبرمج ومؤلف تقني، أساعد المطورين على بناء تطبيقات ويب حديثة وسريعة.
يمكنك أيضاً نشر مقالك هنا والترويج لخدماتك أمام جمهور من المبرمجين. تواصل معنا
لخّص هذا المقال مع ChatGPT
انسخ الأمر وألصقه في ChatGPT:
لخص لي هذا المقال في نقاط رئيسية: https://www.ahmedbouchefra.com/introduction-html-basic
فتح ChatGPT ↗
هذا أول مقال من دورة الـ 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). لتثبيته، اتبع الخطوات التالية:
- ابحث في جوجل عن “VS Code” وادخل إلى الموقع الرسمي.
- اضغط على زر التحميل “Download” لبدء التحميل.
- قم بتشغيل ملف التثبيت. العملية سهلة جدًا، فقط وافق على الشروط والأحكام واضغط على “Next” في كل خطوة تظهر لك.
بعد انتهاء التثبيت، ستجد أيقونة البرنامج على سطح المكتب (Desktop) أو يمكنك البحث عنه في قائمة البرامج. عند فتح البرنامج، ستظهر لك الشاشة الرئيسية، وبذلك تكون جاهزًا للبدء.
خلاصة
إذًا، في هذا المقال، تناولنا نقطتين رئيسيتين:
- مفهوم HTML: تعرفنا على أنها اللغة المستخدمة لبناء هيكل صفحات الويب.
- الأدوات: قمنا بتثبيت محرر الأكواد Visual Studio Code الذي سنستخدمه لكتابة أول كود HTML خاص بنا.
أراكم في المقال القادم.
تعلم البرمجة، الذكاء الاصطناعي والأمن السيبراني
اكتشف عجائب عالم التقنية مع أحمد بوشفرة. انضم إلينا اليوم للوصول إلى أحدث الدروس والمقالات.
اقرأ المزيد عن الكاتبمكتبة الكتب المجانية
حمّل كتب وأدلة PDF مجانية في البرمجة وتطوير الويب والذكاء الاصطناعي.
تصفح المكتبة