{"id":67,"date":"2019-07-16T12:07:59","date_gmt":"2019-07-16T12:07:59","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=67"},"modified":"2019-09-03T11:54:11","modified_gmt":"2019-09-03T11:54:11","slug":"html-iframe","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/html-iframe\/","title":{"rendered":"HTML : iFrame"},"content":{"rendered":"\n<p>Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pengenalan iFrame<\/h4>\n\n\n\n<p><strong>Iframe<\/strong>&nbsp;merupakan sebuah tag html yang berfungsi untuk&nbsp;<strong>menampilkan halaman website<\/strong>&nbsp;tanpa harus membuka website tersebut. Sintaks dasar untuk menambahkan iframe yaitu:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe src=&quot;URL&quot;&gt;\n    alternative content for browsers which do not support iframe.\n&lt;\/iframe&gt;\n<\/pre><\/div>\n\n\n<p>URL menunjuk ke lokasi objek eksternal atau halaman web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mengatur Lebar dan Tinggi pada iframe<\/h4>\n\n\n\n<p>Atribut tinggi dan lebar digunakan untuk menentukan tinggi dan lebar dari iframe. Berikut kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe src=&quot;demo-page.html&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;\n    alternative content for browsers which do not support iframe.\n&lt;\/iframe&gt;\n<\/pre><\/div>\n\n\n<p><strong><em>Catatan:<\/em><\/strong> Nilai atribut lebar dan tinggi defaultnya ditentukan dalam ukuran pixel, tetapi kalian juga dapat mengatur nilainya dalam persentase (seperti &#8220;50%&#8221;).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Menghapus Default Frameborder<\/h4>\n\n\n\n<p>Atribut frameborder digunakan untuk menampilkan apakah akan menampilkan garis tepi di sekitar iframe atau tidak. Atribut ini membawa nilai 0 atau 1. Nilai 1 menampilkan garis tepi, sementara nilai 0 menghapus garis tepi dari iframe. Berikut kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe src=&quot;demo-page.html&quot; frameborder=&quot;0&quot;&gt;\n    alternative content for browsers which do not support iframe.\n&lt;\/iframe&gt;\n<\/pre><\/div>\n\n\n<h4 class=\"wp-block-heading\">Menggunakan iframe sebagai Target Tautan<\/h4>\n\n\n\n<p>Iframe dapat digunakan sebagai target untuk hyperlink.<\/p>\n\n\n\n<p>Iframe dapat dinamai menggunakan atribut nama. Bila tautan dengan atribut nama tersebut di klik maka akan tampil ke halaman website lain sesuai dengan link yang disematkan di dalam iframe tersebut. Berikut kodenya:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;iframe src=&quot;demo-page.html&quot; name=&quot;myFrame&quot;&gt;&lt;\/iframe&gt;\n&lt;p&gt;&lt;a href=&quot;https:\/\/www.tutorialrepublic.com&quot; target=&quot;myFrame&quot;&gt;Tutorial Republic&lt;\/a&gt;&lt;\/p&gt;\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"<p>Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain. Pengenalan iFrame Iframe&nbsp;merupakan sebuah tag html yang berfungsi untuk&nbsp;menampilkan halaman website&nbsp;tanpa harus membuka website<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-67","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Belajar HTML : iFrame - WebHozz Code<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/code\/html-iframe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : iFrame - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain. Pengenalan iFrame Iframe&nbsp;merupakan sebuah tag html yang berfungsi untuk&nbsp;menampilkan halaman website&nbsp;tanpa harus membuka website\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/html-iframe\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-16T12:07:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:54:11+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : iFrame\",\"datePublished\":\"2019-07-16T12:07:59+00:00\",\"dateModified\":\"2019-09-03T11:54:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/\"},\"wordCount\":169,\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/\",\"name\":\"Belajar HTML : iFrame - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"datePublished\":\"2019-07-16T12:07:59+00:00\",\"dateModified\":\"2019-09-03T11:54:11+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/html-iframe\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : iFrame\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\",\"name\":\"WebHozz Code\",\"description\":\"Tutorial Web &amp; Pemrograman Indonesia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/author\\\/dody\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar HTML : iFrame - WebHozz Code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/code\/html-iframe\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : iFrame - WebHozz Code","og_description":"Iframe digunakan untuk menampilkan halaman web di dalam halaman web lain. Pengenalan iFrame Iframe&nbsp;merupakan sebuah tag html yang berfungsi untuk&nbsp;menampilkan halaman website&nbsp;tanpa harus membuka website","og_url":"https:\/\/www.webhozz.com\/code\/html-iframe\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-16T12:07:59+00:00","article_modified_time":"2019-09-03T11:54:11+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : iFrame","datePublished":"2019-07-16T12:07:59+00:00","dateModified":"2019-09-03T11:54:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/"},"wordCount":169,"articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/","url":"https:\/\/www.webhozz.com\/code\/html-iframe\/","name":"Belajar HTML : iFrame - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"datePublished":"2019-07-16T12:07:59+00:00","dateModified":"2019-09-03T11:54:11+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/html-iframe\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/html-iframe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : iFrame"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/code\/#website","url":"https:\/\/www.webhozz.com\/code\/","name":"WebHozz Code","description":"Tutorial Web &amp; Pemrograman Indonesia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/code\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/code\/author\/dody\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/67\/revisions"}],"predecessor-version":[{"id":391,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/67\/revisions\/391"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=67"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=67"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}