A hajnal a webhely épület források széles körben használják keretek megjelenítésére bizonyos részeit oldalakon. De a érkezése egy új változata a HTML 5, minden megváltozott. Elemei a jelölő , és <![CDATA[</em> elavult. Helyettük vált egy tag - <em><iframe>.</em> Hogyan adhatok html <iframe>? Az alábbi példa Belátható, még egy kezdő a programozás. </p>
<h2> Mik keretek? </h2><p> Frame - alapján a legtöbb az első weboldalakat. Ha lefordított szó, a szó azt jelenti: „keret”, azaz a keret egy kis része az oldalt a böngészőben. A széles körben elterjedt használata keretek a múltban is magyarázható a gyenge minőségű és magas ára az internetes forgalmat. Jellemzően a helyén volt osztva 3-5 rész, amelyek mindegyike végez egy konkrét cél: </p>
<ul><li> „Cap” (a felső keret az oldal szélességének) - Kijelző neve az erőforrás; </li><li> Bal / jobb „üveg” - kijelző menü; </li><li> Közép-keret - amely bemutatja a webhely tartalmát. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html iframe példa" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> A bontást a lapok, hogy újratölteni a csak az egyik rész a frissítés során. Például a felhasználó rákattint a menüpont, és a központi keret pumpáltak az új tartalmat. </p>
<h2> Modern keretek HTML 5 </h2><p> Miért van szükség a HTML <em><iframe>?</em> Példa - beszúrni egy harmadik fél webhely tartalmát. A klasszikus helyzet, amikor egy webfejlesztő akarja mutatni a helyzet a tárgy a térképen. Mit kell tenni? Döntetlen alaprajz a semmiből? Nincs - van egy egyszerűbb megoldás: építeni egy oldal Google Map elem Yandex Maps vagy 2GIS. A probléma megoldódott négy lépésben. </p>
<ol><li> Be kell menni a helyszínre bármely térképszolgáltatás. </li><li> Keresse meg a kívánt objektumot. Ismerve a pontos címet, akkor adjuk meg a keresőmezőbe. </li><li> Használja a „Mentés és kód lekérése” (azaz „Yandex.Maps”) vagy a „Finish” (Google Maps), hogy a kódot beilleszteni. </li><li> Továbbra is írni a generált címkéket oldalon. </li></ol><p> Ezen felül, akkor lehet választani a térkép méretét, és állítsa más megjelenítési lehetőségeket. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html iframe példa" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Másként hogyan használja a HTML <em><iframe>?</em> Példa - beszúrni Youtube videókat erőforrás. Multimédia Technologies az Internet-felhasználók, így a videó tartalom annyira népszerű. A telepítés a fejlesztő roller fogantyú gyorsan. </p>
<ol><li> Meg kell feltölteni a YouTube saját video, vagy talál egy harmadik fél fájl fordításra. </li><li> Kap egy címkét adja meg a gombot «HTML-kód” </li><li> Az utolsó felvonás - helyezze <a href="https://hu.delachieve.com/html-kodot-html-szinkodok/">HTML kód</a> <iframe>. Példa kapott a címke tartalmát az alábbiakban tárgyaljuk. </li></ol><p> Mindkét példa azt használja az automatikus kódot generációs, de a professzionális fejlesztők számára lehetővé kell tenni, hogy a saját. Először is, ez lehetővé teszi számukra, hogy megértsék a vorstke oldalt, és szükség esetén módosítható legyen. Másodszor, a helyszínen nem mindig jelölés elemek (még annak ellenére, hogy tartoznak a külső forrás), van kialakítva részvétele nélkül a webmester. Itt is megjelenik a magasan képzett fejlesztő. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe html azt" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> szintaxis </h2><p> Tehát, mielőtt elkezdi oldal vorstke, iframe (html) kulcsszó kell mérlegelnie: mi ez, és hogyan kell használni. </p>
<p> Először is meg kell jegyezni, hogy a tag pár. Között a nyitó és záró tag jelzi a tartalom megjelenítéséhez böngészők, amelyek nem támogatják a jelölést elem. Basic tag attribútumok: </p>
<ul><li> szélessége (W); </li><li> magasság (magasság); </li><li> src (cím betöltött erőforrás); </li><li> igazítsa (igazítási folyamat); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Így, hogy a kódot az <iframe>. HTML-például teljesen bizonyított az alábbiakban: </p>
<p> <em><Iframe width = "560" height = "315" src = "https://someserver.com/" frameborder =</em> " <em>0" allowfullscreen> </ iframe></em> </p>
<p> A táblázat elrendezés pótlására elegendő a webhely címét más, és ha szükséges, állítsa be a méretet a keret. </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">
<a href="https://hu.delachieve.com/jquery-modalis-ablak-mit-kell-es-hogyan-kell-telepiteni/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b36fd1d6704f0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b36fd1d6704f0ea3-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://hu.delachieve.com/jquery-modalis-ablak-mit-kell-es-hogyan-kell-telepiteni/">
<p>JQuery modális ablak - mit kell és hogyan kell telepíteni</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/hogyan-lehet-megtanulni-grafikai-tervezes-es-lesz-egy-jol-fizetett-szakember/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/747b8c3261950e60-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/747b8c3261950e60-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://hu.delachieve.com/hogyan-lehet-megtanulni-grafikai-tervezes-es-lesz-egy-jol-fizetett-szakember/">
<p>Hogyan lehet megtanulni grafikai tervezés, és lesz egy jól fizetett szakember</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/web-designer-mi-ez-hol-tanulhat-egy-web-designer/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1c52f5837e240eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1c52f5837e240eca-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://hu.delachieve.com/web-designer-mi-ez-hol-tanulhat-egy-web-designer/">
<p>Web designer - mi ez? Hol tanulhat egy web designer?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</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://hu.delachieve.com/miert-az-emberek-tovabbra-is-megtanulni-a-html/">
<p>Miért az emberek továbbra is megtanulni a HTML?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</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://hu.delachieve.com/mennyibe-keruel-egy-weboldal/">
<p>Mennyibe kerül egy weboldal?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/png-formatumu-jellemzoi-az-alkalmazas-es-az-oka-a-nepszeruseg/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/442b5f7461900e5b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/442b5f7461900e5b-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://hu.delachieve.com/png-formatumu-jellemzoi-az-alkalmazas-es-az-oka-a-nepszeruseg/">
<p>PNG formátumú jellemzői, az alkalmazás és az oka a népszerűség</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</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://hu.delachieve.com/hamuzsir-so-mutragya-altal-adomanyozott-termeszet/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/907a1a516f610e8d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/907a1a516f610e8d-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://hu.delachieve.com/hamuzsir-so-mutragya-altal-adomanyozott-termeszet/">
<p>Hamuzsír só - műtrágya által adományozott természet</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Üzleti</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/nissan-cube-negyzet-vagy-mini-mpv/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/bd84eb6e6fdd0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/bd84eb6e6fdd0e99-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://hu.delachieve.com/nissan-cube-negyzet-vagy-mini-mpv/">
<p>Nissan Cube, négyzet vagy Mini MPV</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Cars</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/nugush-viztarozo-rekreacios-es-velemenyek/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/5d6645e06ffa0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/5d6645e06ffa0e99-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://hu.delachieve.com/nugush-viztarozo-rekreacios-es-velemenyek/">
<p>Nugush víztározó rekreációs és vélemények</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Utazó</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/repa-egy-mikrohullamu-sueto-tippek-es-truekkoek/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b13fe4776fd60e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b13fe4776fd60e9b-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://hu.delachieve.com/repa-egy-mikrohullamu-sueto-tippek-es-truekkoek/">
<p>Répa egy mikrohullámú sütő: tippek és trükkök</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ételek és italok</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://hu.delachieve.com/a-belso-fuel-a-szerkezet-es-a-funkcio/">
<p>A belső fül. A szerkezet és a funkció.</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Egészség</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://hu.delachieve.com/tisztito-a-szervezetben/">
<p>Tisztító a szervezetben</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Szépség</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">
<a href="https://hu.delachieve.com/8-etelek-amelyeket-erdemes-enni-minden-nap/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/64fb039cd4a30f9c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/64fb039cd4a30f9c-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://hu.delachieve.com/8-etelek-amelyeket-erdemes-enni-minden-nap/">
<p>8 ételek, amelyeket érdemes enni minden nap</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Egészség</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/csal-arany-a-avatar-minden-modon/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d1cc56f470810eab-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d1cc56f470810eab-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://hu.delachieve.com/csal-arany-a-avatar-minden-modon/">
<p>Csal arany a „Avatar”: minden módon</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Számítógépek</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/olcso-tabletta-e-vasarolni-oket/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3836483261b00e5f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3836483261b00e5f-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://hu.delachieve.com/olcso-tabletta-e-vasarolni-oket/">
<p>Olcsó tabletta: e vásárolni őket?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">A technológia</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://hu.delachieve.com/omaha-jatekszabalyokat/">
<p>Omaha: játékszabályokat.</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Művészetek és szórakozás</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://hu.delachieve.com/rendszerezese-jogszabalyok-szamvitel/">
<p>Rendszerezése jogszabályok. számvitel</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Törvény</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://hu.delachieve.com/hogyan-mossa-a-serpenyobe-egy-betet-hogyan-tisztithato-egy-oentoettvas-aluminium-vagy-teflon-serpenyoben-egy-betet/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/fa887c99704a0ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/fa887c99704a0ea5-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://hu.delachieve.com/hogyan-mossa-a-serpenyobe-egy-betet-hogyan-tisztithato-egy-oentoettvas-aluminium-vagy-teflon-serpenyoben-egy-betet/">
<p>Hogyan mossa a serpenyőbe egy betét? Hogyan tisztítható egy öntöttvas, alumínium, vagy teflon serpenyőben egy betét?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Otthoniasság</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 hu.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.165 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 19:53:23 -->
<!-- 0.001 --> ]]>