U osvit Web lokacije zgrade resursi su naširoko koristi okvire za prikaz određene dijelove stranice. Ali sa dolaskom nove verzije HTML 5, sve se promijenilo. Elementi označavanja , i <![CDATA[</em> zastarjela. Zamjena im je postao jedan tag - <em><iframe>.</em> Kako da dodam html <iframe>? Primer ispod će biti shvaćena, čak i početnici u programiranju. </p>
<h2> Šta su okvire? </h2><p> Frame - osnova većine prve web stranice. Ukoliko je prevedena doslovno, riječ znači "okvir", to jest, okvir je mali dio stranice u pretraživaču. Široke upotrebe okvira u prošlosti može se objasniti lošeg kvaliteta i visokih troškova Internet saobraćaja. Tipično, sajt je bio podijeljen na 3-5 dijela, od kojih svaki obavlja određenu svrhu: </p>
<ul><li> "Cap" (vrh okvir širine stranice) - Prikaz naziv izvora; </li><li> Lijevo / desno "staklo" - Display meni; </li><li> Central okvir - pokazuje sadržaj sajta. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="HTML iframe primjer" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> A pregled stranice kako bi se omogućilo pretovar samo deo kada nadogradnje. Na primjer, korisnik klikne na stavku izbornika, a centralna okvira su upumpava nove sadržaje. </p>
<h2> Moderni slika u HTML 5 </h2><p> Zašto mi je potreban u HTML <em><iframe>?</em> Primjer - za umetanje sadržaja treće strane stranice. Klasične situacija je kada se web programer želi da pokaže položaj objekta na mapi. Šta da radim? Nacrtati tlocrt od nule? No - postoji jednostavnije rješenje: izgraditi stranice Google Karta element Yandex Maps ili 2GIS. Problem je riješen u četiri koraka. </p>
<ol><li> Trebate ići na lokaciji bilo koje karte usluge. </li><li> Pronađite željeni predmet. Znajući tačnu adresu, možete ga unijeti u polje za pretragu. </li><li> Koristite "Spremi i dobiti kod" (za "Yandex.Maps") ili "Finish" (Google Maps) biste dobili kod za umetanje. </li><li> Ostaje da napiše generira markup tagova na stranici. </li></ol><p> Osim toga, možete odabrati veličinu mape i postaviti druge opcije prikaza. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="HTML iframe primjer" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Kako drugačije da koristite HTML <em><iframe>?</em> Primjer - da ubacite video iz Youtube resursa. Multimedijalnih tehnologija privući korisnika interneta, tako da je video sadržaj je toliko popularan. Sa ugradnjom programer valjak ručka brzo. </p>
<ol><li> Treba ga na YouTube svoje video ili pronađite datoteku treće strane za prevođenje. </li><li> Dobiti oznaku izborom dugmeta «HTML-koda" </li><li> Završni čin - ubacite <a href="https://bs.delachieve.com/html-koda-html-kodovi-boja/">HTML kod</a> <iframe>. PRIMJER dobio sadržaj tag će biti riječi u nastavku. </li></ol><p> U oba primjera koristim automatsko generiranje koda, ali profesionalni programeri bi trebao biti u mogućnosti da napravi svoj. Prvo, to će im omogućiti da razumiju stranicu vorstke i mijenjati ako je to potrebno. Drugo, sajt se ne uvijek obilježavanje elemenata (čak i unatoč činjenici da pripadaju na vanjski izvor), formira bez učešća webmaster. Ovdje se pojavljuje i visoko kvalificiranih programera. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe html to" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> sintaksa </h2><p> Dakle, prije nego što počnete stranice vorstke, iframe (html) tag mora razmotriti: šta je to i kako ga koristiti. </p>
<p> Prije svega, treba napomenuti da je oznaka par. Između otvaranja i zatvaranja članica ukazuju na sadržaj koji će biti prikazan u preglednicima koji ne podržavaju element oznaka. Osnovni tag atributi: </p>
<ul><li> širina (W); </li><li> visina (visina); </li><li> src (adresa utovar resursa); </li><li> poravnajte (proces usklađivanja); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Dakle, da biste dobili kod za <iframe>. HTML-primjer potpuno pokazano u nastavku teksta: </p>
<p> <em><Iframe width = "560" height = "315" src = "https://someserver.com/" frameborder =</em> " <em>0" allowfullscreen> </ iframe></em> </p>
<p> Raspored sto je dovoljno da zamijeni adresu stranice na bilo koji drugi i, ako je potrebno, prilagoditi veličinu okvira. </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://bs.delachieve.com/ono-sto-treba-da-znate-da-napravite-web-stranicu/">
<p>Ono što treba da znate da napravite web stranicu</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://bs.delachieve.com/pravilno-dizajn-sajta-kljuc-uspjeha/">
<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://bs.delachieve.com/pravilno-dizajn-sajta-kljuc-uspjeha/">
<p>Pravilno dizajn sajta - ključ uspjeha</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://bs.delachieve.com/css-okviri-za-responsive-dizajn/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/236ed6537e2d0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/236ed6537e2d0ece-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://bs.delachieve.com/css-okviri-za-responsive-dizajn/">
<p>CSS-okviri za responsive dizajn</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://bs.delachieve.com/kako-da-ubacite-html-iframe-primjer-koristenja/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-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://bs.delachieve.com/kako-da-ubacite-html-iframe-primjer-koristenja/">
<p>Kako da ubacite HTML iframe: primjer korištenja</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://bs.delachieve.com/ono-sto-odredjuje-troskova-stvaranja-stranice/">
<p>Ono što određuje troškova stvaranja stranice</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://bs.delachieve.com/zasto-ljudi-nastavljaju-da-learn-html/">
<p>Zašto ljudi nastavljaju da Learn HTML?</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://bs.delachieve.com/kako-odabrati-bezicne-slusalice-za-tv/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/35c4b03d70380eab-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/35c4b03d70380eab-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://bs.delachieve.com/kako-odabrati-bezicne-slusalice-za-tv/">
<p>Kako odabrati bežične slušalice za TV?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Dom i porodica</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/klinker-brick-nosaci-dimenzije/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/a866ae2c7ec90edd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/a866ae2c7ec90edd-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://bs.delachieve.com/klinker-brick-nosaci-dimenzije/">
<p>Klinker Brick Nosači: Dimenzije</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Prostota</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/kako-imati-webmoney-torbicu-kako-napuniti-webmoney-torbicu/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c74cf47f6f700e90-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c74cf47f6f700e90-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://bs.delachieve.com/kako-imati-webmoney-torbicu-kako-napuniti-webmoney-torbicu/">
<p>Kako imati Webmoney torbicu? Kako napuniti Webmoney torbicu?</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://bs.delachieve.com/kada-ce-doci-prvom-mjesecu-nakon-poroda/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/480f7f9954ab0e3f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/480f7f9954ab0e3f-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://bs.delachieve.com/kada-ce-doci-prvom-mjesecu-nakon-poroda/">
<p>Kada će doći prvom mjesecu nakon poroda?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</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://bs.delachieve.com/ekonomske-rente/">
<p>Ekonomske rente</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Formacija</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/recept-krema-biskvit-opcije-za-svaciji-ukus/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/8aecef6c6fa10e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/8aecef6c6fa10e97-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://bs.delachieve.com/recept-krema-biskvit-opcije-za-svaciji-ukus/">
<p>Recept krema biskvit: opcije za svačiji ukus</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hrane i pića</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://bs.delachieve.com/emerald-nausnice-krastavac-f1-recenzije-opisi-specifikacije-uzgoj/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1d373d737e5a0ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1d373d737e5a0ed5-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://bs.delachieve.com/emerald-nausnice-krastavac-f1-recenzije-opisi-specifikacije-uzgoj/">
<p>Emerald naušnice krastavac (F1): recenzije, opisi, specifikacije, uzgoj</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Prostota</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://bs.delachieve.com/vrste-ciste-na-jajnicima/">
<p>Vrste ciste na jajnicima</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</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://bs.delachieve.com/ruska-narodna-nosnja-je-simbol-nacionalne-slike/">
<p>Ruska narodna nošnja je simbol nacionalne slike.</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Moda</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/zivotinje-bashkortostan-navedene-u-crvenoj-knjizi-opis-i-zanimljivosti/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/43c86c1e7df10ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/43c86c1e7df10ec7-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://bs.delachieve.com/zivotinje-bashkortostan-navedene-u-crvenoj-knjizi-opis-i-zanimljivosti/">
<p>Životinje Bashkortostan, navedene u Crvenoj knjizi: opis i zanimljivosti</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vijesti i društvo</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/stubiste-za-vetar-dostojan-element-enterijera/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4210720b6ff10e9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4210720b6ff10e9f-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://bs.delachieve.com/stubiste-za-vetar-dostojan-element-enterijera/">
<p>Stubište za vetar - dostojan element enterijera</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://bs.delachieve.com/zasto-se-mesa-pojavljuju-tokom-meseci-a-sta-da-radim-u-ovoj-situaciji/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7eeadd9a6ff40e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7eeadd9a6ff40e9a-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://bs.delachieve.com/zasto-se-mesa-pojavljuju-tokom-meseci-a-sta-da-radim-u-ovoj-situaciji/">
<p>Zašto se mesa pojavljuju tokom meseci, a šta da radim u ovoj situaciji?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zdravlje</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 bs.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 2.816 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 14:22:18 -->
<!-- 0.002 --> ]]>