HTML ile PDF Dosyasına Bağlama

Html Ile Pdf Dosyasina Baglama

Bazen, PDF formatlı bir dosyayı bir HTML belgesine eklemek veya gömmek gerekir. PDF dosyası, HTML belgesine iki farklı şekilde bağlanabilir (iki farklı HTML etiketi kullanılarak). geliştiriciler HTML'yi kullanabilir ' Çapa ” etiketi ve “ iframe ” etiketi, bir PDF Dosyasını HTML belgesine bağlamak için. Kullanmak ' Çapa ” etiketi, arayüzde kullanıcıyı tanımlı PDF dosyasına yönlendiren bir bağlantı oluşturur ve “ iframe ” etiketi, çıktıda PDF dosyasının görüntüleneceği bir iframe oluşturacaktır.

Bu gönderide, bir HTML belgesine PDF dosya bağlantısı eklemenin her iki yöntemini de göstereceğiz.

Bir PDF Dosyasını HTML ile Bağlama

PDF dosyaları “ ” etiketi ve ayrıca “ aracılığıyla </strong> ' etiket. Her iki yöntem de HTML'de bir PDF dosyası ekleyebilir, ancak her iki yöntem de farklı çıktılar üretir. Her iki yöntemi de ayrıntılı olarak tartışalım.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/Vr8l1CkDmms?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

Yöntem 1: Etiketini Kullanma

Bir PDF dosyası, “ kullanılarak HTML'ye bağlanabilir. Çapa ” öğesi. Örnek olarak bir PDF dosyası kullanarak bu fikri pratik olarak uygulayalım:

< P > PDF Dosyasını açmak için

< A href = 'DemoDosyam.pdf' > buraya tıklayın < / A >

< / P >
Yukarıda yazılan kodda:

Orada ' paragraf ” öğesi, paragraf etiketlerinin içinde ekranda görüntülenecek metindir. Çıktıda işlemin daha iyi anlaşılmasını sağlamak için eklendiği için bu adım isteğe bağlıdır.

Bundan sonra “ Çapa ” öğesi. Bu, PDF dosyasını HTML ile bağlamanın ana adımıdır.

Açılış bağlantı etiketinin içinde “ href ” özniteliği ve tam PDF dosya konumu şu şekilde tanımlanmıştır: href ' bağlanmak.

Açılış ve kapanış bağlantı etiketleri arasında, bağlantı olarak görüntülenecek metin bulunur ve üzerine tıklandığında kullanıcı, '' içinde tanımlanan PDF dosyasına yönlendirilir. href ' bağlanmak.

Bu, aşağıdaki çıktıyı üretecektir:

