طريقة عرض كود هتمل في صفحات الانترنت على شكل نص مرائي

5 التعليقات
 
عرض كود هتمل او من اي لغة برمجه اخرى في صفحة انترنت بين النصوص يحتاج الى وسيط يوجه متصفحات الويب ان الكود هذا للعرض فقط, حتى لا يتعامل معه المتصفح من ضمن اكواد البرمجه ويقوم بتنفيذه ويتسبب في مشكله او ضياع مضمون الكود وذلك اقل تقدير

في عدة طرق تعرض الكود على شكل نص في صفحات الويب, من ضمنها جلبت أداة تحويل الكود الى نص مباشرة بدون اي ذكر للموقع الذي قام بعملية التحويل.
طبعاً بعض الموقع تحتفظ بالكود لديه وتمنح كود يعرض الكود على شكل نص وهذا غير مرغوب لانه يكون يحمل روابط من ضمن الكود وكثر الروابط تضر بترتيب الموقع لا احب هذا النوع من الخدمة 
لذلك لدينا أداة تحويل كود هتمل الى نص فقط تشفر الكود دون اي زيادة او نقصان


1- عرض كود برمجي ضمن نص في صفحة انترنت 

  • تحويل كود هتمل Html الى نص بواسطة الأداة التالية أداة تحويل كود هتمل Html الى نص قابل للعرض على صفحات الانترنت وذلك بنسخة ولصقه في أداة التحويل واعادته بصيغة نص جاهز قابل لنشر    
مثال على عرض الكود ضمن النصوص محول (للعرض فقط ) بواسطة الأداة المذكورة, وهو عبارة عن كود مربع نص يعرض كود هتمل ضمن النصوص والذي سنستخدمه في المثال الثاني


 المثال رقم 1

<form>

<textarea cols="55" name="code" onfocus="this.select()" rows="7">ضع الكود هنا</textarea></form>
<div align="left">



2- عرض كود في مربع معين ضمن النصوص مع امكانية سكرول بار
طريقة وضع الكود في مربع نص دون الحاجه الى تغييرة في اي موقع او أداة

  • انسخ الكود التالي والصقه في صفحة تحرير هتمل
  • الصق الكود الذي ترغب في عرضه مكان عبارة ضع الكود هنا

كود مربع نص لعرض الاكواد على شكل نص مباشرة دون الحاجة الى اي اجرا اخر
<div align="center">
<form>
<textarea cols="55" name="code" onfocus="this.select()" rows="7">ضع الكود هنا</textarea></form>
<div align="left">
<ol></ol>

التحكم في حجم المربع يتم ذلك بواسطة تغيير الرقم 7 للعرض والرقم 55 للطول


المثال رقم 2





واذا ترغب ان يكون للكود المحول اطار اليك الكود التالي كود الاطار الموجود في الاطار التالي
عبارة عن كود تلصقة في صفحة تحرير الهتمل وتاتي بكود الذي ترغب عرضه بعد تغييرة في الأداة السابقه وقم بلصقه مكان عبارة ضع النص هنا 

كود اطار
<table border="1">
<caption>ضع العنوان هنا</caption>
<tr>
<th>ضع النص هنا</th>
</tr>
</table>


الخلاصة
طريقة عرض الكود الاول كانت بواسطة اداة تشفير الكود
طريقة عرض الكود مثال رقم 2 كانت بواسطة الكود بدون اي تغيير 
طريقة انشاء اطار الكود الخير المسمى كود اطار

5 ردود حتى الآن.

  1. شكرا لك وباالتوفيق باذن الله المدونة رائعة جدا فكرة ممتازة ...

  2. شكرا لك
    www.mgas.com.sa
    شرح وافى وجيد تسلم ايدك
    جزاك الله خيرا

  3. غير معرف يقول :

    الله يحيكم في المنتدى وهو جديد وابشرة في الاشرف وبكل شي جديد

    http://tfger.forumarabia.com/

  4. غير معرف يقول :

    رائع

  5. mohamed uonis يقول :

    ممتاز جدا

    http://www.facebook-secrets.com/

ماهو ردك؟

اترك لنا بصمتك هناء بتعليق بسيط

 
back to top