Help:HTML
```wiki
![6 ` إلى `` تستخدم لإنشاء عناوين بمستويات أهمية مختلفة. * الفقرات: `` تستخدم لإنشاء فقرات من النص. * الروابط: `<a>` تستخدم لإنشاء روابط تشعبية إلى صفحات أخرى. مثال: `<a href="https://www.example.com">زيارة موقع المثال</a>` * الصور: `<img>` تستخدم لعرض الصور. مثال: `<img src="image.jpg" alt="وصف الصورة">` السمة `alt` مهمة لإمكانية الوصول (accessibility) وتظهر إذا لم يتم تحميل الصورة. * القوائم: * غير مرتبة: `` و `` لإنشاء قوائم نقطية. * مرتبة: `` و `` لإنشاء قوائم مرقمة. * الجداول: ``, `` (صف), `` (خلية), `` (رأس خلية) تستخدم لإنشاء جداول. (سيتم شرح الجداول بالتفصيل لاحقًا). * الخط الغامق: `` أو `` لجعل النص غامقًا. * الخط المائل: `` أو `` لجعل النص مائلاً. * السطر الجديد: `` لإضافة فاصل سطر. * الفاصل الأفقي: `` لإضافة خط أفقي. استخدام HTML في MediaWiki](#`_إلى_``_تستخدم_لإنشاء_عناوين_بمستويات_أهمية_مختلفة._*_الفقرات:_``_تستخدم_لإنشاء_فقرات_من_النص._*_الروابط:_`<a>`_تستخدم_لإنشاء_روابط_تشعبية_إلى_صفحات_أخرى._مثال:_`<a_href="https://www.example.com">زيارة_موقع_المثال</a>`_*_الصور:_`<img>`_تستخدم_لعرض_الصور._مثال:_`<img_src="image.jpg"_alt="وصف_الصورة">`_السمة_`alt`_مهمة_لإمكانية_الوصول_(accessibility)_وتظهر_إذا_لم_يتم_تحميل_الصورة._*_القوائم:__*_غير_مرتبة:_``_و_``_لإنشاء_قوائم_نقطية.__*_مرتبة:_``_و_``_لإنشاء_قوائم_مرقمة._*_الجداول:_``,_``_(صف),_``_(خلية),_``_(رأس_خلية)_تستخدم_لإنشاء_جداول._(سيتم_شرح_الجداول_بالتفصيل_لاحقًا)._*_الخط_الغامق:_``_أو_``_لجعل_النص_غامقًا._*_الخط_المائل:_``_أو_``_لجعل_النص_مائلاً._*_السطر_الجديد:_``_لإضافة_فاصل_سطر._*_الفاصل_الأفقي:_``_لإضافة_خط_أفقي.___استخدام_HTML_في_MediaWiki){kind=link}
Help:HTML
HTML (HyperText Markup Language) هي لغة الترميز القياسية لإنشاء صفحات الويب. على الرغم من أن MediaWiki يوفر محررًا مرئيًا قويًا، فإن فهم HTML الأساسي يمكن أن يمنحك تحكمًا أكبر في تنسيق المحتوى الخاص بك، خاصةً عند التعامل مع الجداول المعقدة، أو التنسيقات المخصصة، أو تضمين العناصر من مصادر خارجية. هذه الصفحة تقدم مقدمة شاملة لـ HTML للمبتدئين مع التركيز على كيفية استخدامها داخل MediaWiki.
ما هي HTML؟
HTML ليست لغة برمجة؛ إنها لغة ترميز. وهذا يعني أنها تستخدم الوسوم (tags) لتحديد عناصر المحتوى، وليس لإعطاء تعليمات للكمبيوتر لتنفيذ إجراءات. تتكون صفحة HTML من سلسلة من العناصر، حيث يحدد كل عنصر نوع المحتوى (مثل النص، أو الصورة، أو الرابط) وكيفية عرضه.
بنية HTML الأساسية
كل صفحة HTML لها بنية أساسية. دعونا نلقي نظرة على مثال بسيط:
```html <!DOCTYPE html> <html> <head> <title>عنوان الصفحة</title> </head> <body>
هذا عنوان رئيسي
هذه فقرة من النص.
</body> </html> ```
- <!DOCTYPE html> : يخبر المتصفح أن هذه مستند HTML5.
- <html></html> : العنصر الجذر الذي يحيط بجميع محتويات HTML.
- <head></head> : يحتوي على معلومات حول الصفحة، مثل العنوان (title)، والبيانات الوصفية (metadata). هذا الجزء لا يظهر مباشرة على الصفحة نفسها.
- <title></title> : يحدد عنوان الصفحة الذي يظهر في شريط عنوان المتصفح أو علامة التبويب.
- <body></body> : يحتوي على المحتوى المرئي للصفحة، مثل النصوص، والصور، والجداول، وما إلى ذلك.
: يحدد عنوانًا رئيسيًا. تتراوح العناوين من h1 (الأكثر أهمية) إلى h6 (الأقل أهمية).
- : يحدد فقرة من النص.
الوسوم (Tags)
الوسوم هي أساس HTML. تتكون الوسوم من قوسين زاوية (< و >) ويحيط بالمحتوى الذي تريد تنسيقه. معظم الوسوم تأتي في أزواج: وسم بداية (opening tag) ووسم نهاية (closing tag). الفرق بينهما هو وجود شرطة مائلة للأمام (/) في وسم النهاية.
- <tag>محتوى</tag> : هذا هو التنسيق العام للوسم.
بعض الوسوم لا تحتاج إلى وسم نهاية، مثل `
` (فاصل سطر) و `<img src="image.jpg">` (صورة).
العناصر الأساسية في HTML
فيما يلي بعض العناصر الأساسية التي يمكنك استخدامها في HTML:
- العناوين: `
` إلى `
` تستخدم لإنشاء عناوين بمستويات أهمية مختلفة.
- الفقرات: `
` تستخدم لإنشاء فقرات من النص.
- الروابط: `<a>` تستخدم لإنشاء روابط تشعبية إلى صفحات أخرى. مثال: `<a href="https://www.example.com">زيارة موقع المثال</a>`
- الصور: `<img>` تستخدم لعرض الصور. مثال: `<img src="image.jpg" alt="وصف الصورة">` السمة `alt` مهمة لإمكانية الوصول (accessibility) وتظهر إذا لم يتم تحميل الصورة.
- القوائم:
* غير مرتبة: `
- ` و `
- ` لإنشاء قوائم نقطية.
* مرتبة: `
- ` و `
- ` لإنشاء قوائم مرقمة.
- الجداول: ``, `` (صف), ` : يحدد صفًا في الجدول.
- : يحدد خلية بيانات في الجدول.
- : يحدد خلية رأس في الجدول (عادة ما تكون غامقة ومحاذاة إلى المنتصف).
- |+ : يحدد عنوان الجدول.
- ! : يستخدم داخل ` ` لتحديد خلايا الرأس.
- || : يفصل بين الخلايا داخل الصف.
- src : يحدد مسار الصورة.
- alt : يوفر وصفًا للصورة.
- width : يحدد عرض الصورة بالبكسل.
- href (لروابط `<a>`): يحدد عنوان URL للرابط.
- src (للصور `<img>`): يحدد مسار الصورة.
- alt (للصور `<img>`): يوفر وصفًا للصورة.
- width و height (للصور `<img>`): يحددان عرض وارتفاع الصورة.
- style : يسمح لك بتطبيق أنماط CSS مباشرة على العنصر.
- **التحقق من الكود:** استخدم مدقق HTML (HTML validator) للتأكد من أن الكود الخاص بك صحيح. يمكن العثور على مدققات HTML عبر الإنترنت بسهولة.
- **الاختبار:** اختبر الكود الخاص بك في MediaWiki للتأكد من أنه يظهر كما هو متوقع.
- **إمكانية الوصول:** اجعل محتواك متاحًا للجميع. استخدم سمات `alt` للصور، وتأكد من أن الألوان متباينة بدرجة كافية، واستخدم هيكل HTML منطقي.
- **التبسيط:** حافظ على HTML الخاص بك بسيطًا قدر الإمكان. تجنب استخدام الوسوم غير الضرورية.
- **استخدام Wiki markup أولاً:** تذكر أن Wiki markup هو الطريقة المفضلة لتنسيق المحتوى في MediaWiki. استخدم HTML فقط عند الحاجة.
- Help:محتوى : مساعدة عامة حول إضافة المحتوى إلى MediaWiki.
- MediaWiki:Tag blacklist : قائمة الوسوم المحظورة في MediaWiki.
- Help:CSS : مساعدة حول استخدام CSS في MediaWiki.
- [W3Schools HTML Tutorial](https://www.w3schools.com/html/) : برنامج تعليمي شامل لـ HTML.
- [Mozilla Developer Network (MDN) HTML](https://developer.mozilla.org/en-US/docs/Web/HTML) : توثيق شامل لـ HTML.
- استراتيجية اختراق النطاق (Breakout Strategy)
- استراتيجية انعكاس الاتجاه (Reversal Strategy)
- استراتيجية تداول الأخبار (News Trading Strategy)
- استراتيجية المضاربة (Scalping Strategy)
- استراتيجية مارتينجال (Martingale Strategy)
- استراتيجية فيبوناتشي (Fibonacci Strategy)
- استراتيجية بولينجر باند (Bollinger Bands Strategy)
- استراتيجية المتوسطات المتحركة (Moving Average Strategy)
- استراتيجية القناديل (Candlestick Strategy)
- استراتيجية الدعم والمقاومة (Support and Resistance Strategy)
- استراتيجية التداول الخوارزمي (Algorithmic Trading Strategy)
- استراتيجية التداول اللحظي (Momentum Trading Strategy)
- استراتيجية التداول المتأرجح (Swing Trading Strategy)
- استراتيجية التداول اليومي (Day Trading Strategy)
- استراتيجية التداول الليلي (Night Trading Strategy)
- استراتيجية التداول على المدى الطويل (Long-Term Trading Strategy)
- استراتيجية التداول على المدى القصير (Short-Term Trading Strategy)
- استراتيجية التداول على أساس المشاعر (Sentiment Trading Strategy)
- استراتيجية التداول على أساس الأخبار (News-Based Trading Strategy)
- استراتيجية التداول على أساس الأحداث (Event-Based Trading Strategy)
- استراتيجية التداول على أساس الأنماط (Pattern Trading Strategy)
- استراتيجية التداول على أساس الحجم (Volume Trading Strategy)
- استراتيجية التداول على أساس التقلبات (Volatility Trading Strategy)
- استراتيجية التداول على أساس الارتباط (Correlation Trading Strategy)
- استراتيجية التداول على أساس التباين (Divergence Trading Strategy)
- الخط الغامق: `` أو `` لجعل النص غامقًا.
- الخط المائل: `` أو `` لجعل النص مائلاً.
- السطر الجديد: `
` لإضافة فاصل سطر. - الفاصل الأفقي: `
` لإضافة خط أفقي. - بعض الوسوم محظورة: لحماية النظام ومنع المشكلات الأمنية، قام MediaWiki بحظر بعض الوسوم. تحقق من صفحة MediaWiki:Tag blacklist لمعرفة الوسوم المحظورة.
- الوسوم المتداخلة: كن حذرًا عند تداخل الوسوم. تأكد من إغلاق الوسوم بشكل صحيح.
- التنسيق التلقائي: MediaWiki يطبق تنسيقًا تلقائيًا على المحتوى الخاص بك. قد تحتاج إلى استخدام HTML لتجاوز هذا التنسيق.
- استخدام Wiki markup أولاً: يفضل استخدام Wiki markup قدر الإمكان، واستخدام HTML فقط عند الحاجة إلى تنسيق أكثر تعقيدًا.
: يحدد الجدول.
سمات HTML (Attributes)
السمات (attributes) توفر معلومات إضافية حول عناصر HTML. تضاف السمات إلى وسم البداية. تتكون السمة من اسم و قيمة، مفصولة بعلامة يساوي (=).
مثال:
`<img src="image.jpg" alt="وصف الصورة" width="500">`
بعض السمات الشائعة تشمل:
CSS الأساسي (Cascading Style Sheets)
CSS تستخدم لتحديد مظهر عناصر HTML. يمكنك استخدام CSS لتغيير الألوان، والخطوط، والتخطيط، والمزيد. يمكنك إضافة CSS مباشرة إلى عناصر HTML باستخدام السمة `style`.
مثال:
`هذه فقرة زرقاء بحجم 16 بكسل.
`على الرغم من أن هذا ممكن، إلا أنه من الأفضل استخدام ملفات CSS خارجية لتنظيم الأنماط الخاصة بك. في MediaWiki، يمكنك إضافة CSS مخصص إلى صفحة MediaWiki:Common.css (تحتاج إلى أذونات إدارية).
نصائح مهمة لاستخدام HTML في MediaWiki
موارد إضافية
تطبيقات في الخيارات الثنائية
على الرغم من أن HTML لا يستخدم مباشرة في تداول الخيارات الثنائية، إلا أنه ضروري لإنشاء مواقع الويب التي تقدم معلومات حول الخيارات الثنائية، وتحليل الرسوم البيانية، وتطوير استراتيجيات التداول. يمكن استخدام HTML لعرض التحليل الفني، وتحليل حجم التداول، والمؤشرات مثل المتوسطات المتحركة (moving averages) و مؤشر القوة النسبية (RSI)، ومؤشر الماكد (MACD). كما أنه ضروري لإنشاء صفحات ويب تعرض نتائج اختبار رجعي (backtesting) لـ استراتيجية الخيارات الثنائية.
بعض استراتيجيات الخيارات الثنائية الشائعة التي قد تتطلب عرض البيانات باستخدام HTML تشمل:
فهم HTML يسمح لك بإنشاء واجهات مستخدم فعالة لعرض هذه المعلومات، مما يساعد المتداولين على اتخاذ قرارات مستنيرة. ```
ابدأ التداول الآن
سجّل في IQ Option (الحد الأدنى للإيداع 10 دولار) افتح حساباً في Pocket Option (الحد الأدنى للإيداع 5 دولار)
انضم إلى مجتمعنا
اشترك في قناة Telegram الخاصة بنا @strategybin لتصلك: ✓ إشارات تداول يومية ✓ تحليلات استراتيجية حصرية ✓ تنبيهات اتجاهات السوق ✓ مواد تعليمية للمبتدئين
` (خلية), ` ` (رأس خلية) تستخدم لإنشاء جداول. (سيتم شرح الجداول بالتفصيل لاحقًا). استخدام HTML في MediaWiki
MediaWiki يسمح لك باستخدام HTML مباشرة داخل محرر المقالات. ومع ذلك، هناك بعض القيود:
الجداول في HTML و MediaWiki
الجداول هي أحد أكثر الاستخدامات شيوعًا لـ HTML في MediaWiki. على الرغم من أن MediaWiki يوفر طريقة لإنشاء الجداول باستخدام Wiki markup, فإن HTML يمنحك تحكمًا أكبر في التنسيق.
مثال:
```html
عنوان الجدول رأس العمود الأول رأس العمود الثاني خلية 1.1 خلية 1.2 خلية 2.1 خلية 2.2 ```
هذا الكود HTML يعادل بشكل كبير كود Wiki markup لإنشاء جدول. لاحظ استخدام `{| class="wikitable"` لإضافة نمط MediaWiki الافتراضي للجداول. السمة `class="wikitable"` مهمة جدًا لضمان أن الجدول يظهر بشكل صحيح في MediaWiki.
- ` لإنشاء قوائم مرقمة.