Yöntem 2: Etiketini Kullanma</strong> </h2> <p> Bir PDF dosyası, “ kullanılarak da bir HTML belgesine bağlanabilir. <strong> <iframe></strong> “ ile etiketle <strong> kaynak</strong> ” içindeki öznitelik:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> < <a href="http://december.com/html/4/element/iframe.html"><span class="kw2"> iframe</span></a> <span class="kw3"> kaynak</span><span class="sy0"> =</span><span class="st0"> 'DemoDosyam.pdf'</span> <span class="kw3"> Genişlik</span><span class="sy0"> =</span><span class="st0"> '%90'</span> <span class="kw3"> yükseklik</span><span class="sy0"> =</span><span class="st0"> '450 piksel'</span> > <br> <br> <<span class="sy0"> /</span> <a href="http://december.com/html/4/element/iframe.html"><span class="kw2"> iframe</span></a> ><p> Yukarıdaki ifadede veya iframe öğesinde:</p> <ul> <li> Orada ' <strong> iframe</strong> Çıktıda bir iframe oluşturmak için etiketleri açma ve kapama.</li> <li> Açılış iframe etiketi “ <strong> kaynak</strong> ” harici bir kaynağın URL'sini eklemek için kullanılan öznitelik. PDF dosyasının tam konumu ' <strong> kaynak</strong> ' bağlanmak.</li> <li> Sonra ' <strong> kaynak</strong> ” özniteliği, “ <strong> Genişlik</strong> ' Ve ' <strong> yükseklik</strong> ” açılış iframe etiketinin içindeki nitelikler.</li> </ul> <p> Bu, çıktıda aşağıdaki arayüzü gösterecektir:</p> <p> <img class="wp-image-309737" src="https://softoban.com/img/other/74/linking-to-a-pdf-file-with-html-2.gif"></p> <p> Bu, bir PDF dosyasını bir HTML belgesine bağlamak veya gömmek için kullanılan iki farklı yöntemi özetlemektedir.</p> <h2> <strong> Çözüm</strong> </h2> <p> PDF dosyası, “ kullanılarak bir HTML belgesine bağlanabilir veya eklenebilir. <strong> <a></strong> ” (çapa) öğesinin yanı sıra “ <strong> <iframe></strong> ” öğesi. Kullanmak ' <strong> Çapa</strong> ” öğesi, “ eklenmesini gerektirir <strong> href</strong> ” özelliği, açılış bağlantı etiketlerinde ve içindeki PDF dosyasının konumunu tanımlar. Öte yandan, “ <strong> iframe</strong> ” öğesi, “ eklenmesini gerektirir <strong> kaynak</strong> ” özniteliği ve içindeki PDF dosya konumunun tanımlanması.</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="/diger/" class="tag-cloud-link">Diğer</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Ahududu Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Başka</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Yakınlaştırma</a> </li><li> <a href="/cinnamon/">Tarçın</a> </li><li> <a href="/reviews/">Yorumlar</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radyo</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Açık Deniz</a> </li><li> <a href="/compression/">Sıkıştırma</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Hava Çatlağı</a> </li><li> <a href="/office-productivity-software/">Ofis Verimlilik Yazılımı</a> </li><li> <a href="/boot/">Bot</a> </li><li> <a href="/system-calls/">Sistem Çağrıları</a> </li><li> <a href="/sysctl/">Sistem</a> </li><li> <a href="/networking/">Ağ Oluşturma</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kat</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Liman Işçisi</a> </li><li> <a href="/firewall/">Güvenlik Duvarı</a> </li><li> <a href="/wireshark/">Tel Köpekbalığı</a> </li><li> <a href="/synology/">Sinoloji</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Papağan Işletim Sistemi</a> </li><li> <a href="/sublime/">Yüce</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telefon</a> </li><li> <a href="/kodi/">Kod</a> </li><li> <a href="/gnome/">Cüce</a> </li><li> <a href="/manjaro/">Incelik</a> </li><li> <a href="/mouse/">Fare</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Sel</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Şeytan</a> </li><li> <a href="/curl/">Kıvrılmak</a> </li><li> <a href="/kde/">Nerede</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Yazı Tipleri</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Görüntüler</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Kalamar</a> </li><li> <a href="/mate/">Mat</a> </li><li> <a href="/vlc-media-player/">Vlc Medya Oynatıcı</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Tuş Takımı</a> </li><li> <a href="/inkscape/">Inkscape</a> </li><li> <a href="/encryption/">Şifreleme</a> </li><li> <a href="/fedora/">Fötr Şapka</a> </li><li> <a href="/owncloud/">Owncloud</a> </li><li> <a href="/scanner/">Tarayıcı</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Kırmızı Şapka</a> </li><li> <a href="/teamviewer/">Takım Görüntüleyici</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Jüpiter Defter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Medya Oynatıcılar</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Buhar</a> </li><li> <a href="/jenkins/">Jenkinler</a> </li><li> <a href="/power/">Güç</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Netstat</a> </li><li> <a href="/kvm/">Metrekare</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Kavramak</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Yolculuk</a> </li><li> <a href="/audio/">Ses</a> </li><li> <a href="/cpu/">İşlemci</a> </li><li> <a href="/tensorflow/">Tensör Akışı</a> </li><li> <a href="/autodesk/">Otomatik Masa</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Pencereler</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Eski)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Ofis</a> </li><li> <a href="/baska/">Başka</a> </li><li> <a href="/ahududu-pi/">Ahududu Pi</a> </li><li> <a href="/web-kamerasi/">web kamerası</a> </li><li> <a href="/medya-oynaticilar/">medya oynatıcılar</a> </li><li> <a href="/diger/">Diğer</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproksi/">haproksi</a> </li><li> <a href="/cuce/">cüce</a> </li><li> <a href="/bot/">bot</a> </li><li> <a href="/yuce/">yüce</a> </li><li> <a href="/removal-guides/">Kaldırma Kılavuzları</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/sonraki-bulut/">sonraki bulut</a> </li><li> <a href="/erdem/">Erdem</a> </li><li> <a href="/usb-gecidi/">USB geçidi</a> </li><li> <a href="/fotr-sapka/">fötr şapka</a> </li><li> <a href="/guvenli-onyukleme/">#Güvenli Önyükleme</a> </li><li> <a href="/cihaz-gecisi/">cihaz geçişi</a> </li><li> <a href="/sdn/">SDN</a> </li><li> <a href="/surucu-kurulumu/">sürücü kurulumu</a> </li><li> <a href="/wakeonlan/">Wakeonlan</a> </li><li> <a href="/dsm7-cat/">dsm7</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Popüler Mesajlar</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6F/exploring-stable-diffusion-2-0-website-to-consider-for-trying-stable-diffusion-2-0-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/stable-diffusion-2-0-i-kesfetmek-stable-diffusion-2-0-i-denemek-icin-dikkat-edilmesi-gereken-web-sitesi">Stable Diffusion 2.0'ı Keşfetmek – Stable Diffusion 2.0'ı Denemek İçin Dikkat Edilmesi Gereken Web Sitesi</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/33/how-to-apply-breakpoints-and-media-queries-with-justify-content-in-tailwind-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/tailwind-de-hakli-icerik-ile-kesme-noktalari-ve-medya-sorgulari-nasil-uygulanir">Tailwind'de “haklı içerik” ile Kesme Noktaları ve Medya Sorguları Nasıl Uygulanır?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/FC/solved-usb-ports-not-working-in-windows-10-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cozuldu-usb-baglanti-noktalari-windows-10-da-calismiyor">(Çözüldü) USB Bağlantı Noktaları Windows 10'da Çalışmıyor</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/30/upgrade-diamond-armor-to-netherite-armor-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/elmas-zirhi-netherite-zirhina-yukselt">Elmas Zırhı Netherite Zırhına Yükselt</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/35/why-is-docker-build-not-showing-any-output-from-commands-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/docker-build-neden-komutlardan-herhangi-bir-cikti-gostermiyor">Docker Build Neden Komutlardan Herhangi Bir Çıktı Göstermiyor?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/43/use-raspberry-pi-as-a-crypto-coin-price-checker-using-coinmon-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/raspberry-pi-yi-coinmon-kullanarak-kripto-para-fiyat-denetleyicisi-olarak-kullanin">Raspberry Pi'yi Coinmon Kullanarak Kripto Para Fiyat Denetleyicisi Olarak Kullanın</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/42/what-is-scrollleft-method-in-jquery-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/jquery-de-scrollleft-yontemi-nedir">jQuery'de scrollLeft() Yöntemi nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/86/how-to-add-comments-to-a-block-of-code-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/matlab-de-bir-kod-bloguna-yorum-ekleme">MATLAB'de Bir Kod Bloğuna Yorum Ekleme</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/5C/what-is-new-object-microsoft-powershell-utility-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/yeni-nesne-microsoft-powershell-utility-nedir">Yeni Nesne (Microsoft.PowerShell.Utility) nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/06/what-is-amazon-simple-workflow-service-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/amazon-basit-is-akisi-hizmeti-nedir">Amazon Basit İş Akışı Hizmeti nedir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/77/how-to-upload-a-pdf-to-wordpress-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/wordpress-e-pdf-nasil-yuklenir">WordPress'e PDF Nasıl Yüklenir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/82/how-to-tag-an-older-commit-in-git-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/git-te-daha-eski-bir-taahhut-nasil-etiketlenir">Git'te Daha Eski Bir Taahhüt Nasıl Etiketlenir?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/9A/how-to-check-automorphic-numbers-in-java-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/java-da-otomorfik-sayilar-nasil-kontrol-edilir">Java'da Otomorfik Sayılar Nasıl Kontrol Edilir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/BC/hugging-face-inference-api-with-python-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/python-ile-sarilma-yuz-cikarimi-api-si">Python ile Sarılma Yüz Çıkarımı API'sı</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/97/how-to-add-days-with-the-date-in-php-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/php-de-tarihli-gunler-nasil-eklenir">PHP'de Tarihli Günler Nasıl Eklenir</a> </h3> <div class="meta"> <div> <a href="/baska/"><span class="icon-chat"></span> Başka</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/59/how-to-change-axis-in-matlab-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/matlab-de-eksen-nasil-degistirilir">MATLAB'de Eksen Nasıl Değiştirilir</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/51/where-to-find-all-flowers-in-minecraft-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/minecraft-ta-tum-cicekler-nerede-bulunur">Minecraft'ta Tüm Çiçekler Nerede Bulunur?</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/56/kubectl-attach-command-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kubectl-ekleme-komutu">Kubectl Ekleme Komutu</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/AB/how-to-find-all-files-with-a-filename-beginning-with-a-specified-string-8211-bash-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/belirli-bir-dize-ile-baslayan-bir-dosya-adina-sahip-tum-dosyalari-bulma-bash">Belirli Bir Dize İle Başlayan Bir Dosya Adına Sahip Tüm Dosyaları Bulma – Bash</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</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/arduino-nano-comparison-with-arduino-uno-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/arduino-uno-ile-arduino-nano-karsilastirmasi">Arduino Uno ile Arduino Nano Karşılaştırması</a> </h3> <div class="meta"> <div> <a href="/diger/"><span class="icon-chat"></span> Diğer</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <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>