درس الويب و اللغة العربية

السلآلآم عليكم

صباحكم / مساؤكم

خير و ع ــآفية ,,

ضمن الدروس الحصرية التي تقدمها منتديات احلى حكاية في تعلم لغة HTML

اليووووم اضع لكم درس مكمل و هو مهم جدا

يلآ نبدأ على بركة الله :

[size=32]الدرس :الويب واللغة العربية[/size]

أهلاً وسهلاً بك إلى الدرس السابع عشر من دروس HTML. والذي سندخل من خلاله إلى أحد المواضيع الهامة التي يُعنى بها كل من يريد أن يكون للغة العربية وجود على الإنترنت. سوف نقوم بمناقشة الكيفية التي يمكن لنا كمستخدمين عرب إنشاء صفحات ويب بلغتنا الأم على هذه الشبكة العالمية.
[size=undefined]فذلكة تاريخية[/size]
نحن نعرف أن بدايات اللغة العربية على الإنترنت اقتصرت على أسلوب قد نعتبره الآن بدائياً، لكن لا نستطيع إنكار فعاليته في ذلك الوقت. (لا تعتمد كثيراً على عبارة "في ذلك الوقت" فمن المحتمل أن يكون هناك مواقع لا زالت تعتمد هذا الأسلوب لعرض محتوياتها حتى هذه اللحظة)، وهو أسلوب النص المصور. أي النص المسحوب على جهاز Scanner والمعروض على الإنترنت كصورة. وكانت هذه هي الطريقة التي نَفذ منها أصحاب المواقع المعربة للدخول إلى عالم الإنترنت. لكن من الواضح أنها لم تكن بالطريقة الفعالة أو العملية، لعدة أسباب أهمها:
بالنسبة للمصمم: كانت عملية إنشاء الصفحة تعني كتابتها وتنسيقها وطباعتها ومن ثم مسحها على Scanner فإذا أراد فيما بعد إجراء أي عملية تعديل مهما كانت بسيطة فذلك يعني إعادة تحريرها وسحبها، مكلفة في ذلك الوقت والجهد وربما المال.
أما بالنسبة للزائر فذلك يعني إضاعة وقت أطول في عرض هذه النصوص -الصور- أضعافاً مضاعفة مما لو كانت نصوصاً بحتة. بالإضافة إلى استحالة إجراء عمليات البحث المعتادة سواءً كانت خارجية من خلال محركات بحث الإنترنت، أو داخلية ضمن الصفحة نفسها من خلال أمر البحث الموجود في المتصفح. وأحياناً قد يواجه مشكلة رداءة الصورة وبالتالي عدم إمكانية إخراجها بشكل واضح وسليم على الطابعة.
لكن دعنا لا نلم هؤلاء الرواد الذين اتبعوا هذه الطريقة. فكما يقال (مكره أخاك لا بطل) وعذرهم هو عدم وجود متصفحات تستطيع عرض النصوص العربية بطريقة صحيحة. إلى أن قامت شركة صخر بإطلاق متصفحها سندباد الذي جاء معرباً لـ Netscape وشركة مايكروسوفت التي أطلقت MS Internet Explorer ليكونا فاتحة خير بالنسبة لنا كمستخدمين عرب للإنترنت، ولا نستطيع إلا أن نكنّ لهما كل التقدير. فهانحن كما ترى نبحر في الإنترنت ولغتنا العربية تزداد انتشاراً فيها يوماً بعد يوم.

حسناً، لا تظن أننا سنحتاج إلى إعدادات معينة أو أننا سنتعامل مع وسوم إضافية غير عادية عندما نتحدث عن صفحات ويب باللغة العربية... إطلاقاً، فالواقع أنك تستطيع اعتبار هذا الدرس مجرد دردشة عادية عن الويب واللغة العربية. ولن يكون هناك إلا وسم جديد واحد سيتم التعرض له بشكل مقتضب بما يهمنا في موضوع اللغة العربية هنا على أن نناقشه بالتفصيل في درس لاحق.
[size=undefined]ولنبدأ الآن...[/size]
لنقم بداية بتعريف صفحة ويب عادية كما إعتدنا:

