HTML Reference

From binaryoption
Jump to navigation Jump to search
Баннер1

```wiki

مرجع HTML للمبتدئين في MediaWiki

مقدمة

يهدف هذا المقال إلى تقديم مرجع شامل للمبتدئين حول لغة HTML (HyperText Markup Language)، وهي اللغة الأساسية المستخدمة في بناء صفحات الويب. سنتناول العناصر الأساسية، والخصائص، وكيفية استخدامها لإنشاء محتوى منظم وجذاب داخل صفحات MediaWiki. فهم HTML ضروري لأي شخص يرغب في تعديل أو تخصيص مظهر صفحات الويكي، أو إضافة عناصر تفاعلية. هذا المقال سيغطي الأساسيات التي تمكنك من البدء في استخدام HTML بفاعلية داخل بيئة MediaWiki. سوف نتطرق أيضاً إلى بعض الاعتبارات الخاصة بـ MediaWiki وكيفية التعامل معها. كما سنستعرض بعض الأمثلة العملية التي توضح كيفية تطبيق هذه المعرفة في سيناريوهات واقعية. بالإضافة إلى ذلك، سنقدم روابط لمصادر خارجية للمزيد من التعمق في HTML.

ما هي HTML؟

HTML ليست لغة برمجة بالمعنى التقليدي، بل هي لغة توصيف. تستخدم HTML لتعريف هيكل المحتوى على صفحة الويب، مثل العناوين، والفقرات، والقوائم، والصور، والروابط. تستخدم HTML العناصر (Elements) لتعليم المتصفح بكيفية عرض المحتوى. يتكون كل عنصر من علامة بداية (Opening Tag)، وعلامة نهاية (Closing Tag)، والمحتوى بينهما.

مثال:

<p>هذه فقرة نصية.</p>

في هذا المثال، `

` هي علامة البداية، `

` هي علامة النهاية، و "هذه فقرة نصية." هو المحتوى. العلامة `

