Tuo Svetaine aušros statybinės ištekliai yra plačiai naudojami rėmai rodyti tam tikras puslapių. Bet su nauja versija HTML 5 atvykus, viskas pasikeitė. Elementai žymėjimo , ir <![CDATA[</em> nebenaudojama. juos pakeičiant tapo viena žodį - <em><iframe>.</em> Kaip man pridėti HTML <iframe>? Toliau pateiktas pavyzdys bus suprantama, net naujokas programavime. </p>
<h2> Kas yra rėmai? </h2><p> Rėmas - dauguma pirmųjų tinklalapių pagrindas. Jei išversti pažodžiui, žodis reiškia "rėmas", tai yra, rėmas yra maža dalis naršyklėje puslapyje. Plačiai naudoti kadrų praeityje gali būti paaiškinamas tuo, prastos kokybės ir didelės išlaidos interneto srautą. Paprastai svetainė buvo suskirstyti į 3-5 dalių, kurių kiekviena atlieka tam tikrą paskirtį: </p>
<ul><li> "Cap" (viršuje kadras puslapio plotį) - Ekranas pavadinimas išteklių; </li><li> Kairė / dešinė "stiklo", - Ekrano meniu; </li><li> Centrinė rėmas - parodyti svetainės turinį. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="HTML iframe pavyzdys" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> Iš puslapių pasiskirstymas leisti perkrovimo tik jo dalį, kai jūs atnaujinate. Pavyzdžiui, vartotojas paspaudžia meniu elementą, o centrinė rėmo buvo pumpuojamas naują turinį. </p>
<h2> Šiuolaikinės rėmai HTML 5 </h2><p> Kodėl man reikia į HTML <em><iframe>?</em> Pavyzdys - įterpti trečiosios šalies svetainės turinį. Klasikinė situacija yra tada, kai kūrėjas nori parodyti objekto žemėlapyje poziciją. Ką daryti? Lygiosios žemės planą nuo nulio? Ne - yra paprastesnis sprendimas: sukurti puslapio "Google" Medis elementas Yandex žemėlapių ar 2GIS. Problema išspręsta keturiais etapais. </p>
<ol><li> Jūs turite eiti į bet žemėlapyje tarnybos svetainėje. </li><li> Rasti norimą objektą. Žinant tikslų adresą, galite jį įvesti į paieškos laukelį. </li><li> Naudokite "Išsaugoti ir gauti kodą" (dėl "Yandex.Maps") arba "Finish" ( "Google Maps") gauti kodą įterpti. </li><li> Belieka rašyti generuoja žymomis puslapyje. </li></ol><p> Be to, galite pasirinkti žemėlapio dydį ir nustatyti kitus rodymo parinktis. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="HTML iframe pavyzdys" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Kaip dar galite naudoti HTML <em><iframe>?</em> Pavyzdys - įterpti video iš YouTube išteklių. Multimedijos technologijos pritraukti interneto vartotojus, todėl vaizdo turinys yra toks populiarus. Su developer voleliu montavimo dirbti greitai. </p>
<ol><li> Ji turėtų būti įkeltas į "YouTube" savo vaizdo arba rasti trečiosios šalies failą vertimo. </li><li> Gauk žymą pasirinkdami mygtuką «HTML kodą" </li><li> Baigiamasis aktas - įdėkite <a href="https://lt.delachieve.com/html-kodas-html-spalvu-kodai/">HTML kodą</a> <iframe>. PAVYZDYS gavo žymė turinys bus aptariami toliau. </li></ol><p> Abiem atvejais aš naudoju automatinį kodo generavimas, bet profesionalūs kūrėjai turėtų galėti padaryti savo. Pirma, tai leis jiems suprasti vorstke puslapį ir jį pakeisti, jei reikia. Antra, ši svetainė yra ne visada ženklinimo elementai (net nepaisant to, kad jie priklauso prie išorinio resurso), yra suformuotas be webmaster dalyvavimo. Čia taip pat atsiranda aukštos kvalifikacijos kūrėjas. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt=""iFrame" HTML ją" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> sintaksė </h2><p> Taigi, prieš pradėdami puslapio vorstke, iframe (HTML) žymė turi apsvarstyti: kas tai yra ir kaip jį naudoti. </p>
<p> Visų pirma, reikėtų pažymėti, kad žyma pora. Tarp atidarymo ir uždarymo narys nurodyti turinį, kuris bus rodomas per naršykles, kurios nepalaiko žymėjimo elementas. Pagrindinis žymė atributus: </p>
<ul><li> plotis (W); </li><li> aukštis (aukštis); </li><li> src (adresas pakrautas išteklių); </li><li> suderinti (suderinimas procesas); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Taigi, gauti už <iframe> kodą. HTML pavyzdys visiškai įrodyta žemiau: </p>
<p> <em><Iframe plotis = "560" aukštis = "315" src = "https://someserver.com/" frameborder =</em> " <em>0" allowfullscreen> </ iframe></em> </p>
<p> Lentelė išdėstymas yra pakankamas, kad būtų pakeisti svetainę adresą bet kuri kita ir, jei reikia, pakoreguoti rėmo dydį. </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://lt.delachieve.com/issami-informacija-apie-tai-kaip-padaryti-skrybele-savo-youtube-kanala/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f7db8917703b0ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f7db8917703b0ea0-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://lt.delachieve.com/issami-informacija-apie-tai-kaip-padaryti-skrybele-savo-youtube-kanala/">
<p>Išsami informacija apie tai, kaip padaryti skrybėlę savo "YouTube" kanalą</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</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://lt.delachieve.com/kokia-informacija-ant-bendroves-tinklalapyje/">
<p>Kokią informaciją ant bendrovės tinklalapyje</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/tinkamas-dizainas-svetaine-raktas-i-sekme/">
<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://lt.delachieve.com/tinkamas-dizainas-svetaine-raktas-i-sekme/">
<p>Tinkamas dizainas svetainę - raktas į sėkmę</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</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://lt.delachieve.com/kodel-zmones-toliau-mokytis-html/">
<p>Kodėl žmonės toliau mokytis HTML?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/interneto-studija-reitingas-paslaugos-kurimo-ir-skatinimo-svetainiu-apzvalgos/">
<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://lt.delachieve.com/interneto-studija-reitingas-paslaugos-kurimo-ir-skatinimo-svetainiu-apzvalgos/">
<p>Interneto studija: Reitingas paslaugos kūrimo ir skatinimo svetainių, apžvalgos</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/kaip-mygtukas-sukurtas-svetaineje/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-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://lt.delachieve.com/kaip-mygtukas-sukurtas-svetaineje/">
<p>Kaip mygtukas sukurtas svetainėje?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internetas</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://lt.delachieve.com/pelkes-linge-perkunija-gelavandeniu/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/55f2600c62450e6f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/55f2600c62450e6f-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://lt.delachieve.com/pelkes-linge-perkunija-gelavandeniu/">
<p>Pelkės lingė - perkūnija gėlavandenių</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Naujienos ir visuomenė</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/igudziai-santrauka-kaip-kalbeti-apie-save-tiesa/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1449c8c8700b0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1449c8c8700b0e99-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://lt.delachieve.com/igudziai-santrauka-kaip-kalbeti-apie-save-tiesa/">
<p>Įgūdžiai santrauka: kaip kalbėti apie save tiesa?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Karjera</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/skanus-tortas-zurnalo-is-sluoksniuotos-teslos/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/753a14797e1a0ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/753a14797e1a0ecd-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://lt.delachieve.com/skanus-tortas-zurnalo-is-sluoksniuotos-teslos/">
<p>Skanus tortas "Žurnalo" iš sluoksniuotos tešlos</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Maisto ir gėrimų</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/alergija-selakas-priezastys-ir-gydymas/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7778b6357e440ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7778b6357e440ed2-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://lt.delachieve.com/alergija-selakas-priezastys-ir-gydymas/">
<p>Alergija šelakas: priežastys ir gydymas</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sveikata</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://lt.delachieve.com/riesutai-nauda-ir-zala/">
<p>Riešutai - nauda ir žala</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sveikata</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/ka-virejas-is-raugintos-pasukos-skanus/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/deb249db70960ea9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/deb249db70960ea9-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://lt.delachieve.com/ka-virejas-is-raugintos-pasukos-skanus/">
<p>Ką virėjas iš raugintos pasukos skanus?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Maisto ir gėrimų</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://lt.delachieve.com/pusiausvyros-platforma-tipai-ir-paskirtis/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e1d081067e850ed6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e1d081067e850ed6-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://lt.delachieve.com/pusiausvyros-platforma-tipai-ir-paskirtis/">
<p>Pusiausvyros platforma: tipai ir paskirtis</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sportas ir laisvalaikis</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://lt.delachieve.com/skaniausi-krabu-salotos/">
<p>Skaniausi krabų salotos.</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Maisto ir gėrimų</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/saukstas-nezatseplyayka-zuvis-sausuolius/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2cebb5d66fd70e95-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2cebb5d66fd70e95-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://lt.delachieve.com/saukstas-nezatseplyayka-zuvis-sausuolius/">
<p>Šaukštas-nezatseplyayka - žuvis sausuolius</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sportas ir laisvalaikis</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/sanatorija-zori-stavropol-pyatigorsk-apzvalgos-nuotraukos-kontaktai-informacija-turistams/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4269f2b17e4d0ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4269f2b17e4d0ed4-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://lt.delachieve.com/sanatorija-zori-stavropol-pyatigorsk-apzvalgos-nuotraukos-kontaktai-informacija-turistams/">
<p>Sanatorija "Zori Stavropol 'Pyatigorsk: apžvalgos, nuotraukos, kontaktai, informacija turistams</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Sveikata</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/apzvalga-2014-modelio-lifan-sebrium-kinu-rusijos-keliuose/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6232e71d7da80ec3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6232e71d7da80ec3-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://lt.delachieve.com/apzvalga-2014-modelio-lifan-sebrium-kinu-rusijos-keliuose/">
<p>Apžvalga 2014 modelio - "Lifan Sebrium". "Kinų" Rusijos keliuose</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Automobiliai</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://lt.delachieve.com/vienintelis-nuodingas-zinduolis-pasaulyje/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/a22f530a61900e5d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/a22f530a61900e5d-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://lt.delachieve.com/vienintelis-nuodingas-zinduolis-pasaulyje/">
<p>Vienintelis nuodingas žinduolis pasaulyje</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Naujienos ir visuomenė</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 lt.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.611 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 22:02:40 -->
<!-- 0.001 --> ]]>