Ing esuke situs Web sumber bangunan sing digunakake digunakake pigura kanggo nampilake bagean tartamtu kaca. Nanging karo rawuh saka versi anyar saka HTML 5, kabeh diganti. Unsur saka markup , lan <![CDATA[</em> ora ono artine. Ngganti dadi tag single - <em><rongko>.</em> Pripun nambah html <rongko>? Contone ing ngisor iki bakal mangertos, malah wong anyar ing program. </p>
<h2> Apa sing pigura? </h2><p> Frame - basis paling saka kaca web pisanan. Yen dijarwakake secara harfiah, tembung ateges "pigura" sing, pigura minangka bagean cilik saka kaca ing browser. Panggunaan nyebar saka pigura ing sasi bisa diterangno dening miskin kualitas lan biaya sing dhuwur lalu lintas Internet. Biasane, situs iki dipérang dadi 3-5 bagean, saben kang performs tujuan tartamtu: </p>
<ul><li> "Cap" (pigura ndhuwur kaca jembaré) - jeneng Tampilan sumber; </li><li> Ngiwa / Tengen "kaca" - menu tampilan; </li><li> pigura Tengah - nuduhake isi ing situs kang. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html conto rongko" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> A risak saka kaca kanggo ngidini panyuwunan database mung bagéan saka iku nalika sampeyan nganyarke. Contone, pangguna ngeklik ing item menu, lan pigura tengah padha pompa isi anyar. </p>
<h2> pigura Modern ing HTML 5 </h2><p> Apa aku kudu HTML <em><rongko>?</em> Conto - masang isi pihak katelu. Ing kahanan klasik nalika pangembang web kepengin kanggo nuduhake posisi saka obyek ing peta. Apa apa? Gambar rencana lemah saka ngeruk? Ora - ana solusi prasaja: mbangun kaca Google Map unsur Maps Yandex utawa 2GIS. Masalah wis ditanggulangi ing patang langkah. </p>
<ol><li> Sampeyan perlu kanggo pindhah menyang situs sembarang layanan map. </li><li> Golek obyek sing dipengini. Ngerti alamat pas, sampeyan bisa ngetik ing kothak panelusuran. </li><li> Gunakake "Simpen lan njaluk kode" (kanggo "Yandex.Maps") utawa "Rampung" (Google Maps) kanggo njaluk kode kanggo masang. </li><li> Iku tetep kanggo nulis tags markup kui kaca. </li></ol><p> Tambahan, sampeyan bisa milih ukuran peta lan nyetel pilihan tampilan liyane. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html conto rongko" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Cara liya sampeyan bisa nggunakake HTML <em><rongko>?</em> Conto - masang video saka sumber Youtube. Multimedia Technologies narik kawigaten kedhaftar Internet, supaya isi video dadi populer. Kanthi instalasi saka roller pangembang nangani kanthi cepet. </p>
<ol><li> Iku kudu diunggahaké menyang Youtube video dhewe utawa nemokake file pihak katelu kanggo terjemahan. </li><li> Njaluk tag kanthi milih tombol «HTML-kode" </li><li> Ing tumindak Final - masang <a href="https://jw.delachieve.com/html-kode-kode-werna-html/">kode HTML</a> <rongko>. CONTO ditampa isi tag bakal rembugan ing ngisor iki. </li></ol><p> Ing loro conto nganggo generasi kode otomatis, nanging gawe profesional kudu bisa kanggo nggawe dhewe. Sepisanan, iku bakal nuntun kanggo ngerti kaca vorstke lan ngowahi iku yen perlu. Kapindho, situs iki ora tansah menehi unsur (malah senadyan kasunyatan sing padha lumebu ing sawijining sumber external), wis kawangun tanpa partisipasi webmaster. Kene uga katon pangembang Highly qualified. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="rongko HTML iku" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> sintaks </h2><p> Dadi sadurunge sampeyan miwiti kaca vorstke, rongko (html) tag kudu nimbang: apa iku lan carane nggunakake. </p>
<p> Kaping kabeh, iku kudu nyatet sing pasangan tag. Antarane opening lan anggota nutup nunjukaké isi supaya katampil ing browser sing ora ndhukung unsur markup. tag dhasar kawicaksanan: </p>
<ul><li> jembaré (W); </li><li> dhuwur (dhuwur); </li><li> src (alamat dimuat sumber); </li><li> kempal (proses alignment); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Mangkono, kanggo njaluk kode kanggo <rongko>. HTML-conto kanthi tontonan ing ngisor iki: </p>
<p> <em><Rongko width = "560" height = "315" src = "https://someserver.com/" frameborder =</em> " <em>0" allowfullscreen> </ rongko></em> </p>
<p> Tata letak meja punika cekap kanggo ngganti alamat kanggo situs liyane lan, yen perlu, nyetel 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://jw.delachieve.com/apa-wong-terus-sinau-html/">
<p>Apa wong terus sinau 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">
<a href="https://jw.delachieve.com/css-sprites-gambaran-saka-techniques-dhasar-lan-tips-migunani/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/eec650fa7e320ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/eec650fa7e320ed1-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://jw.delachieve.com/css-sprites-gambaran-saka-techniques-dhasar-lan-tips-migunani/">
<p>CSS-sprites: gambaran saka Techniques dhasar lan tips migunani</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://jw.delachieve.com/desain-tepat-saka-situs-tombol-kanggo-sukses/">
<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://jw.delachieve.com/desain-tepat-saka-situs-tombol-kanggo-sukses/">
<p>Desain tepat saka situs - tombol kanggo sukses</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://jw.delachieve.com/pinten-iku-website/">
<p>Pinten iku website?</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://jw.delachieve.com/apa-sing-banner-an-nang-tampilan-lan-sajarah-occurrence/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2a8c751262480e6e-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://jw.delachieve.com/apa-sing-banner-an-nang-tampilan-lan-sajarah-occurrence/">
<p>Apa sing banner - an nang tampilan lan sajarah occurrence</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://jw.delachieve.com/tips-kanggo-wiwitan-carane-milih-editor-html-paling-cocok/">
<p>Tips kanggo wiwitan: carane milih editor html paling cocok</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://jw.delachieve.com/carane-akeh-tuwuh-lashes-carane-typhus-lashes-tips-lan-trik/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/46b5c3027e710ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/46b5c3027e710ed5-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://jw.delachieve.com/carane-akeh-tuwuh-lashes-carane-typhus-lashes-tips-lan-trik/">
<p>Carane akeh tuwuh lashes? Carane typhus lashes: tips lan trik</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kaendahan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/kinomyuzikl-lemonade-mouth-actors-lan-peran/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d00721c170850eac-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d00721c170850eac-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://jw.delachieve.com/kinomyuzikl-lemonade-mouth-actors-lan-peran/">
<p>Kinomyuzikl "Lemonade Mouth". Actors lan peran</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts lan Hiburan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/hotel-volga-samara-reviews-karo-foto/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/6ce7ea9e7e720ed5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/6ce7ea9e7e720ed5-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://jw.delachieve.com/hotel-volga-samara-reviews-karo-foto/">
<p>Hotel "Volga" (Samara): reviews karo foto</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Traveling</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/ventilasi-kantor-sistem-ventilasi-ngadeg-piyambak-online-kondisioner/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/76c169677e0c0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/76c169677e0c0ecf-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://jw.delachieve.com/ventilasi-kantor-sistem-ventilasi-ngadeg-piyambak-online-kondisioner/">
<p>Ventilasi Kantor. sistem ventilasi. Ngadeg-piyambak online kondisioner</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://jw.delachieve.com/carane-kanggo-ngalahake-game-100-lawang-100-lawang-game-komputer/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c38624726faf0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c38624726faf0e9a-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://jw.delachieve.com/carane-kanggo-ngalahake-game-100-lawang-100-lawang-game-komputer/">
<p>Carane kanggo ngalahake game "100 lawang"? "100 lawang": game komputer</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Komputer</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/epilogue-ing-sastra-apa-iki-dibutuhake-yen-epilogue-minangka-bagean-saka-karya-sastra/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/28f5641c700d0e9a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/28f5641c700d0e9a-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://jw.delachieve.com/epilogue-ing-sastra-apa-iki-dibutuhake-yen-epilogue-minangka-bagean-saka-karya-sastra/">
<p>Epilogue ing sastra - apa iki? Dibutuhake yen epilogue minangka bagéan saka karya sastra</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Arts lan Hiburan</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://jw.delachieve.com/struktur-hirarkis-karya-konsep-lan-tujuan-manajemen-proyek/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/908b75257e5c0ece-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/908b75257e5c0ece-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://jw.delachieve.com/struktur-hirarkis-karya-konsep-lan-tujuan-manajemen-proyek/">
<p>Struktur hirarkis karya: konsep lan tujuan. Manajemen proyèk</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Bisnis</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/ak-9-mesin-ora-sijine-menyang-layanan/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/45ef893d6fbc0e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/45ef893d6fbc0e96-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://jw.delachieve.com/ak-9-mesin-ora-sijine-menyang-layanan/">
<p>AK-9 - mesin ora sijine menyang layanan</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Olahraga lan Kesehatan</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/resepsionis-iku-kabutuhan-utawa-tugas/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/0a409f677d9d0ec0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/0a409f677d9d0ec0-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://jw.delachieve.com/resepsionis-iku-kabutuhan-utawa-tugas/">
<p>Resepsionis - iku kabutuhan utawa tugas?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Hukum</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://jw.delachieve.com/geranium-arum-iki-ora-urut-saka-geranium/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4328949f6fe50e9b-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4328949f6fe50e9b-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://jw.delachieve.com/geranium-arum-iki-ora-urut-saka-geranium/">
<p>Geranium arum - iki ora Urut saka geranium</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://jw.delachieve.com/ing-pratelan-kanggo-perusahaan-insurance-alasan-kanggo-isi-lan-ketaatan-opsi/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1af020946fdb0e96-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1af020946fdb0e96-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://jw.delachieve.com/ing-pratelan-kanggo-perusahaan-insurance-alasan-kanggo-isi-lan-ketaatan-opsi/">
<p>Ing pratelan kanggo perusahaan insurance: alasan kanggo Isi lan ketaatan opsi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Duit</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://jw.delachieve.com/aliran-realisme-kritis/">
<p>Aliran realisme kritis</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tatanan</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 jw.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 19.841 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 20:35:00 -->
<!-- 0.002 --> ]]>