عندما نتحدث عن بناء وإنشاء المواقع ، أول بحث ستقوم به أو أول كتاب أو دليل مخصص لتعلم إنشاء المواقع ، سيشير إلى لغة 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 التي تمكنك من تنسيق عناصر الصفحة .