ما هي لغة HTML وما علاقتها ب CSS ؟

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

لغة النص الفائق

هي لغة النص الفائق باللغة الإنجليزية Hypertext Markup Language ، الهدف الأساسي للغة HTML هي أنها تستخدم من أجل توصيف بنية وهيكل صفحات المواقع ، وهي التي تمكنك من إضافة جميع العناصر الأساسية لصفحات الويب ، مثل الفقرات والنصوص والقوائم .

مثال على إضافة الصور لصفحة HTML

<img src="image.png" alt="This is an image">

لا حظ مثلا في هذا المثال أننا استخدمنا <img> وهو ببساطة وسم من وسوم اللغة ، وهو مخصص لعرض الصور ، داخل الوسم لدينا الخاصية src والتي تشير إلى مصدر الصورة ، حيث داخل علامة التنصيص في المثال قمنا بكتابة “image.png”  النتيجة ستكون هي ظهور الصورة في الموقع.

ستلاحظ أيضا أننا قمنا بإضافة alt وهي أيضا خاصية اختصار ل Alternative ، الهدف منها هو عرض محتوى نصي بديل في حال حدث أي مشكل في عرض الصورة ، بالتالي في حالة لم تعرض الصورة ، سيتم عرض نص توضيحي بديل ، من هنا يأخذ الزائر فكرة عن محتوى الصورة.

ما علاقة ال CSS مع HTML ؟

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

أهمية ال CSS أن تمكن من تنسيق صفحات ال HTML عن طريق الوصول إلى عناصر الصفحة وإضافة التنسيقات المناسبة لها ، لهذا فإن الترتيب الصحيح من أجل البدء في تعلم بناء المواقع هو تعلم HTML التي تمكن من إنشاء الهيكل الأساسي للصفحة ، ثم تعلم CSS التي تمكنك من تنسيق عناصر الصفحة .

«
»

أحدث المواضيع

  • إليك خطر الروبوتات على البشر

  • فكرة كتاب نظرية الفستق

  • مجموعة من كتب الرياضيات المفيدة والممتعة مع الأمثلة