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

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

  
  

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

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

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

  مثال على عرض الكود ضمن النصوص اليك كود مربع نص يعرض الاكواد ضمن النصوص والذي سانستخدمه في المثال الثاني

  
  
  

  نتيجة المثال رقم 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>