Di subuh situs Wéb sumberdaya wangunan anu loba dipaké pigura pikeun nembongkeun bagian nu tangtu kaca. Tapi kalawan datangna versi anyar tina HTML 5, sagalana robah. Elemen ti aksara , na <![CDATA[</em> deprecated. Ngaganti aranjeunna geus jadi tag tunggal - <em><iframe>.</em> Kumaha kuring nambahan html <iframe>? conto di handap bakal dipikaharti, sanajan mangrupa novice di programming. </p>
<h2> Naon pigura? </h2><p> Pigura - dasar lolobana kaca web mimiti. Mun ditarjamahkeun sacara harfiah, kecap ngandung harti "Pigura" nyaeta, pigura téh bagian leutik tina kaca dina browser anu. Pamakéan nyebar tina pigura nu geus kaliwat bisa dipedar ku kualitas goréng jeung ongkos luhur lalulintas Internet. Ilaharna, situs ieu kabagi jadi 3-5 bagian, nu masing-masing ngalaksanakeun tujuan husus: </p>
<ul><li> "Cap" (pigura luhureun kaca rubak) - ngaran Témbongkeun tina sumberdaya nu; </li><li> Ditinggalkeun / Katuhu "gelas" - menu tampilan; </li><li> Pigura sentral - némbongkeun eusi situs urang. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html conto iframe" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> A Ngarecah kaca pikeun ngidinan reloading tina ukur bagian tina eta mun anjeun ningkatkeun. Contona, pamaké clicks item menu, sarta pigura sentral anu ngompa eusi anyar. </p>
<h2> pigura modern dina HTML 5 </h2><p> Naha kuring kudu HTML <em><iframe>?</em> Conto - nyelapkeun eusi situs pihak katilu. Kaayaan klasik téh lamun pamekar web hayang némbongkeun posisi objék dina peta. Naon anu kudu dipigawé? Tarik rencana taneuh ti scratch? Taya - aya solusi basajan: ngawangun kaca Google Peta unsur Maps Yandex atanapi 2GIS. masalah ieu direngsekeun dina opat léngkah. </p>
<ol><li> Anjeun kedah buka situs tina sagala jasa peta. </li><li> Manggihan objek nu dipikahoyong. Nyaho alamatna pasti, anjeun tiasa asupkeun kana kotak search. </li><li> Nganggo "Simpen tur meunangkeun kode" (pikeun "Yandex.Maps") atawa "rengse" (Google Maps) mun meunang kode nu nyelapkeun. </li><li> Eta tetep nulis tag aksara nu dihasilkeun dina kaca. </li></ol><p> Sajaba, Anjeun bisa milih ukuran tina peta tur nyetel pilihan tampilan lianna. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html conto iframe" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Kumaha sejenna Anjeun tiasa make HTML <em><iframe>?</em> Conto - nyelapkeun video ti sumberdaya Youtube. Multimedia Panyiaran mikat pamaké Internet, jadi eusi video anu jadi populer. Jeung instalasi nu roller pamekar nanganan gancang. </p>
<ol><li> Eta kudu diunggah ka Youtube video sorangan atawa manggihan hiji file pihak-katilu pikeun tarjamahan. </li><li> Meunang tag ku milih tombol «HTML-kode" </li><li> Tingkah polah ahir - ngalebetkeun <a href="https://su.delachieve.com/html-kode-konci-warna-html/">kode HTML</a> <iframe>. Conto narima eusi tag bakal dibahas dihandap. </li></ol><p> Dina duanana conto I nganggo generasi kode otomatis, tapi pamekar profésional kudu bisa nyieun sorangan. Firstly, nagara éta bakal ngijinkeun aranjeunna ngartos kaca vorstke jeung ngaropéa deui upami diperlukeun. Kadua, situs henteu salawasna nyirian elemen (malah sanajan kanyataan yén maranéhanana milik hiji sumberdaya éksternal), kabentuk tanpa partisipasi webmaster nu. Di dieu ogé mucunghul pamekar kacida mumpuni. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe HTML eta" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> sintaksis </h2><p> Ku kituna sateuacan Anjeun kaca vorstke, iframe (html) tag kudu mertimbangkeun: naon nya jeung kumaha make eta. </p>
<p> Munggaran sadaya, éta kudu dicatet yén pasangan tag. Antara lawang jeung anggota nutup nunjukkeun kandungan bisa ditingal dina panyungsi anu teu ngarojong unsur aksara. tag dasar atribut: </p>
<ul><li> lebar (W); </li><li> jangkungna (jangkungna); </li><li> src (alamatna dimuat sumberdaya); </li><li> align (prosés alignment); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Ku kituna, pikeun meunangkeun kode keur <iframe>. HTML-conto pinuh nunjukkeun handap: </p>
<p> <em><Iframe lebar = "560" jangkungna = "315" src = "https://someserver.com/" frameborder =</em> " <em>0" allowfullscreen> </ iframe></em> </p>
<p> Tata perenah tabel nyaéta cukup pikeun ngaganti alamat loka pikeun sagala sejen tur, upami diperlukeun, ngaluyukeun ukuran pigura. </p>
</div>
<!--mvp-content-main-->
</div>
<!--mvp-content-body-top-->
</div>
<!--mvp-content-body-->
</div>
<!--mvp-content-wrap-->
</div>
<!--mvp-post-content-->
</div>
<!--mvp-post-main-->
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Similar articles</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/naon-nangtukeun-biaya-nyieun-loka-teh/">
<p>Naon nangtukeun biaya nyieun loka teh</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/web-studio-jasa-rating-keur-nyiptakeun-jeung-kampanye-loka-ulasan/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/04b4d8947dc50ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/04b4d8947dc50ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/web-studio-jasa-rating-keur-nyiptakeun-jeung-kampanye-loka-ulasan/">
<p>Web Studio: jasa rating keur nyiptakeun jeung kampanye loka, ulasan</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/jenis-informasi-disimpen-dina-ramatloka-pausahaan/">
<p>Jenis informasi disimpen dina ramatloka pausahaan</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/roti-crumbs-dina-ramatloka-teh-naon-maranehna-pikeun-navigasi-roti-crumbs/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/8d4ea085702c0ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/8d4ea085702c0ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/roti-crumbs-dina-ramatloka-teh-naon-maranehna-pikeun-navigasi-roti-crumbs/">
<p>"Roti crumbs" dina ramatloka teh: naon maranéhna pikeun? Navigasi "Roti Crumbs"</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/kumaha-jeung-dimana-pikeun-urutan-ramatloka-a/">
<p>Kumaha Jeung Dimana Pikeun urutan ramatloka a</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/desain-ditangtoskeun-loka-tombol-ka-ayaan/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/desain-ditangtoskeun-loka-tombol-ka-ayaan/">
<p>Desain ditangtoskeun loka - tombol ka ayaan</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internét</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Trending Now</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/naon-laju-reureuh-kareseban/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/88e1d3056f570e8b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/88e1d3056f570e8b-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/naon-laju-reureuh-kareseban/">
<p>Naon laju reureuh kareseban?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kasehatan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/reticulum-jenis-jaringan-manusa/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b7e557657e970ed9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b7e557657e970ed9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/reticulum-jenis-jaringan-manusa/">
<p>Reticulum. Jenis jaringan manusa</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Wangunan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/chauvinism-naon-ieu/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4ee0b57c6fcd0e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4ee0b57c6fcd0e97-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/chauvinism-naon-ieu/">
<p>Chauvinism - naon ieu?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News sarta Masarakat</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/up-tina-keju-pondok-resep-gancang/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d14666fb7eb80edf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d14666fb7eb80edf-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/up-tina-keju-pondok-resep-gancang/">
<p>Up tina keju Pondok. resep gancang</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kadaharan sarta inuman</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/sajarah-filsafat-salaku-disiplin-full-fledged/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4396ef4e545b0e38-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4396ef4e545b0e38-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/sajarah-filsafat-salaku-disiplin-full-fledged/">
<p>Sajarah filsafat salaku disiplin full-fledged</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Wangunan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/cadangan-wewengkon-kaayaan-cipta-alam-pristine/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b0e215c3706e0ea9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b0e215c3706e0ea9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/cadangan-wewengkon-kaayaan-cipta-alam-pristine/">
<p>Cadangan - wewengkon kaayaan cipta alam pristine</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">News sarta Masarakat</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header" style="margin-top:40px;">
<span class="mvp-post-header">Newest</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/itching-sarta-ngaduruk-dina-organ-seks-awewe-teu-bisa-dipalire-sorangan-moal-lulus/">
<p>Itching sarta ngaduruk dina organ séks awéwé teu bisa dipaliré. Sorangan moal lulus</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kasehatan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/dimana-dana-mancen-odintsovo/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f541ec397eba0ede-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f541ec397eba0ede-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/dimana-dana-mancen-odintsovo/">
<p>Dimana Dana mancén Odintsovo?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Finances</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/frybest-crockery-ulasan-ngeunaan-juragan-sarta-rangkeian-fitur/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/474940317e560ed7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/474940317e560ed7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/frybest-crockery-ulasan-ngeunaan-juragan-sarta-rangkeian-fitur/">
<p>Frybest, crockery: ulasan ngeunaan juragan, sarta rangkeian fitur</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Imah sarta kulawarga</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/antropologi-filosofis/">
<p>Antropologi filosofis</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Wangunan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/naon-mere-sobat-di-pihak-bachelorette-samemeh-pernikahan/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/49b574626fd20e9e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/49b574626fd20e9e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/naon-mere-sobat-di-pihak-bachelorette-samemeh-pernikahan/">
<p>Naon méré sobat di pihak bachelorette saméméh pernikahan</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hubungan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://su.delachieve.com/bonteng-emelya-a-pilihan-sampurna-pikeun-rumah-kaca/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/0cf4ab077e420ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/0cf4ab077e420ed2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://su.delachieve.com/bonteng-emelya-a-pilihan-sampurna-pikeun-rumah-kaca/">
<p>Bonténg Emelya - a pilihan sampurna pikeun rumah kaca</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-article-cont-->
</article>
<!--mvp-article-wrap-->
</div>
<!--mvp-main-body-wrap-->
<footer id="mvp-foot-wrap" class="left relative">
<div id="mvp-foot-bot" class="left relative">
<div class="mvp-main-box">
<div id="mvp-foot-copy" class="left relative">
<p>Copyright © 2018 su.delachieve.com. Theme powered by WordPress.</p>
</div>
<!--mvp-foot-copy-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-foot-bot-->
</footer>
</div>
<!--mvp-site-main-->
</div>
<!--mvp-site-wall-->
</div>
<!--mvp-site-->
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.419 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-01 01:49:20 -->
<!-- 0.002 --> ]]>