كيفية تحويل Markdown إلى HTML

Kyfyt Thwyl Markdown Aly Html



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

في HTML ، يتعين علينا إضافة الكثير من العلامات ويتم إضافة النمط أيضًا في HTML للتنسيق. يمكننا القيام بنفس المهام في HTML والتي يمكننا القيام بها أيضًا باستخدام Markdown. يمكننا تحويل ملف Markdown إلى ملف HTML بسهولة عن طريق استخدام بعض الأوامر. سنشرح هنا كيفية تحويل Markdown إلى HTML. سنقوم أيضًا بتحويل Markdown إلى HTML وتقديم وصف مفصل لهذا المفهوم في هذا الدليل. الآن ، نقوم بتحويل ملف Markdown إلى ملف HTML. أيضًا ، سنعرض وشرح كل خطوة يتعين علينا اتباعها لتحويل ملف Markdown إلى ملف HTML في Visual Studio Code.

مثال 1:

نستخدم هنا كود الاستوديو المرئي. نوضح كيف نقوم بتحويل ملف Markdown إلى ملف HTML في Visual Studio Code. لهذا ، يجب أن يكون لدينا ملف Markdown الذي تم إنشاؤه في Visual Studio Code هذا. الملف الذي نقوم بإنشائه هنا يسمى “myabcfile.md”. في هذا الملف ، نضيف العنوان باستخدام علامة '#'. ثم نضيف نصًا أسفل هذا العنوان وهو نص بسيط أو فقرة. الآن ، نقوم أيضًا بإدخال سطر آخر غامق لأننا أدخلنا علامتين نجميتين في البداية وعلامتين نجميتين في نهاية هذا السطر. لذلك ، يبدو هذا الخط عريضًا هنا. بعد ذلك ، نجعل كلمة 'قائمة' مائلة. نجعل هذه الكلمة مائلة باستخدام شرطتين سفليتين. تتم إضافة شرطة سفلية واحدة في البداية ويتم إضافة شرطة سفلية واحدة في نهاية الكلمة. في الرسم التوضيحي التالي ، نقوم بإنشاء القائمة المرتبة عن طريق وضع الرقم ووضع النقطة بعد الرقم. الآن ، نحن نحفظ هذا الملف. سنعرض أيضًا كيف يظهر هذا الملف في نافذة المعاينة.









نعرض فقط إخراج كود Markdown في نافذة المعاينة. الآن ، نقوم بتحويل Markdown إلى HTML. امض قدمًا وانظر في الرسم التوضيحي التالي حول كيفية تحويل ملف Markdown إلى ملف HTML:







افتح الجهاز بالنقر فوق الجهاز الموجود على شريط المهام الموجود في الجزء العلوي من رمز Visual Studio هذا. عند فتح هذه المحطة الطرفية ، اكتب الأمر 'code –install-extension yzhang.markdown-all-in-one' والذي يظهر أيضًا في ما يلي. بعد كتابة هذا الأمر في محطة Visual Studio Code ، نضغط على مفتاح 'Enter'. بعد تجميع هذا الأمر بنجاح ، نمضي قدمًا. يساعد هذا الأمر في تثبيت هذا الامتداد المذكور هنا.



عند تثبيت الامتداد السابق بنجاح ، نفتح 'لوحة الأوامر' في رمز Visual Studio هذا. يتم فتح لوحة الأوامر هذه بمجرد الضغط على مفاتيح 'CTRL + SHIFT + P'. بعد ذلك ، يتم فتح القائمة المنسدلة أعلى تطبيق Visual Studio Code هذا. هنا ، نكتب فقط 'Markdown' ثم تظهر العديد من الأوامر هناك. نختار 'Markdown All in One: طباعة المستند الحالي إلى HTML' هنا كما هو موضح في الصورة التالية. هنا ، نختار هذا الأمر بعد الضغط على 'CTRL + SHIFT + P'. الآن ، يتم تحويل ملف Markdown هذا إلى ملف HTML بمساعدة هذا الأمر الذي اخترناه هنا.

