مقدمة الى HTML
ماهي لغة الـ HTML ...؟ وبماذا تستخدم...؟ وما الذي يجب معرفته لبناء صفحات الويب بواسطة الـ HTML ...؟ وما أهم عناصرها ( أوسمتها) وكيفية استخدامها...؟
الآلاف مواقع الانترنت وتطبيقات الويب التي نستخدمها يومياً وبشكل لايمكن الاستغناء عنه صفحات هذه المواقع والتطبيقات تبنى بشكل أساسي من خلال تعليمات الـ HTML في هذا المقال مع سلسلة من مقالات لاحقه سنتعرف على ماهي الـ HTML و وطريقة بناء صفحة ويب بواسطة الـ HTML Tags ..
في هذا المقال نتعرف على:
ماهي الـ HTML..؟!
HTML هي لغة ترميز النصوص المستخدمة لإنشاء صفحات الويب، وهي اختصار للـ Hyper Text Markup Language وتستخدم لإنشاء هيكل وتنسيق وتصميم صفحات الويب.
لا تعتبر HTML لغة برمجية بالمعنى الفعلي فهي مجموعة التعليمات التي تعمل على بناء وتوزيع وترتيب محتوى صفحة الويب من نصوص وروابط وصور و فيديو وما إلى ذلك، وتتكون الـ HTML من وسوم (علامات) Tags يمثل كل وسم عنصر من عناصر صفحة الويب.
تستخدم علامات الـ HTML (أو الوسوم ) لتعريف كل عنصر على الصفحة، وهذه العلامات هي عبارة عن رموز تمثل نوع العنصر.على سبيل المثال، يمكن استخدام علامة "<p>" لتحديد فقرة في النص، و "<img>" لتحديد صورة، و "<a>" لتحديد رابط. وفي الحقيقة، يوجد مئات العلامات المختلفة التي يمكن استخدامها في HTML.
خصائص الـ HTML
يتم استخدام HTML في جميع أنحاء العالم لإنشاء صفحات الويب، سواء كانت صفحات الويب الشخصية أو المواقع الإلكترونية التجارية. وتستخدم HTML أيضًا في إنشاء تطبيقات الويب ومواقع الويب المتنقلة. وهذا لأنها:
- تتميز HTML بكونها لغة سهلة التعلم والاستخدام، ويمكن لأي شخص تعلم الأساسيات في فترة وجيزة. ولكن، فهم الطريقة التي يتم فيها تصميم صفحات الويب وتطويرها يتطلب مهارات إضافية، مثل CSS و JavaScript.
- تعليمات الـ HTML سهلة وبسيطة وغير معقدة لذا فالـ HTML سهلة التعلم.
- يمكن للـ HTML العمل مع لغات برمجة مختلفة لبناء صفحات الويب ومن هذه اللغات مثل Php, Python , C# , JavaScript وغيرها من اللغات البرمجية.
- تتكون الـ HTML من أوسمة tags تمثل عناصر صفحة الويب من نصوص و صور وفيديو وغيرها
- يسمى الملف الذي يمثل صفحة الويب بـ مستند document ,ويحفظ بالامتداد html مثلاً index.htm .
بالإضافة إلى ذلك، يتم تحديث HTML بانتظام، وتم إصدار HTML5 الذي يتضمن ميزات جديدة وتحسينات على الإصدارات السابقة. ويتطلع المطورون إلى إصدارات أحدث من HTML وتحسينات مستمرة لتحسين تجربة المستخدم على الويب.
كيف تبرمج HTML؟
تُبنى تعليمات الـ HTML بواسطة الأوسمة tags و الوسم tag في الـ HTML التعليمة Instruction التي تعلن عن عنصر جديد في صفحة الويب وتستخدم الأوسمة جميعاً العلامات < > مع اسم الوسم ,و يمكن تصنيف أوسمة أو عناصر الـ HTML إلى فئتين :
- منفردة نقطة البداية هي نقطة الاغلاق وتسمى هذه العناصر بـ Inline elements .
- او ثنائية و لكل من هذه الأوسمة نقطة بداية مثل <html> مثل ونقطة اغلاق تبدأ بـ "/" قبل اسم الوسم </html> والمحتوى بين النقطتين يكون ضمن نطاق هذا الوسم وتسمى هذه العناصر بـ Block elements .
كمطور ويب لابد ان تكون لديك خلفية عن أهم الأوسمة Tags المستخدمة وظيفة كل نوع سأتحدث عنها :
الأوسمة الرئيسية The Main Tags :
نعني بالأوسمة الرئيسية هي عناصر الـ HTML التي لايمكن الاستغناء عنها عند بناء أي صفحة ويب، حيث تعرف هذه العناصر مستند الـ HTML ,الاجزاء الرئيسية له وهذه الأوسمة هي :
- <!DOCTYPE html > وسم منفرد ويفيد نوع الصفحة
- <html> وسم ثنائي وظيفته الإعلان عن بناء صفحة ويب.
- <head> وسم ثنائي وظيفته الإعلان عن معلومات صفحة الويب ويشمل العديد من الأوسمة.
- <body> يمثل جسم الصفحة ويشمل جميع الاوسمة التي تمثل عناصر صفحة الويب من نصوص وصور الى النماذج (Forms) وايقونات تفاعل المستخدم مع الصفحة.
وهنا مثال على طريقة استخدام الأوسمة الرئيسية لبناء مستند HTML
<!DOCTYPE html>
<html>
<head>
<!-- Page info here -->
</head>
<body>
<!-- Page content here -->
</body>
</html>
الى هنا ينتهي هذا المقال الذي هو مقدمة عن الـ HTML تعرفنا فيه على مفهوم الـ HTML وكيف يتم بناء صفحة ويب بواسطة الـ HTML Tags وأهم أوسمة tags المطلوبة لبناء صفحة الويب. وفي النهاية، فإن HTML هي لغة مهمة جدًا لتطوير صفحات الويب، وتتطلب المزيد من الاهتمام والتعلم لتصبح مهارة متميزة في مجال تطوير الويب.