1 – ما هو الـ HTML ولماذا نستخدمه – مقدمة في HTML – المستوى الأول: الأساسيات
📌 ما هو الـ HTML ولماذا نستخدمه؟
🔹 تعريف الـ HTML
-
HTML اختصار لـ: HyperText Markup Language
يعني: لغة ترميز النصوص التشعبية. -
هي ليست لغة برمجة، إنما لغة لوصف بنية صفحات الويب.
-
المتصفح (مثل: Chrome, Firefox, Edge) يقرأ كود HTML ويحوّله لصفحة يمكن عرضها للمستخدم.
🔹 معنى الكلمات:
HyperText (النص التشعبي):
أي نص يحتوي على روابط (Links) تسمح بالانتقال من صفحة لصفحة أو من جزء لجزء داخل نفس الصفحة.
Markup (الترميز):
هو طريقة لإضافة علامات (Tags) حول النصوص والصور لتوضيح معناها للمتصفح.
مثلًا
هذا الترميز يخبر المتصفح أن “مرحبا بالعالم” هو عنوان رئيسي.
Language (اللغة):
هي مجموعة من القواعد والوسوم (Tags) التي نتبعها لنكتب صفحة ويب.
🔹 لماذا نستخدم HTML؟
-
إنشاء صفحات الويب:
أي موقع أو صفحة على الإنترنت مكتوبة أساسًا بـ HTML. -
بناء الهيكل (Structure):
-
HTML هو “العظام” أو “الهيكل” للصفحة.
-
CSS هو “الملابس والتنسيق”.
-
JavaScript هو “الحركة والتفاعلية”.
-
-
إضافة المحتوى:
HTML يسمح بإضافة:-
نصوص (عناوين + فقرات)
-
صور
-
فيديو وصوت
-
روابط
-
جداول ونماذج إدخال
-
-
ربط مع تقنيات أخرى:
-
يمكن ربطه مع CSS لتنسيق الصفحة (ألوان، خطوط، تصميم).
-
يمكن ربطه مع JavaScript لإضافة التفاعلية (أزرار، قوائم منسدلة).
-
-
عرض المحتوى على جميع الأجهزة:
-
المتصفحات على الكمبيوتر، الهاتف، أو التابلت، كلها تقرأ HTML.
-
لذلك HTML هو اللغة الأساسية لتصميم أي موقع متوافق مع جميع المنصات.
-
🔹 مثال عملي بسيط:
ملف HTML أساسي:
✅ هذا الكود لما تفتحه في المتصفح:
-
يعرض عنوان رئيسي “مرحبا بالعالم”.
-
يعرض فقرة نصية.
-
يعرض رابط يوصلك إلى جوجل.
🔹 تشبيه بسيط:
-
اعتبر أن HTML = العظم (يبني شكل الجسم).
-
CSS = الجلد والملابس (يجعل الجسم أنيق وجميل).
-
JavaScript = العضلات والحركة (يجعل الجسم يتحرك).
اتصل الآن
تواصل واتساب