يتم عرض كلا الملفين هنا. نقوم بتحويل هذا “myabcfile.md” إلى ملف “myabcfile.html”. يظهر Markdown وكذلك ملف HTML في الصورة التالية. يحتوي ملف HTML هذا على جميع البيانات التي أضفناها في ملف Markdown. لكن الاختلاف الوحيد هو أن ملف HTML يحتوي على العلامات والأنماط المختلفة فيه ولكن ملف Markdown لا يحتوي على الكثير من العلامات.

يظهر ملف HTML أيضًا في الصورة التالية. يمكنك ملاحظة ' و و و <style> والكثير من العلامات في هذا الملف'. لذلك ، هذه هي أبسط طريقة لتحويل Markdown إلى HTML.</p> <p> <img class="wp-image-231456" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-6.png"></p> <p> <img class="wp-image-231460" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-7.png"></p> <h2> <strong> المثال 2:</strong> </h2> <p> في ملف Markdown هذا ، نضيف العنوان والقائمة غير المرتبة والقائمة المرتبة والنص والنص المنسق. نقوم بإدخال العنوان هنا. بعد ذلك ، نكتب أيضًا بعض النصوص ونضيف القائمة غير المرتبة. بعد ذلك ، نضيف سطرًا آخر ندخل فيه أيضًا بعض الكلمات حيث نطبق الأنماط الغامقة والمائلة. ثم نضع القائمة المرتبة والسطر الجديد بعد هذه القائمة المرتبة. الآن ، نقوم بحفظ هذا الملف واسم ملف Markdown هذا هو “abcfile.md”. الآن ، نقوم بتحويل هذا “abcfile.md” إلى ملف HTML.</p> <p> <img class="wp-image-231464" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-8.png"></p> <p> نفتح المحطة مرة أخرى بنفس الطريقة التي ناقشناها سابقًا ونكتب الأمر المحدد في محطة Visual Studio Code. بعد تشغيل الأمر المحدد ، نغلق هذه المحطة.</p> <p> <img class="wp-image-231468" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-9.png"></p> <p> ثم نضغط على 'CTRL + SHIFT + P' ونفتح أمر اللوحة. هنا ، نختار الأمر المعروض في الصورة في الأعلى. هذا يحول ملف كود Markdown السابق إلى ملف HTML.</p> <p> <img class="wp-image-231470" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-10.png"></p> <p> كلا الملفين معروضان هنا. يتم تحويل ملف “abcfile.md” هذا إلى ملف “abcfile.html”. تعرض الصورة التالية ملفات Markdown و HTML. يتمثل الاختلاف الوحيد بين ملف HTML هذا وملف Markdown في أن ملف HTML يستخدم علامات وأنماط مختلفة بينما يستخدم ملف Markdown عددًا أقل من الرموز. يحتوي ملف HTML هذا على جميع المعلومات التي تم المساهمة بها في ملف Markdown.</p> <p> <img class="wp-image-231472" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-11.png"></p> <p> عندما نفتح ملف HTML هذا ، نرى الكثير من العلامات هناك لم نضفها في Markdown لأن لغة Markdown لا تحتاج إلى الكثير من العلامات. Markdown هي لغة بسيطة وسهلة للغاية. كما هو موضح في هذه الصورة ، فإنه يضيف علامة “ <blockquote>” لإنشاء “blockquote”. لكن في ملف Markdown ، نضيف ببساطة رمز أكبر من '>' لإنشاء اقتباس blockquote هذا.</p> <p> بالنسبة لقائمة غير مرتبة ، يحتوي ملف HTML على علامتي الفتح والإغلاق “<ul>” بالإضافة إلى علامة “<li>” لإضافة عنصر القائمة. لكن في ملف Markdown السابق ، نضيف ببساطة الرمز '-' لإنشاء قائمة غير مرتبة. أيضًا ، علامة 'ol' موجودة هنا والتي تُستخدم لإضافة القائمة المرتبة. في Markdown ، نقوم بإنشاء هذه القائمة المرتبة عن طريق إدخال الرقم والنقطة لهذه القائمة المرتبة. نقوم بتحويل ملف Markdown السابق بسهولة إلى ملف HTML هنا.</p> <p> <img class="wp-image-231474" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-12.png"></p> <h2> <strong> استنتاج</strong> </h2> <p> قدمنا ​​وصفًا تفصيليًا حول كيفية تحويل Markdown إلى HTML في هذا الدليل. شرحنا كيف نقوم بذلك في Visual Studio Code وقمنا بتحويل ملفين Markdown إلى ملفات HTML في هذا الدليل. أوضحنا أنه يتعين علينا تثبيت امتداد واحد بعد إنشاء ملف Markdown ثم يتعين علينا فتح لوحة الأوامر لتحديد الأمر الذي يساعد في تحويل ملف Markdown إلى ملف HTML. لقد أظهرنا أيضًا كلاً من Markdown وملف HTML في هذا الدليل ، بحيث يمكنك بسهولة التحقق من بيانات كلا الملفين. شرح تحويل Markdown إلى HTML بالتفصيل.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/akhr/" class="tag-cloud-link">آخر</a> </div> </div> </div><!-- END--> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">فئة</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">فطيرة التوت</a> </li><li> <a href="/ethernet/">إيثرنت</a> </li><li> <a href="/other/">آخر</a> </li><li> <a href="/nano/">نانو</a> </li><li> <a href="/zoom/">تكبير</a> </li><li> <a href="/cinnamon/">قرفة</a> </li><li> <a href="/reviews/">المراجعات</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">مذياع</a> </li><li> <a href="/minecraft/">ماين كرافت</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">ضغط</a> </li><li> <a href="/laravel/">ارافيل</a> </li><li> <a href="/aircrack/">ايركراك</a> </li><li> <a href="/office-productivity-software/">برامج الإنتاجية المكتبية</a> </li><li> <a href="/boot/">حذاء طويل</a> </li><li> <a href="/system-calls/">مكالمات النظام</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">الشبكات</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">أعرج</a> </li><li> <a href="/plex/">نوع من أنواع الصفائح من نوع Plex</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">عامل ميناء</a> </li><li> <a href="/firewall/">جدار الحماية</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">سينولوجيا</a> </li><li> <a href="/pdf/">بي دي إف</a> </li><li> <a href="/ethereum/">اثير</a> </li><li> <a href="/parrot-os/">نظام الببغاء</a> </li><li> <a href="/sublime/">سامية</a> </li><li> <a href="/selinux/">سيلينو</a> </li><li> <a href="/hyper-v/">مفرط- V</a> </li><li> <a href="/phone/">هاتف</a> </li><li> <a href="/kodi/">الشفرة</a> </li><li> <a href="/gnome/">جنوم</a> </li><li> <a href="/manjaro/">رقة</a> </li><li> <a href="/mouse/">الفأر</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">ميتاسبلويت</a> </li><li> <a href="/torrent/">سيل</a> </li><li> <a href="/tablet/">لوح</a> </li><li> <a href="/pycharm/">بيشارم</a> </li><li> <a href="/curl/">لفة</a> </li><li> <a href="/kde/">أين</a> </li><li> <a href="/gcc/">مجلس التعاون الخليجي</a> </li><li> <a href="/fonts/">الخطوط</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">نفيديا</a> </li><li> <a href="/images/">الصور</a> </li><li> <a href="/usb/">يو اس بي</a> </li><li> <a href="/squid/">حبار</a> </li><li> <a href="/mate/">رفيق</a> </li><li> <a href="/vlc-media-player/">مشغل الميديا ​​vlc</a> </li><li> <a href="/dns/">نظام أسماء النطاقات</a> </li><li> <a href="/bitcoin/">بيتكوين</a> </li><li> <a href="/keyboard/">لوحة المفاتيح</a> </li><li> <a href="/inkscape/">إنكسكيب</a> </li><li> <a href="/encryption/">التشفير</a> </li><li> <a href="/fedora/">فيدورا</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">الماسح الضوئي</a> </li><li> <a href="/atom/">ذرة</a> </li><li> <a href="/red-hat/">قبعة حمراء</a> </li><li> <a href="/teamviewer/">برنامج Teamviewer</a> </li><li> <a href="/skype/">سكايب</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">دفتر Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">مدونة</a> </li><li> <a href="/lvm/">لفم</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">مشغلات الوسائط</a> </li><li> <a href="/posix/">بوسيكس</a> </li><li> <a href="/steam/">بخار</a> </li><li> <a href="/jenkins/">جينكينز</a> </li><li> <a href="/power/">قوة</a> </li><li> <a href="/oracle-linux/">أوراكل لينكس</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">متر مربع</a> </li><li> <a href="/bluetooth/">بلوتوث</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">سيطرة</a> </li><li> <a href="/gentoo/">جنتو</a> </li><li> <a href="/odyssey/">ملحمة</a> </li><li> <a href="/audio/">صوتي</a> </li><li> <a href="/cpu/">وحدة المعالجة المركزية</a> </li><li> <a href="/tensorflow/">تينسورفلو</a> </li><li> <a href="/autodesk/">أوتوديسك</a> </li><li> <a href="/lubuntu/">لوبونتو</a> </li><li> <a href="/llvm/">لفم</a> </li><li> <a href="/windows/">شبابيك</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (قديم)</a> </li><li> <a href="/internet-explorer/">متصفح الانترنت</a> </li><li> <a href="/office/">مكتب. مقر. مركز</a> </li><li> <a href="/akhr/">آخر</a> </li><li> <a href="/skayb/">سكايب</a> </li><li> <a href="/nzam-asma-alntaqat/">نظام أسماء النطاقات</a> </li><li> <a href="/ftyrt-altwt/">فطيرة التوت</a> </li><li> <a href="/kamyra-wyb/">كاميرا ويب</a> </li><li> <a href="/mshghlat-alwsayt/">مشغلات الوسائط</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/habrwksy/">هابروكسي</a> </li><li> <a href="/jnwm/">جنوم</a> </li><li> <a href="/hdha-twyl/">حذاء طويل</a> </li><li> <a href="/samyt/">سامية</a> </li><li> <a href="/awbwntw-24-04-cat/">أوبونتو 24.04</a> </li><li> <a href="/com-nextcloud/">com.nextcloud</a> </li><li> <a href="/fdylt/">فضيلة</a> </li><li> <a href="/nfydya/">نفيديا</a> </li><li> <a href="/bwr-usb/">عبور USB</a> </li><li> <a href="/fydwra/">فيدورا</a> </li><li> <a href="/alaqla-alamn/">#الإقلاع الآمن</a> </li><li> <a href="/bwr-aljhaz/">عبور الجهاز</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/tthbyt-brnamj-altshghyl/">تثبيت برنامج التشغيل</a> </li><li> <a href="/astyqzwa-ly-alshbkt-almhlyt/">استيقظوا على الشبكة المحلية</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li><li> <a href="/com-cis/">com.cis</a> </li><li> <a href="/almhakat-alaftradyt-lsth-almktb/">المحاكاة الافتراضية لسطح المكتب</a> </li><li> <a href="/alaftradyt/">الافتراضية</a> </li><li> <a href="/brnamj-vmware-workstation-pro/">برنامج vmware-workstation-pro</a> </li><li> <a href="/brwksmwks-ve/">بروكسموكس-ve</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">المشاركات الشعبية</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/A0/how-to-check-if-virtualization-is-enabled-in-windows-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-althqq-mn-tmkyn-alwd-alaftrady-fy-windows">كيفية التحقق من تمكين الوضع الافتراضي في Windows</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FD/javascript-function-not-defined-error-but-it-is-defined-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wzyft-javascript-ghyr-m-rf-khta-wlkn-tm-t-ryfh">وظيفة JavaScript غير معرف خطأ (ولكن تم تعريفه)</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/09/show-system-information-using-attu-with-milvus-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/azhar-m-lwmat-alnzam-bastkhdam-attu-m-milvus">إظهار معلومات النظام باستخدام Attu مع Milvus</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/F1/how-to-create-a-table-in-oracle-using-primary-key-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ansha-jdwl-fy-oracle-bastkhdam-primary-key">كيفية إنشاء جدول في Oracle باستخدام PRIMARY KEY؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C8/how-to-get-secret-decoded-in-kubernetes-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-fk-altshfyr-alsry-fy-kubernetes">كيفية فك التشفير السري في Kubernetes</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DC/how-to-merge-properties-of-two-javascript-objects-dynamically-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-dmj-khsays-athnyn-mn-kaynat-javascript-dynamykya-a">كيفية دمج خصائص اثنين من كائنات JavaScript ديناميكيًا</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5A/what-is-neon-cow-worth-in-adopt-me-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-qymt-bqrt-alnywn-fy-tbny">ما قيمة بقرة النيون في تبنّي؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/FB/usb-ubuntu-installation-step-by-step-guide-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/tthbyt-usb-ubuntu-dlyl-khtwt-bkhtwt">تثبيت USB Ubuntu: دليل خطوة بخطوة</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/17/how-to-use-an-async-api-agent-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-wkyl-async-api-fy-langchain">كيفية استخدام وكيل Async API في LangChain؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/9D/how-to-fix-css-table-td-width-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-aslah-jdwl-css-td-width">كيفية إصلاح جدول CSS td Width؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/39/sql-table-alias-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/alasm-almst-ar-ljdwl-sql">الاسم المستعار لجدول SQL</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C5/what-is-oop-abstract-class-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/ma-hy-fyt-oop-abstract-class-fy-php">ما هي فئة OOP Abstract Class في PHP؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/how-to-transfer-data-through-bluetooth-on-raspberry-pi-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-nql-albyanat-br-alblwtwth-ly-raspberry-pi">كيفية نقل البيانات عبر البلوتوث على Raspberry Pi</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/5B/remotely-access-raspberry-pi-behind-firewall-through-jfrog-connect-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/alwswl-n-b-d-aly-raspberry-pi-khlf-jdar-alhmayt-mn-khlal-jfrog-connect">الوصول عن بعد إلى Raspberry Pi خلف جدار الحماية من خلال JFrog Connect</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C0/how-to-disable-all-applied-clears-in-tailwind-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-ytm-t-tyl-kl-mlyat-altsfyt-alttbyqyt-fy-tailwind">كيف يتم تعطيل كل عمليات التصفية التطبيقية في Tailwind؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6F/how-to-create-and-use-c-header-files-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-ansha-wastkhdam-mlfat-ras-c">كيفية إنشاء واستخدام ملفات رأس C++</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/62/how-to-use-amazon-efs-with-amazon-ec2-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyfyt-astkhdam-amazon-efs-m-amazon-ec2">كيفية استخدام Amazon EFS مع Amazon EC2؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/DA/will-my-android-turn-off-alarm-on-do-not-disturb-mode-1.jpeg);"></a> <div class="text"> <h3 class="heading"> <a href="/hl-syqwm-jhaz-android-bayqaf-tshghyl-altnbyh-fy-wd-dm-alaz-aj">هل سيقوم جهاز Android بإيقاف تشغيل التنبيه في وضع عدم الإزعاج</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/22/6-ways-of-opening-the-task-manager-app-on-windows-10-11-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/6-trq-lfth-ttbyq-adart-almham-ly-nzam-altshghyl-windows-10-11">6 طرق لفتح تطبيق إدارة المهام على نظام التشغيل Windows 10/11</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/E4/how-to-add-a-double-border-with-different-colors-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kyf-tdyf-hd-mzdwj-balwan-mkhtlft">كيف تضيف حد مزدوج بألوان مختلفة؟</a> </h3> <div class="meta"> <div> <a href="/akhr/"><span class="icon-chat"></span> آخر</a> </div> </div> </div> </div> </div> </div> </div><!-- END COL --> </div> </section> </div><!-- END COLORLIB-MAIN --> </div><!-- END COLORLIB-PAGE --> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>