` تخبر المتصفح بعرض المحتوى كفقرة.

العناصر الأساسية في HTML

هناك العديد من عناصر HTML، ولكن بعضها أكثر استخداماً من غيرها. إليك بعض العناصر الأساسية:

  • `<html>`: العنصر الجذر لصفحة HTML. يجب أن يحتوي على جميع عناصر HTML الأخرى.
  • `<head>`: يحتوي على معلومات حول الصفحة، مثل العنوان والوصف. لا يتم عرض محتوى `<head>` مباشرة على الصفحة.
  • `<title>`: يحدد عنوان الصفحة الذي يظهر في علامة التبويب أو شريط العنوان في المتصفح.
  • `<body>`: يحتوي على المحتوى الفعلي للصفحة الذي يظهر للمستخدم.
  • `

    ` - `

    `: تحدد العناوين بمستويات مختلفة. `

    ` هو العنوان الأكبر والأكثر أهمية، بينما `

    ` هو الأصغر.
  • `

    `: يحدد فقرة نصية.

  • `
    `
    : يضيف فاصل سطر. (عنصر فارغ، لا يحتاج إلى علامة نهاية)
  • `
    `
    : يضيف خط أفقي. (عنصر فارغ، لا يحتاج إلى علامة نهاية)
  • `<a>`: يحدد رابطاً تشعبياً (Hyperlink).
  • `<img>`: يعرض صورة. (عنصر فارغ، لا يحتاج إلى علامة نهاية)
  • `
      `: يحدد قائمة غير مرتبة (Unordered List).
    • `
        `: يحدد قائمة مرتبة (Ordered List).
      1. `
      2. `: يحدد عنصر قائمة (List Item).
      3. ``: يحدد جدولاً.
      4. `
      5. `: يحدد صفاً في جدول (Table Row).
      6. `
      7. `: يحدد خلية في جدول (Table Data).
      8. `
      9. `: يحدد خلية رأس في جدول (Table Header).
      10. `
        `: يحدد قسمًا أو حاوية عامة.
      11. ``: يحدد جزءًا مضمنًا من النص.
      12. الخصائص (Attributes) في HTML

        تستخدم الخصائص لتوفير معلومات إضافية حول عناصر HTML. تضاف الخصائص إلى علامة البداية للعنصر. تتكون الخاصية من اسم وقيمة، مفصولة بعلامة يساوي (=).

        مثال:

        <a href="https://www.example.com" title="رابط إلى موقع Example">زيارة Example</a>

        في هذا المثال، `href` هي خاصية تحدد عنوان URL للرابط، و `title` هي خاصية تحدد نص التلميح الذي يظهر عند تمرير الماوس فوق الرابط.

        بعض الخصائص الشائعة:

        • `href`: يستخدم في عنصر `<a>` لتحديد عنوان URL للرابط.
        • `src`: يستخدم في عنصر `<img>` لتحديد عنوان URL للصورة.
        • `alt`: يستخدم في عنصر `<img>` لتحديد نص بديل للصورة، يظهر إذا لم يتم تحميل الصورة.
        • `title`: يستخدم لتحديد نص التلميح الذي يظهر عند تمرير الماوس فوق العنصر.
        • `class`: يستخدم لتحديد فئة CSS للعنصر.
        • `id`: يستخدم لتحديد معرف فريد للعنصر.
        • `style`: يستخدم لتطبيق أنماط CSS مضمنة على العنصر.

        HTML في MediaWiki

        MediaWiki يدعم استخدام HTML في صفحات الويكي. ومع ذلك، هناك بعض القيود والاعتبارات الخاصة:

        • التحويل التلقائي : يقوم MediaWiki بتحويل بعض التنسيقات النصية تلقائياً إلى HTML. على سبيل المثال، كتابة `نص` سيؤدي إلى عرض النص بخط عريض (نص).
        • الأمان : لأسباب أمنية، قد يتم تقييد استخدام بعض عناصر HTML أو خصائصها في MediaWiki.
        • التوافق : قد لا يتم عرض بعض عناصر HTML أو خصائصها بنفس الطريقة في جميع المتصفحات.
        • التداخل مع بناء جملة الويكي : يجب الحرص على عدم التداخل بين HTML وبناء جملة الويكي. استخدم `` لتجنب تفسير HTML كبناء جملة ويكي. '''أمثلة عملية في MediaWiki''' * '''إضافة رابط خارجي''': <nowiki> [https://www.example.com رابط إلى Example]
        • إضافة صورة:

        [[File:Example.jpg|thumb|200px|وصف الصورة]]

        • إنشاء قائمة مرتبة:

        <ol> <li>العنصر الأول</li> <li>العنصر الثاني</li> <li>العنصر الثالث</li> </ol>

        • إنشاء جدول:

        {| class="wikitable" |+ عنوان الجدول |- ! الرأس 1 ! الرأس 2 |- | الخلية 1 | الخلية 2 |}

        استراتيجيات الخيارات الثنائية وتحليل HTML

        يمكن استخدام HTML لتحسين عرض البيانات المتعلقة باستراتيجيات الخيارات الثنائية. على سبيل المثال:

        • عرض نتائج الاستراتيجية: إنشاء جداول HTML لعرض نتائج استراتيجية تداول معينة، مثل نسبة النجاح، والربح/الخسارة، وحجم التداول.
        • تضمين الرسوم البيانية: يمكن تضمين الرسوم البيانية (باستخدام صور أو عناصر `canvas`) لتوضيح أداء الاستراتيجية على مدار الوقت.
        • عرض مؤشرات التحليل الفني: يمكن استخدام HTML لإنشاء جداول أو قوائم لعرض قيم مؤشرات التحليل الفني مثل المتوسطات المتحركة، و RSI، و MACD.
        • توضيح قواعد الاستراتيجية: استخدام قوائم HTML (مرتبة أو غير مرتبة) لتوضيح خطوات تنفيذ استراتيجية تداول.
        • تحليل حجم التداول: عرض حجم التداول في جداول HTML لتحديد الاتجاهات والأنماط.

        مواضيع ذات صلة

        مصادر خارجية

        خاتمة

        HTML هي لغة أساسية لإنشاء صفحات الويب. فهم HTML ضروري لأي شخص يرغب في تعديل أو تخصيص مظهر صفحات الويكي. هذا المقال قدم مقدمة شاملة لعناصر HTML وخصائصها وكيفية استخدامها في MediaWiki. من خلال الممارسة والتجريب، يمكنك إتقان HTML وإنشاء صفحات ويب جذابة وغنية بالمعلومات. تذكر دائماً مراجعة وثائق MediaWiki والتحقق من التوافق بين المتصفحات المختلفة. ``` ```

        ابدأ التداول الآن

        سجّل في IQ Option (الحد الأدنى للإيداع 10 دولار) افتح حساباً في Pocket Option (الحد الأدنى للإيداع 5 دولار)

        انضم إلى مجتمعنا

        اشترك في قناة Telegram الخاصة بنا @strategybin لتصلك: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات اتجاهات السوق ✓ مواد تعليمية للمبتدئين

Баннер