نسخة مُحسّنة من الصندوق تدعم تمييز الأكواد (syntax highlighting) لعدة لغات مثل HTML، CSS، JavaScript، وغيرها باستخدام مكتبة Prism.js، مع نفس المزايا السابقة مثل:
صندوق كود يدعم لغات متعددة + مزايا متقدمة
نسخ الكود
تحميل الكود
توسيع / تصغير
الوضع الداكن
تحديد الكل
دعم عدة لغات تلقائيًا
✅ صندوق كود يدعم لغات متعددة + مزايا متقدمة:
🔤 صندوق كود متعدد اللغات
يمكنك تغيير الوضع، نسخ الكود، تحميله أو تحديده بسهولة.
Hello, World!
المعاينة نفس الكود المستخدم فى الموضوع
ما هي لغة HTML؟
HTML هي لغة توصيف نصي، تستخدم لتعريف بنية صفحات الويب Pages Structure، وتحديد المحتوى الموجود ضمنها مثل: العناوين والقوائم، والصور والفقرات النصية، وغير ذلك من عناصر الويب. وتأتي كلمة HTML اختصارًا لمصطلح HyperText Markup Language أي لغة توصيف النص التشعبي، ويمكن تجزئة كلماته لفهم معناه لما يلي:
التوصيف Markup: ويعني تخطيط الصفحات وتنسيق عناصرها، من خلال مجموعة الوسوم Tags وعناصر اللغة المعرّفة مسبقًا؛ لتعطي متصفح الويب تعليمات عرض الصفحات بشكل جذاب وسهل الفهم.
النص التشعبي HyperText: هو أي نص يحتوي على روابط لمواقع أو صفحات أخرى ضمنه، يُعرَف أيضًا باسم الروابط التشعبية، التي تسمح بالانتقال من أي نقطة إلى أي نقطة دون أن تسير في خط سير محدد. فبدلًا من قراءة صفحة ويب بالترتيب الخطي الذي وضعه المؤلف، يمكنك استخدام الروابط التشعبية للقفز إلى قسم آخر من نفس الصفحة، أو صفحة مختلفة على الموقع الحالي، أو إلى موقع خارجي.
اللغة Language: هي أبسط جزء من المفهوم. مثل أي لغة، تتكون HTML من تركيبة وأبجدية فريدة. لكن يدور حول هذه الكلمة جدلًا واسعًا ويتساءل كثيرون: هل “إتش تي إم إل” لغة برمجة حقًا؟
هل لغة Html لغة برمجة؟
جميع لغات البرمجة تحقق متطلبات وظيفية معينة من خلال تعليمات حسابية تسلسلية محددة، سواء كان ذلك تعريف متغيرات أو تعديل البيانات. في حين أن لغة HTML تحوي فقط عناصر وصفية لا تمتاز بأي قدرات أو إمكانات تجعل من مخرجاتها ديناميكية.
لا تفعل HTML أي شيء برمجي في الحقيقية، إنها ببساطة تمنح المتصفحات المحتوى الذي تحتاج إلى عرضه بتنسيقٍ معينٍ. فلا تهتم بكيفية عرض المتصفح للمحتوى، أو تفاعل العناصر الموضوعة مع المستخدم. بعبارةٍ أخرى، إن HTML غرضها وصفيًا وليس وظيفيًا، لذا فهي ليست لغة برمجة.
كيف تعمل لغة HTML؟
كل ما تحتاج إليه لتصميم صفحة ويب على الإنترنت هو إنشاء ملف نصي يحوي تنسيقات المحتوى الذي تريده، ومحفوظ بامتداد (HTML.). يتكون أي ملف إتش تي إم إل من وسوم Tags، وهي رموز مُعرّفة مسبقًا في اللغة تعبر عن طريقة عرض المحتوى داخل الصفحة في عناصر، ويعبر كل وسم عن اسم عنصر محدد، ويتكون كل عنصر من وسم بداية ووسم نهاية.
مثلًا، إذا أردت تمييز نصًا معينًا على أنه عنوان رئيسي، يجب أن تكتب النص بين وسمي البداية والنهاية لمكوّن العنوان كالآتي: <H1>هذا عنوان رئيسي<H1/>. وسم البداية هو <H1> ووسم النهاية <H1/>. وتتكوَّن بنية أي مستند HTML من العناصر التالية:
نوع المستند <!DOCTYPE html>: يُوضع هذا الوسم في بداية الملف مع وضع HTML كلغة له؛ لكي يتعرَّف المتصفح وخوادم الويب على الصفحات، إذ يحتاج الخادم إلى معرفة نوع الملف قبل إرساله إلى جهاز العميل.
وسم بداية الصفحة <html>: ويحتوي على كل عناصر الصفحة الأخرى.
الرأس <head>: يحتوي على عنوان الصفحة الذي سيظهر في تبويبات الويب، بالإضافة إلى معلومات وصفية حول الصفحة تسمى Metadata، ووسوم الملفات الخارجية مثل ملفات التنسيق وملفات Javascript.
الجسم <body>: سيحوي هذا الوسم كل محتوى الصفحة الذي سيظهر للقارئ على المتصفحات.
تعليقات
إرسال تعليق