... <‎/TITLE><br /> <‎/HEAD><br /> <br /> <BODY><br /> ....<br /> <‎/BODY><br /> <‎/HTML> </font></span></div><div align="right">ومن ثم سنقوم بإضافة هذه الشيفرة لها </div><br /><div align="left"> ‎<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">‎ </div><br /><div align="right"> وذلك في القسم الأعلى أي ضمن الوسمين <span style="font-size: 18px; line-height: normal"><font face="Times New Roman"><HEAD> ... <‎/HEAD> </font></span> ويفضل أن تكتبها بعد وسوم العنوان <span style="font-size: 18px; line-height: normal"><font face="Times New Roman"><TITLE> ... <‎/TITLE> </font></span> </div><div align="left"><span style="font-size: 13px; line-height: normal"><font face="Arial"><HTML> <br /><HEAD> <br /> <TITLE> ... <‎/TITLE><br /> ‎<META HTTP-EQUIV="Content-Type" CONTENT="text/html; <font color="#FF0000">charset=windows-1256</font> ">‎ <br /> <‎/HEAD><br /> <br /> <BODY><br /> ....<br /> <‎/BODY><br /> <‎/HTML> </font></span></div><div align="right">قم بكتابة هذه الشيفرة كما هي نصاً وحرفاً. وما يعنينا فيها الآن هي العبارة </div><div align="center"><span style="font-size: 18px; line-height: normal"><font face="Times New Roman">charset=windows-1256 </font></span></div><div align="right">فهي لب موضوعنا. أما باقي الشيفرة فسوف نقوم بمناقشتها إن شاء الله في درس لاحق عند الحديث عن الوسوم المتقدمة. </div><div align="right">فما الذي تعنيه العبارة السابقة؟؟ بإختصار شديد، هي تحدد قائمة الترميز العربية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Code Page</font></span> التي سيتم عرض صفحتنا من خلالها. أو لنقل أنها تحدد أسلوب التشفير الذي سيستخدمه المتصفح لعرض الأحرف. </div><hr/><br /><br /><div align="right">حسناً، يبدو أننا سنعود ثانية للفذلكة التاريخية. وهذه المرة إلى بدايات اللغة العربية مع الحاسوب الشخصي نفسه وليس مع الإنترنت فقط:-<br /> إذا كنت من مستخدمي الحاسوب القدامى ... وبالتحديد من أيام نظام التشغيل <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">DOS</font></span> وتطبيقاته (أي قبل أن يكون هناك برنامج ويندوز المعرّب) فلا بد أنك تعرف، وربما تعاملت مع برامج التعريب القديمة التي واكبت تلك الفترة كبرنامج النافذة وريم ونظم صخر ... إلخ. حيث أنه في تلك الفترة كانت هناك عدة جهات أخذت على عاتقها مهمة تعريب الحاسوب وأنظمة تشغيله. لكن المشكلة كانت في في غياب التنسيق بين هذه الجهات. وكانت النتيجة هي إصدار العشرات من برامج التعريب التي تختلف عن بعضها البعض في <strong> طريقة ترتيب قائمة الرموز والحروف</strong> وبالتالي اختلف أسلوب تشفير النصوص وعرضها. بمعنى أن النص المكتوب من خلال برنامج "النافذة" سوف يبدو كمجموعة من الحروف والكلمات المبهمة وكأنها مكتوبة بلغة أخرى باستخدام برنامج آخر مثل "ريم". </div><div align="right">ولتوضيح الفكرة السابقة (على الأقل كما أفهمها أنا!!!) إليك هذا المثال.<br /> لنفرض أن هناك قائمة ترميز رتّبت فيها الحروف بالشكل التالي:</div><div align="center"><table bgcolor="#FFFFFF" border="2"><tr><td>ي</td><td>و</td><td>هـ</td><td>ن</td><td>م</td><td>ل</td><td>ك</td><td>ق</td><td>ف</td><td>غ</td><td>ع</td><td>ظ</td><td>ط</td><td>ض</td><td>ص</td><td>ش</td><td>س</td><td>ز</td><td>ر</td><td>ذ</td><td>د</td><td>خ</td><td>ح</td><td>ج</td><td>ث</td><td>ت</td><td>ب</td><td>ا</td></tr></table></div><div align="right">وأننا أردنا كتابة كلمة "سندباد" من خلالها... </div><div align="right">ثمّ لنفرض الآن أننا قمنا باستعراض الكلمة باستخدام برنامج يتعامل مع قائمة ترميز مختلفة وبالترتيب التالي: </div><div align="center"><table bgcolor="#FFFFFF" border="2"><tr><td>ر</td><td>و</td><td>ز</td><td>ظ</td><td>ش</td><td>س</td><td>ي</td><td>ب</td><td>ل</td><td>ا</td><td>ت</td><td>ن</td><td>م</td><td>ك</td><td>ط</td><td>ذ</td><td>ض</td><td>ص</td><td>ث</td><td>ق</td><td>ف</td><td>غ</td><td>ع</td><td>هـ</td><td>خ</td><td>ح</td><td>ج</td><td>د</td></tr></table></div><div align="right">بالمقارنة بين النظامين سوف نشاهد أن كلمة "سندباد" في النطام الأول قد أصبحت "ضظفجدف"!!! في النظام الثاني </div><div align="center"><table bgcolor="#FFFFFF" border="2"><tr><td>ي</td><td>و</td><td>هـ</td><td bgcolor="#FFFF00">ن</td><td>م</td><td>ل</td><td>ك</td><td>ق</td><td>ف</td><td>غ</td><td>ع</td><td>ظ</td><td>ط</td><td>ض</td><td>ص</td><td>ش</td><td bgcolor="#FFFF00">س</td><td>ز</td><td>ر</td><td>ذ</td><td bgcolor="#FFFF00">د</td><td>خ</td><td>ح</td><td>ج</td><td>ث</td><td>ت</td><td bgcolor="#FFFF00">ب</td><td bgcolor="#FFFF00">ا</td></tr><tr><td>ر</td><td>و</td><td>ز</td><td bgcolor="#00FF00">ظ</td><td>ش</td><td>س</td><td>ي</td><td>ب</td><td>ل</td><td>ا</td><td>ت</td><td>ن</td><td>م</td><td>ك</td><td>ط</td><td>ذ</td><td bgcolor="#00FF00">ض</td><td>ص</td><td>ث</td><td>ق</td><td bgcolor="#00FF00">ف</td><td>غ</td><td>ع</td><td>هـ</td><td>خ</td><td>ح</td><td bgcolor="#00FF00">ج</td><td bgcolor="#00FF00">د</td></tr></table></div><br /><div align="right">إذن تعدد نظم التشفير لم يكن لصالح المستخدم العربي أبداً، إذ أنها أوقعته في إشكالات أقلها عدم التوافق بين التطبيقات التي يتم العمل عليها. ولا شك أن ظهور نظام ويندوز وانتشاره بين المستخدمين العرب بصورة كبيرة قد حدّ من هذه المشكلة بشكل فعّال. </div><hr/><br /><br /><div align="right">والآن عودة إلى الإنترنت... لقد ألقت المشكلة سالفة الذكر بظلالها على نظم إنترنت ومتصفحاتها المعرّبة (وإن كان ذلك بصورة أقل تأثيراً عمّا سبق). لذلك تجد أن من الميزات التي تحرص شركات صخر وميكروسوفت على إضافتها للمتصفحات هي ميزة تعدد قوائم الترميز التي يستطيع المتصفح دعمها. ومن الأمثلة على هذه القوائم: <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Windows-1256, DOS-720, ISO-8859-6</font></span> وأكثرها استخداماً وانتشاراً هي <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Windows-1256.</font></span> وعادة تملك المتصفحات القدرة على اكتشاف قائمة الترميز المطبقة على الصفحة بصورة تلقائية. لكن من الحكمة أن نقوم نحن دائماً بتحديد هذه القائمة ليس بسبب قلة الثقة في المتصفحات وإنما من باب الإحتياط الواجب دائماً في عالم الإنترنت وتصميم الصفحات...<br /> إذن، هل عرفت الآن السبب في إضافة الشيفرة <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">charset=windows-1256</font></span> إلى بداية الصفحة؟ </div><hr/><br /><br /><div align="right">لكن ماذا سيحدث لو دخلت إلى إحدى الصفحات ولم تكن تتضمن الشيفرة الخاصة بقائمة الترميز؟ حسناً، هناك إحتمال من إثنين: إما أن يكون المتصفح قد اكتشفها بصورة تلقائية واستخدم الإعدادات الإفتراضية وبالتالي تم عرض الصفحة بالشكل الصحيح وبذلك حلّت المشكلة قبل أن تبدأ. أو تستطيع أنت أن تحل المشكلة بنفسك ، كيف؟؟ إليك الطريقة:</div><div align="right">في المتصفح <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">MS Explorer</font></span> تجد أيقونة صغيرة في الزاوية اليمنى السفلى لنافذة المتصفح. فإذا قمت بالنقر عليها ستظهر قائمة بأسماء قوائم الترميز التي يدعمها.</div><div align="center"><img src="https://2img.net/h/www.khayma.com/hpinarabic/images/msiecode.gif" style="width: 212px;height: 80px" alt="درس الويب و اللغة العربية Msiecode"/></div><div align="right">وما عليك الآن إلا أن تختار القائمة التي تعتقد أنها المناسبة وإذا أخطأت قم باختيار قائمة أخرى وهكذا. </div><div align="right">أما في برنامج سندباد فتستطيع أداء هذه المهمة باختيار الأمر "خيارات صفحة الويب الحالية" من قائمة "خيارات سندباد" حيث يظهر بضمنها صندوق حوار خاص بقوائم الترميز. </div><div align="right">وبالمناسبة، هل أخبرتك أن باستطاعتك رؤية النص العربي حتى لو كنت تستخدم متصفحاً غير معرب؟ كيف ذلك؟! كل ما عليك فعله هو تغيير إعدادات الخطوط الإفتراضية في المتصفح واختيار خطوط عربية بدلاً من الخطوط المحددة أصلاً. هذه هي الحكاية فقط لكنها ليست الحل!!. إذ سرعان ما ستكتشف أن النص غير مرتب والأسطر والفقرات متداخلة بطريقة غير منطقية خاصة إذا احتوت الصفحة على كلمات أجنبية. فعلى سبيل المثال إذا كانت هناك كلمة أجنبية في منتصف أحد الأسطر فسوف تلاحظ أن الكلمات التي تليها على اليسار قد أصبحت على اليمين والعكس صحيح. وبذلك سيكون من الصعب عليك متابعة هذه الفقرات. (وعلى أية حال لو كان هذا هو الحل لما وجدنا شركات مثل صخر وميكروسوفت تضيعان وقتهما في إيجاد متصفحات معربة). إذن الحل السابق هو مجرد حل مؤقت لمشكلة ظهور النص العربي فقط ولكنه لم يحل أبداً مشكلة كون اللغتين العربية والإنجليزية تكتبان بإتجاهين مختلفين وبشكل يحتاج إلى حل جذري بإيجاد المتصفحات المعربة ثنائية الإتجاه <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Bi-Directional</font></span> أو <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">(BiDi)</font></span>. </div><hr/><br /><br /><div align="right">لا يخلو الموضوع هنا من الحديث عن الإختلافات بين المتصفحات في التعامل مع صفحات اللغة العربية. (عدنا ثانية للحديث عن الوسوم والخصائص الخاصة بكل متصفح). ولنبدأ بمناقشة تلك الخاصة بالمتصفح ميكروسوفت إكسبلورر:- </div><div align="right">في الدرس الرابع تطرقنا إلى وسم الفقرات <span style="font-size: 18px; line-height: normal"><font face="Times New Roman"><P>.</font></span> وقلنا أن إحدى خصائص هذا الوسم هي الخاصية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">DIR</font></span> التي تحدد إتجاه النص من خلال القيم <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">rtl</font></span> و <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">ltr.</font></span> (وقد طلبت منك أن تبقى متذكراً لها لأننا سنتطرق إليها عند الحديث عن اللغة العربية.) إذن لقد حان الوقت!!. يدعم إكسبلورر هذه الخاصية بشكل كبير، ذلك لأن من ميزاته أنه لا يتعامل مع الصفحة والفقرات المكونة لها كوحدة واحدة بل أنه يتعامل مع كل فقرة على حدة. ويتطلب هذا أن تقوم بتكرار الإعدادات التي تريدها مع كل فقرة بحد ذاتها. </div><div align="right">وعلى سبيل المثال، سوف تجد أن كل فقرة عربية في كل صفحة في هذا الموقع محاطة بالوسوم </div><div align="left"><span style="font-size: 13px; line-height: normal"><font face="Arial"><P DIR="rtl" ALIGN="right"> ... <‎/P> </font></span></div><div align="right">وأن كل فقرة إنجليزية محاطة بالوسوم</div><div align="left"><span style="font-size: 13px; line-height: normal"><font face="Arial"><P DIR="ltr" ALIGN="left"> ... <‎/P> </font></span></div><div align="right">وذلك ليس لسبب إلا لضمان ظهورها بالشكل المناسب في المتصفح إكسبلورر. ولاحظ أنني في الحالتين أقوم بتحديد إتجاه النص جنباً إلى جنب مع المحاذاة المطلوبة. وفي الحقيقة أن هذه الخاصية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">DIR</font></span> تستخدم ليس فقط مع وسوم الفقرات بل مع أي وسوم أخرى نستخدم معها الخاصية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">ALIGN</font></span> وبشكل خاص مع الجداول. </div><div align="right">نأتي الآن إلى المتصفح سندباد... كما تعلم فإن هذا المتصفح هو برنامج مضاف <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Plugin</font></span> لتعريب المتصفح <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">Netscape</font></span> بإصداراته المختلفة. لذلك من البديهي أن يرث خصائصه المختلفة، إبتداءاً من الواجهة التطبيقية للبرنامج وإنتهاءاً بالوسوم الخاصة التي يدعمها. لذلك فعند الحديث عن أحدهما نستطيع القول بأننا نتحدث عن الآخر بدون أدنى اختلاف.</div><div align="right">ما يهمنا في هذا المقام هو أن سندباد يتعامل مع الصفحة التي يعرضها كوحدة واحدة، وذلك على خلاف إكسبلورر. بمعنى أنه لا يدعم الخاصية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">DIR.</font></span> لذلك نرى أن سندباد يحتوي على زر خاص بتحويل إتجاه الصفحة يميناً أو يساراً، وهو الزر الموجود في أعلى نافذته ويكون على شكل سهم. </div><div align="right">إذن بشكل عام، طالما كانت الصفحة موحدة اللغة (سواءاً كانت هذه اللغة عربية أو إنجليزية) وبالتالي كانت تحتوي على فقرات موحدة الإتجاه (يميناً أو يساراً) فمن غير الضروري أن نقوم بتحديد المحاذاة لكل فقرة على حدة، فالأصل أن نقوم بذلك من خلال زر تحديد الإتجاه. لكن عندما تحتوي صفحتنا العربية على فقرة إنجليزية (أو العكس) فهنا لا بد من استخدام وسم الفقرات وتحديد المحاذاة المطلوبة لهذه الفقرة فقط، ومن ثم المتابعة مع باقي الفقرات العربية بشكل طبيعي كالسابق. ونكرر العملية مع أي فقرة إنجليزية لاحقة. وهنا عند الضغط على زر تحديد الإتجاه ستجد أنه يغير إتجاه جميع الفقرات فالعربية ستحول إلى اليسار والإنجليزية إلى اليمين والعكس بالعكس. </div><div align="right">السؤال الآن، أي من الطرق نستخدمها في صفحاتنا؟ هل نعتمد على الخاصية التي يدعمها إكسبلورر أو على الزر الذي يتضمنه سندباد؟ </div><div align="right">الجواب عموماً هو أن نتبع الطريقة التي تضمن أكبر قدر من التوافق في مظهر الصفحات فوجود الخاصية <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">DIR</font></span> لن يضر بصحة المتصفح سندباد. لكن غيابها هو ما سيجعل إكسبلورر هزيلاً. إذن لنستخدمها دائماً ومع كل فقرة من فقرات صفحتنا. </div><hr/><br /><br /><div align="right">خلاصة القول أضعها في النقاط التالية، وكما يقال: في الإعادة إفادة!</div><div align="center"><table align="center" bgcolor="#FFFFFF" border="5" cellpadding="3" width="80%"><tr><td><br /><ol type="1"><br /><li><div align="right"><strong>في بداية الصفحة ضع الشيفرة التالية كما هي نصاً وحرفاً</strong> </div><br /><div align="left"> ‎<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">‎ </div><br /></li><li><div align="right"><strong>قم بإحاطة كل فقرة عربية من فقرات صفحتك بالوسوم التالية:</strong></div><div align="left"><span style="font-size: 13px; line-height: normal"><font face="Arial"><P DIR="rtl" ALIGN="right"> ... <‎/P> </font></span></div><br /></li><li><div align="right"><strong>إذا أردت إدراج فقرات إنجليزية فقم بإحاطة كل منها بالوسوم</strong></div><div align="left"><span style="font-size: 13px; line-height: normal"><font face="Arial"><P DIR="ltr" ALIGN="left"> ... <‎/P> </font></span></div><br /></li><li><div align="right"><strong>تستطيع استخدام الوسوم السابقة مع الجداول أيضاً </strong></div><br /></li></ol><br /></td></tr></table></div><br /><hr/><br /><br /><div align="right">في الأيام الأولى لإنشاء هذا الموقع، وبالذات في الدرس الأول، واجهت إشكالاً معيناً وذلك عندما كنت أقوم بكتابة بعض المصطلحات الإنجليزية وبضمنها رموز خاصة أو أرقام. فقد كانت هذه الرموز تظهر بصورة معكوسة عندما يتم عرضها في المتصفح سندباد. مثال ذلك: أن الإشارة / الموجودة في وسوم النهاية كانت تظهر في آخر الوسم (أي إلى اليمين) بدلا من أن تظهر في بدايته. كذلك عند الحديث عن الرموز الخاصة كالفراغات كانت إشارة (&) تظهر على اليسار وإشارة (;) تظهر على اليمين، أي انهما تظهران بشكل معاكس لما يجب أن يكونا عليه. </div><div align="right">وبصراحة مطلقة فقد سببت لي هذه المشكلة كابوساً على مدى عدة أيام متلاحقة، حاولت خلالها تجربة العديد من الحلول. كان من ضمنها أن أقوم بكتابة هذه الرموز بصورة معاكسة علّها تعود إلى رشدها. لكن للسخرية كانت في الحالة المعكوسة تبقى كما هي في مكانها. وأخيراً جاء الحل السحري بعد أن أرسلت إلى شركة صخر أستفسر عن هذه المشكلة. وكان هذا الحل بكتابة رمز يسمى <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">OXFD</font></span> وهو رمز الفراغ باللاتيني، وتتم كتابته بالضغط على المفتاح <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">ALT</font></span> في لوحة المفاتيح مع الأرقام (من اليسار إلى اليمين) <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">0253</font></span> وذلك قبل أي رمز "مشاغب" لا يظهر في مكانه الصحيح. وبذلك تم حل كل الإشكالات التي واجهتها مع هذه الرموز. </div><div align="right">إذن أستطيع الآن أن أضيف نقطة خامسة إلى النقاط السابقة: </div><div align="center"><table align="center" bgcolor="#FFFFFF" border="5" cellpadding="3" width="80%"><tr><td><div align="right"><strong>استخدم <span style="font-size: 18px; line-height: normal"><font face="Times New Roman">ALT+0253</font></span> قبل الرموز أو الحروف الإنجليزية التي لا تظهر في مكانها الصحيح عند عرضها من خلال المتصفحات </strong></div></td></tr></table></div><hr/><br /><br /><div align="right">وعند هذه النقطة نكون قد وصلنا إلى نهاية هذا الدرس والذي لن يكون بالطبع هو نهاية المطاف في دروس إتش.بي بالعربية. فما زال هناك ما يقال، ألقاك على خير في الدرس التالي. </div></div></blockquote> </div><div class="post-footer likes-active"><div class="fa_like_div"><button class="rep-button " data-href="" data-href-rm=""><span class="rep-cat"><i class="material-icons">thumb_up</i><span class="rep-nb" style="display:none;"></span></span><span>أعجبني</span></button><button class="rep-button " data-href="" data-href-rm=""><span class="rep-cat"><i class="material-icons">thumb_down</i><span class="rep-nb" style="display:none;"></span></span><span>لم يعجبني</span></button><p class="fa_like_list" style="display: none;"></p></div></div></div><aside class="post-aside"><div class="post-author-status"></div><div class="post-author"><span class="post-author-name"><span style="color:#FF73DE"><strong>oussama_19</strong></span></span><span class="post-author-title">مرشح للاشراف<br /><img src="https://2img.net/i/itest/ranks/stars/stars1.gif" alt="مرشح للاشراف" title="مرشح للاشراف" loading="lazy" /><br /></span></div><div class="post-author-avatar"><div class="avatar-big"><img loading="lazy" src="https://2img.net/u/1415/15/41/28/avatars/4409-28.jpg" alt="oussama_19" style="max-width: 200px; max-height: 600px" /></div></div><div class="dd_award right box-body"></div><div class="award_more box-body"></div><br><dl class="post-author-details"><dt><span class="label"><span style="color:#000103;">الجنس</span> : </span></dt><dd><img src="https://2img.net/i/fa/awesomebb/icon_minigender_male.png" alt="ذكر" title="ذكر" /></dd><dt><span class="label"><span style="color:#000103;">الابراج</span> : </span></dt><dd><img src="https://2img.net/i/fa/subsilver/icon_zodiac_cancer_1.gif" alt="السرطان" title="السرطان" /></dd><dt><span class="label"><span style="color:#000103;">عدد المساهمات</span> : </span></dt><dd>196</dd><dt><span class="label"><span style="color:#000103;">نقاط</span> : </span></dt><dd>7652</dd></dl><div class="post-author-rpg"><br /><a href="/u4409rpgsheet?tt=1" rel="nofollow">الأوسمة</a><br /><span class="gen"> </span>: <span class="gen" id="rpg-- "><title>اختار الوسام المناسب للعضو