Beranda / Kelas 10

Struktur Dasar Dokumen Html - Habibullah Al Faruq

Posting Komentar
HTML yang merupakan abreviasi dari Hypertext Markup Language merupakan suatu bahasa yang dipakai untuk menghasilkan halaman web.

Biasanya , bahasa tersebut dipakai untuk memperlihatkan banyak sekali macam pemberitahuan di internet.

Struktur Dasar Dokumen HTML

HTML

Setiap dokumen HTML memiliki struktur dasar atau susunan file selaku berikut :



</b>Judul Halaman<b>


Berupa postingan , dapat diisi dengan teks , gambar , atau apapun yang tampil pada dokumen Web.



Penjelasan

  1. Tag berfungsi untuk mengumumkan bahwa dokumen yang dibentuk merupakan HTML
  2. Tag berfungsi untuk memberi kepala/atas , atau lazimnya disebut selaku header dari suatu dokumen HTML
  3. Tag berfungsi untuk memberi nama atau judul halaman web yang dibentuk menggunakan HTML</li><li style="text-align: left;">Tag <body> merupakan badan dari dokumen HTML yang bisa anda isi dengan postingan yang anda sukai</li></ol><div style="text-align: justify;"><div style="text-align: left;"><br></div></div><div style="text-align: justify;"><div style="text-align: left;">Semua tag menyerupai tag <html> mesti ditutup dengan tag </html> , tag <head> ditutup dengan </head> dan begitu kerjakan lainnya pada tag yang serupa menyerupai referensi di atas.<br><br></div></div><h2 style="text-align: center;">Cara Menuliskan Bahasa HTML</h2><ol style="text-align: justify;"><li style="text-align: left;">Kalian dapat menggunakan beberapa aplikasi instruksi editor untuk menuliskan bahasa HTML , menyerupai :</li><ol><li style="text-align: left;">Atom</li><li style="text-align: left;">Dreamweaver</li><li style="text-align: left;">Notepad</li><li style="text-align: left;">Notepad++</li><li style="text-align: left;">Sublime Text</li><li style="text-align: left;">Visual Studio Code</li><li style="text-align: left;">dan lain sebagainya</li></ol><li style="text-align: left;">Lalu tuliskan dokumen HTML secara lengkap dari tag <html> hingga tag </html> menyerupai referensi di atas , urut mulai dari atas hingga bawah.</li><li style="text-align: left;">Setelah instruksi final ditulis , maka save bahasa tersebut dengan nama "index.html". <b>Ingat</b> , ekstensi yang dipakai merupakan <b>.html</b>.</li><li style="text-align: left;">Lalu untuk menjajal membuka atau mengerjakan instruksi tersebut , klik kanan file tersebut , kemudian <i>open with firefox</i>. Atau bila suka menggunakan Chrome , maka dapat pilih pilihan <i>open with chrome</i>.</li></ol></div></div><div style='clear: both;'></div><div id='share-container'><div class='label-line-c'><p class='share-this-pleaseeeee'>Share this post</p></div><div id='share'><a class='facebook' href='http://www.facebook.com/sharer.php?u= ' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i></a><a class='twitter' href='https://twitter.com/intent/tweet?text=Struktur Dasar Dokumen HTML&url= ' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i></a><a class='pinterest' href='http://pinterest.com/pin/create/button/?url= &media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s1600/HTML.jpg&description=Struktur Dasar Dokumen HTML' rel='nofollow' target='_blank'><i class='fa fa-pinterest-p'></i></a><a class='whatsapp' href='https://api.whatsapp.com/send?phone=&text=Struktur Dasar Dokumen HTML%20%2D%20 '><i aria-hidden='true' class='fa fa-whatsapp'></i></a></div></div><div class='related-post' id='related-post-7984404692546371321'></div> </div> <div id='baca-juga'></div> <script> //<![CDATA[ "use strict";var bacaJugaJudul=[],bacaJugaNum=0,bacaJugaUrl=[];function bacaJuga(a){for(var u=0;u<a.feed.entry.length;u++){var e=a.feed.entry[u];bacaJugaJudul[bacaJugaNum]=e.title.$t;for(var l=0;l<e.link.length;l++)if("alternate"==e.link[l].rel){bacaJugaUrl[bacaJugaNum]=e.link[l].href,bacaJugaNum++;break}}}function showBacaJuga(a){var u=document.querySelector("#baca-juga"),e=document.createElement("div"),l=document.querySelector(".post-body-artikel").querySelectorAll("div > br, span > br, div > p, span > p"),t=Math.ceil(.5*l.length),n=document.getElementById("related");e.setAttribute("class","baca-juga-wrap");var r={bacaJuga:!0,jumlahBacaJuga:3,judulBacaJuga:"Baca Juga"};"undefined"!=typeof linkMagzSetting&&(r=linkMagzSetting);function g(a,u){u.parentNode.insertBefore(a,u.nextSibling)}var c;if(!0===r.bacaJuga&&void 0!==l[t]){g(u,null!==n?n:l[t]);for(var i=0;i<bacaJugaUrl.length;i++)bacaJugaUrl[i]==a&&(bacaJugaUrl.splice(i,1),bacaJugaJudul.splice(i,1));var J=Math.floor((bacaJugaJudul.length-1)*Math.random());if((i=0)<bacaJugaJudul.length&&0<r.jumlahBacaJuga){u.appendChild(e),null!=(c=u.previousElementSibling)&&"BR"===c.tagName&&(c.style.display="none");for(var b="<strong>"+r.judulBacaJuga+"</strong><ul>";i<bacaJugaJudul.length&&i<r.jumlahBacaJuga;i++)b+='<li><a href="'+bacaJugaUrl[J]+'">'+bacaJugaJudul[J]+"</a></li>",J<bacaJugaJudul.length-1?J++:J=0;b+="</ul>",e.innerHTML=b}}} //]]> </script> <script src='/feeds/posts/summary/-/Kelas 10?alt=json-in-script&callback=bacaJuga&max-results=5'></script> <script> showBacaJuga("https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html"); </script> <div id='share-container'> <div class='share-title'> <p class='share-this-pleaseeeee'>Berbagi</p> </div> <div id='share'> <a aria-label='facebook' class='facebook' href='https://www.facebook.com/sharer.php?u=https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html' rel='nofollow noopener' target='_blank' title='facebook'> <svg viewBox='0 0 24 24'> <path d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'></path> </svg> </a> <a aria-label='twitter' class='twitter' href='https://twitter.com/intent/tweet?text=Struktur Dasar Dokumen Html - Habibullah Al Faruq&url=https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html' rel='nofollow noopener' target='_blank' title='twitter'> <svg viewBox='0 0 24 24'> <path d='M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z'></path> </svg> </a> <a aria-label='pinterest' class='pinterest' href='https://pinterest.com/pin/create/button/?url=https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html&media=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s1600/HTML.jpg&description=Struktur Dasar Dokumen Html - Habibullah Al Faruq' rel='nofollow noopener' target='_blank' title='pinterest'> <svg viewBox='0 0 24 24'> <path d='M9.04,21.54C10,21.83 10.97,22 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2A10,10 0 0,0 2,12C2,16.25 4.67,19.9 8.44,21.34C8.35,20.56 8.26,19.27 8.44,18.38L9.59,13.44C9.59,13.44 9.3,12.86 9.3,11.94C9.3,10.56 10.16,9.53 11.14,9.53C12,9.53 12.4,10.16 12.4,10.97C12.4,11.83 11.83,13.06 11.54,14.24C11.37,15.22 12.06,16.08 13.06,16.08C14.84,16.08 16.22,14.18 16.22,11.5C16.22,9.1 14.5,7.46 12.03,7.46C9.21,7.46 7.55,9.56 7.55,11.77C7.55,12.63 7.83,13.5 8.29,14.07C8.38,14.13 8.38,14.21 8.35,14.36L8.06,15.45C8.06,15.62 7.95,15.68 7.78,15.56C6.5,15 5.76,13.18 5.76,11.71C5.76,8.55 8,5.68 12.32,5.68C15.76,5.68 18.44,8.15 18.44,11.43C18.44,14.87 16.31,17.63 13.26,17.63C12.29,17.63 11.34,17.11 11,16.5L10.33,18.87C10.1,19.73 9.47,20.88 9.04,21.57V21.54Z'></path> </svg> </a> <a aria-label='whatsapp' class='whatsapp' href='https://api.whatsapp.com/send?phone=&text=Struktur Dasar Dokumen Html - Habibullah Al Faruq%20%2D%20https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html' rel='nofollow noopener' target='_blank' title='whatsapp'> <svg viewBox='0 0 24 24'> <path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'></path> </svg> </a> </div> </div> <div id='ms-related-post'></div> <script> var postLabels = ["Kelas 10", ]; var relatedConfig = { postUrl: "https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html", homePageUrl: "https://urlhabibullah.blogspot.com/", relatedTitle: "<div class='related-title'><h4>Anda mungkin menyukai postingan ini</h4></div>", }; </script> <script> //<![CDATA[ // related post js http://www.dte.web.id function msRelatedPosts(e){var h={postUrl:"https://linkmagz.sugeng.id",homePageUrl:"https://linkmagz.sugeng.id",relatedTitle:"<h4>Artikel Terkait:</h4>",numRelatedPosts:e,thumbWidth:192,thumbHeight:108,noImage:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjONCy60mS0qS8ZSxWduQiqHP9o7yTgSgBJ3NhZZrKk5jBpjJ1pzEEUQZilOjsw1WYYqUvt5zAQeJ295YKoHVOjM1em_xfzhIwiPYt5FPSiDt1ULNVkjTgf1jmTMLA6XgvQMLgdbVPT2-P3/w192-c-h108/no-image.jpg",imgBlank:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=",relatedOuter:"ms-related-post"};for(var t in relatedConfig)"undefined"!=relatedConfig[t]&&(h[t]=relatedConfig[t]);function r(e){var t=document.createElement("script");t.src=e,document.getElementsByTagName("head")[0].appendChild(t)}function m(e){var t,a,l=e.length;if(0===l)return!1;for(;--l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return e}if("object"==typeof postLabels&&0<postLabels.length)var n="/-/"+m(postLabels)[0];else n="";printRelated=function(e){var t,a,l,r=document.getElementById(h.relatedOuter),n=m(e.feed.entry);relatedList=h.relatedTitle+"<ul>";for(var s=0;s<n.length;s++)for(var i=0,d=n[s].link.length;i<d;i++)n[s].link[i].href==h.postUrl&&n.splice(s,1);if(1<n.length){for(var o=0;o<h.numRelatedPosts&&o<n.length;o++){a=n[o].title.$t,l="media$thumbnail"in n[o]?n[o].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-c)?/,"/w"+h.thumbWidth+"-h"+h.thumbHeight+"-c"):h.noImage;var A=0;for(d=n[o].link.length;A<d;A++)t="alternate"==n[o].link[A].rel?n[o].link[A].href:"#";relatedList+='<li><a aria-label="related post" href="'+t+'"><img alt="'+a+'" class="lazyload related-thumb" src="'+h.imgBlank+'" data-src="'+l+'" width="'+h.thumbWidth+'" height="'+h.thumbHeight+'"></a><div><a title="'+a+'" href="'+t+'">'+a+"</a></div></li>"}r.innerHTML=relatedList+="</ul>"}},indexAcak=function(e){var t,a=h.numRelatedPosts+1;totalPosts=e.feed.openSearch$totalResults.$t-a;var l=(t=0<totalPosts?totalPosts:1,Math.floor(Math.random()*(t-1+1))+1);r(h.homePageUrl.replace(/\/$/,"")+"/feeds/posts/summary"+n+"?alt=json-in-script&orderby=updated&start-index="+l+"&max-results="+a+"&callback=printRelated")},r(h.homePageUrl.replace(/\/$/,"")+"/feeds/posts/summary"+n+"?alt=json-in-script&orderby=updated&max-results=0&callback=indexAcak")}function runRelated(){var e={relatedPosts:!0,jumlahRelatedPosts:4};"undefined"!=typeof linkMagzSetting&&(e=linkMagzSetting),1==e.relatedPosts&&msRelatedPosts(e.jumlahRelatedPosts)}runRelated(); "use strict";function fullwidthImg(){var t=document.querySelector(".post-body"),e=t.querySelector("img"),i=t.querySelector(".tr-caption-container");e&&e.classList.add("fullwidth"),i&&i.classList.add("fullwidth")}"undefined"==typeof linkMagzSetting&&(linkMagzSetting={fullwidthImage:!0}),1==linkMagzSetting.fullwidthImage&&fullwidthImg(); //]]> </script> </div> <section class='comments embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h3 class='title'> Tidak ada komentar untuk "Struktur Dasar Dokumen Html - Habibullah Al Faruq" </h3> <div id='Blog1_comments-block-wrapper'> </div> <div class='footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Posting Komentar</h4> <a aria-label='comment form' href='https://www.blogger.com/comment/frame/5846513046979331054?po=2982900061644827421&hl=id&saa=85391&origin=https://urlhabibullah.blogspot.com&skin=contempo' id='comment-editor-src'></a> <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' title='comment-editor' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1345082660-comment_from_post_iframe.js' type='text/javascript'></script> <script> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </div> </section> </article> </div> </div></div> <div class='iklan-atas section' id='iklan-atas' name='Widget Kode Iklan (muncul di atas artikel)'><div class='widget HTML' data-version='2' id='HTML76'> <div class='widget-content kode-iklan-atas'> <!-- Composite Start --> <div id="M736114ScriptRootC1178035"> </div> <script src="https://jsc.mgid.com/u/r/urlhabibullah.blogspot.com.1178035.js" async> </script> <!-- Composite End --> </div> </div></div> <div class='iklan-tengah1 section' id='iklan-tengah1' name='Widget Kode Iklan (muncul di tengah artikel)'><div class='widget HTML' data-version='2' id='HTML77'> <div class='widget-content kode-iklan-tengah'> <!-- Composite Start --> <div id="M736114ScriptRootC1178037"> </div> <script src="https://jsc.mgid.com/u/r/urlhabibullah.blogspot.com.1178037.js" async> </script> <!-- Composite End --> </div> </div></div> <div class='iklan-tengah2 section' id='iklan-tengah2' name='Widget Kode Iklan (muncul di tengah artikel agak ke bawah)'><div class='widget HTML' data-version='2' id='HTML78'> <div class='widget-content kode-iklan-tengah'> <!-- Composite Start --> <div id="M736114ScriptRootC1178039"> </div> <script src="https://jsc.mgid.com/u/r/urlhabibullah.blogspot.com.1178039.js" async> </script> <!-- Composite End --> </div> </div></div> <div class='iklan-bawah section' id='iklan-bawah' name='Widget Kode Iklan (muncul tepat di bawah artikel)'><div class='widget HTML' data-version='2' id='HTML79'> <div class='widget-content kode-iklan-bawah'> <!-- Composite Start --> <div id="M736114ScriptRootC1178042"> </div> <script src="https://jsc.mgid.com/u/r/urlhabibullah.blogspot.com.1178042.js" async> </script> <!-- Composite End --> </div> </div></div> <script>//<![CDATA[ "use strict";function LMmiddleAds(i){var e=i.querySelector(".post-body"),r=e.querySelectorAll("div > br, span > br, div > p, span > p"),n=Math.ceil(.2*r.length),t=Math.ceil(.7*r.length),l=i.querySelector("#iklan-tengah1 .widget-content"),o=i.querySelector("#iklan-tengah2 .widget-content"),a=i.querySelector("#iklan-atas .widget-content"),d=i.querySelector("#iklan-bawah .widget-content"),c=e.querySelector("#iklan1"),u=e.querySelector("#iklan2");null!=a&&"\n"!=a.innerHTML&&e.insertBefore(a,e.childNodes[0]),null!=d&&"\n"!=d.innerHTML&&e.appendChild(d);function s(e,n,t){function l(e,n){n.parentNode.insertBefore(e,n.nextSibling)}1<r.length?(null!=e&&"\n"!=e.innerHTML&&l(e,null!==n?n:r[t]),function(){for(var e,n=i.querySelectorAll(".post-body-artikel .kode-iklan-tengah"),t=0;t<n.length;t++)null!==(e=n[t].previousElementSibling)&&"BR"===e.tagName&&(e.style.display="none")}()):e.parentNode.removeChild(e)}s(l,c,n),s(o,u,t)}LMmiddleAds(document); //]]> </script> </section> <!-- #content-wrap --> <aside id='sidebar-wrap'> <!-- widget sidebar --> <div class='sidebar-content section' id='sidebar-content' name='Sidebar '><div class='widget HTML' data-version='2' id='HTML1'> <div class='widget-content'> <!-- Composite Start --> <div id="M736114ScriptRootC1178032"> </div> <script src="https://jsc.mgid.com/u/r/urlhabibullah.blogspot.com.1178032.js" async> </script> <!-- Composite End --> </div> </div> <div class='widget Label' data-version='2' id='Label1'> <div class='normalwidget-title'> <h3 class='title'> Label </h3> </div> <div class='widget-content list-label-widget-content'> <ul> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Administrasi%20Negara'> Administrasi Negara </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Administrasi%20Server'> Administrasi Server </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Adsense'> Adsense </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Agama%20Islam'> Agama Islam </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Agribisnis'> Agribisnis </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Agroteknologi'> Agroteknologi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Akreditasi'> Akreditasi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Analisa'> Analisa </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Android'> Android </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Artikel'> Artikel </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20dan%20Sastra%20Arab'> Bahasa dan Sastra Arab </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20dan%20Sastra%20Indonesia'> Bahasa dan Sastra Indonesia </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20dan%20Sastra%20Inggris'> Bahasa dan Sastra Inggris </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20Indonesia'> Bahasa Indonesia </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20Inggris'> Bahasa Inggris </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bahasa%20Jawa'> Bahasa Jawa </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Band%20Lokal'> Band Lokal </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Biologi'> Biologi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Bisnis'> Bisnis </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/BPUPKI'> BPUPKI </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Ekonomi%20Islam'> Ekonomi Islam </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Etika'> Etika </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Etika%20Profesi'> Etika Profesi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Farmasi'> Farmasi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Fisika'> Fisika </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Ilmu%20Gizi'> Ilmu Gizi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Ilmu%20Hukum'> Ilmu Hukum </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Ilmu%20Pemerintahan'> Ilmu Pemerintahan </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Ilmu%20Politik'> Ilmu Politik </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Indonesia'> Indonesia </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Informatika'> Informatika </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Internet'> Internet </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/IPA'> IPA </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/IPS'> IPS </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Jadwal'> Jadwal </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Jaringan%20Dasar'> Jaringan Dasar </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kamus%20Gaul'> Kamus Gaul </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kata%20Baku'> Kata Baku </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%2010'> Kelas 10 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%2011'> Kelas 11 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%203'> Kelas 3 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%204'> Kelas 4 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%206'> Kelas 6 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%207'> Kelas 7 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%208'> Kelas 8 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kelas%209'> Kelas 9 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kesehatan'> Kesehatan </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Komputer%20dan%20Laptop'> Komputer dan Laptop </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Kuliah'> Kuliah </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Make%20Money'> Make Money </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Microsoft%20Word%202007'> Microsoft Word 2007 </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Pancasila'> Pancasila </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Pencapaian'> Pencapaian </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Pendidikan%20Pancasila'> Pendidikan Pancasila </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Penjaskes'> Penjaskes </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/PPKn'> PPKn </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Prakarya'> Prakarya </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Review'> Review </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Sejarah%20Indonesia'> Sejarah Indonesia </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Sekolah'> Sekolah </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Seni%20Budaya'> Seni Budaya </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/SEO'> SEO </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Sistem%20Komputer'> Sistem Komputer </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Sosial%20Media'> Sosial Media </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Teknologi%20Informasi'> Teknologi Informasi </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Tips'> Tips </a> </li> <li> <a class='label-name' href='https://urlhabibullah.blogspot.com/search/label/Wisata'> Wisata </a> </li> </ul> </div> </div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> <div class='popular-post-widget-title'> </div> <div class='widget-content'> <div class='popular-posts-wrap'> <div class='the-most-popular'> <div class='popular-post-thumbnail'> <a href='https://urlhabibullah.blogspot.com/2020/11/perbedaan-langkah-instalasi-debian.html'> <img alt='Perbedaan Langkah Instalasi Debian Berbasis Gui Dan Cli - Habibullah Al Faruq' class='lazyload blur-up' data-src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjm9sVbUQYrjD6_mm1XE66NbaIXKV5yU-w5fI9z9Ia57emRMb2oz-c7jJTp06pTg91I3SONkK67r5ipB8VxBXZD8Sh2Y_g4BrcyHrwaVTG9XTLZJX5aqT-dG5JOGSSGstnmA-PjXfIIoRU/w300-h168-p-k-no-nu/GUI+atau+CLI.png' height='169' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD6AAAA+gBtXtSawAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYSURBVCiRY0xISOBgoAAwUaJ51IBhYwAAuQABOsYCprwAAAAASUVORK5CYII=' width='300'/> </a> </div> <div class='popular-post-info info-has-thumbnail'> <h4 class='popular-post-title'> <a href='https://urlhabibullah.blogspot.com/2020/11/perbedaan-langkah-instalasi-debian.html'> Perbedaan Langkah Instalasi Debian Berbasis Gui Dan Cli - Habibullah Al Faruq </a> </h4> <div class='popular-post-snippet'> Perbedaan Langkah Instalasi Sistem Operasi Debian berbasis … </div> </div> </div> <div class='popular-post-content'> <div class='popular-post-info'> <h4 class='popular-post-title'> <a href='https://urlhabibullah.blogspot.com/2020/12/talking-about-self-habibullah-al-faruq.html'> Talking About Self - Habibullah Al Faruq </a> </h4> <div class='popular-post-snippet'> Talking About Self - Pertama kalinya kita masuk selaku si… </div> </div> </div> <div class='popular-post-content'> <div class='popular-post-info'> <h4 class='popular-post-title'> <a href='https://urlhabibullah.blogspot.com/2020/12/isi-kandungan-qs-al-anfal-ayat-72.html'> Isi Kandungan Qs Al Anfal Ayat 72 - Habibullah Al Faruq </a> </h4> <div class='popular-post-snippet'> Isi Kandungan QS Al Anfal ayat 72  - Di sini admin akan mem… </div> </div> </div> </div> </div> </div> <div class='widget ReportAbuse' data-version='2' id='ReportAbuse1'> <h3 class='title'> <a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'> Laporkan Penyalahgunaan </a> </h3> </div></div> <div class='sidebar-content-sticky no-items section' id='sidebar-content-sticky' name='Sidebar Sticky'></div> </aside> </main> <!-- #wrapper --> <div id='subscribe-box-wrap'> <div class='subscribe-box no-items section' id='subscribe-box' name='Widget Berlangganan via Email (FeedBurner)'></div> </div> <!-- #subscribe-box-wrap --> <footer id='footer-outer'> <div id='footer-content'> <div class='page-navmenu no-items section' id='page-navmenu' name='Menu Halaman Statis'> </div> <div class='footer-text section' id='footer-text' name='Teks Footer (edit sesuai kebutuhan)'><div class='widget HTML' data-version='2' id='HTML80'> <div class='footer-text'> © 2020 - <a href="https://blogger.com/">Powered by Blogger</a> </div> </div></div> <div class='navbarrr section' id='navbarrr' name='Navbar (edit dan pilih OFF untuk mempercepat loading)'><div class='widget Navbar' data-version='2' id='Navbar1'><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/5846513046979331054?po\x3d2982900061644827421\x26origin\x3dhttps://urlhabibullah.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </div></div> </div> </footer> <!-- #footer-outer --> <a aria-label='Go To Top' href='#' id='goTop'> </a> <script> //<![CDATA[ /*! smooth-scroll v16.1.2 | (c) 2020 Chris Ferdinandi | MIT License | http://github.com/cferdinandi/smooth-scroll */ !function(e,t){"function"==typeof define&&define.amd?define([],function(){return t(e)}):"object"==typeof exports?module.exports=t(e):e.SmoothScroll=t(e)}("undefined"!=typeof global?global:"undefined"!=typeof window?window:this,function(A){"use strict";function C(){var n={};return Array.prototype.forEach.call(arguments,function(e){for(var t in e){if(!e.hasOwnProperty(t))return;n[t]=e[t]}}),n}function r(e){"#"===e.charAt(0)&&(e=e.substr(1));for(var t,n=String(e),o=n.length,a=-1,r="",i=n.charCodeAt(0);++a<o;){if(0===(t=n.charCodeAt(a)))throw new InvalidCharacterError("Invalid character: the input contains U+0000.");r+=1<=t&&t<=31||127==t||0===a&&48<=t&&t<=57||1===a&&48<=t&&t<=57&&45===i?"\\"+t.toString(16)+" ":128<=t||45===t||95===t||48<=t&&t<=57||65<=t&&t<=90||97<=t&&t<=122?n.charAt(a):"\\"+n.charAt(a)}return"#"+r}function w(){return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight,document.body.offsetHeight,document.documentElement.offsetHeight,document.body.clientHeight,document.documentElement.clientHeight)}function L(e,t,n,o){if(t.emitEvents&&"function"==typeof A.CustomEvent){var a=new CustomEvent(e,{bubbles:!0,detail:{anchor:n,toggle:o}});document.dispatchEvent(a)}}var H={ignore:"[data-scroll-ignore]",header:null,topOnEmptyHash:!0,speed:500,speedAsDuration:!1,durationMax:null,durationMin:null,clip:!0,offset:0,easing:"easeInOutCubic",customEasing:null,updateURL:!0,popstate:!0,emitEvents:!0};return function(o,e){var b,a,O,I,M={cancelScroll:function(e){cancelAnimationFrame(I),I=null,e||L("scrollCancel",b)}};M.animateScroll=function(i,s,e){M.cancelScroll();var t,c=C(b||H,e||{}),u="[object Number]"===Object.prototype.toString.call(i),n=u||!i.tagName?null:i;if(u||n){var l=A.pageYOffset;c.header&&!O&&(O=document.querySelector(c.header));var o,a,d,r,f,m,h=(t=O)?parseInt(A.getComputedStyle(t).height,10)+t.offsetTop:0,p=u?i:function(e,t,n,o){var a=0;if(e.offsetParent)for(;a+=e.offsetTop,e=e.offsetParent;);return a=Math.max(a-t-n,0),o&&(a=Math.min(a,w()-A.innerHeight)),a}(n,h,parseInt("function"==typeof c.offset?c.offset(i,s):c.offset,10),c.clip),g=p-l,y=w(),S=0,v=(a=(o=c).speedAsDuration?o.speed:Math.abs(g/1e3*o.speed),o.durationMax&&a>o.durationMax?o.durationMax:o.durationMin&&a<o.durationMin?o.durationMin:parseInt(a,10)),E=function(e){var t,n;S+=e-(d=d||e),f=l+g*(t=r=1<(r=0===v?0:S/v)?1:r,"easeInQuad"===c.easing&&(n=t*t),"easeOutQuad"===c.easing&&(n=t*(2-t)),"easeInOutQuad"===c.easing&&(n=t<.5?2*t*t:(4-2*t)*t-1),"easeInCubic"===c.easing&&(n=t*t*t),"easeOutCubic"===c.easing&&(n=--t*t*t+1),"easeInOutCubic"===c.easing&&(n=t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1),"easeInQuart"===c.easing&&(n=t*t*t*t),"easeOutQuart"===c.easing&&(n=1- --t*t*t*t),"easeInOutQuart"===c.easing&&(n=t<.5?8*t*t*t*t:1-8*--t*t*t*t),"easeInQuint"===c.easing&&(n=t*t*t*t*t),"easeOutQuint"===c.easing&&(n=1+--t*t*t*t*t),"easeInOutQuint"===c.easing&&(n=t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t),c.customEasing&&(n=c.customEasing(t)),n||t),A.scrollTo(0,Math.floor(f)),function(e,t){var n,o,a,r=A.pageYOffset;if(e==t||r==t||(l<t&&A.innerHeight+r)>=y)return M.cancelScroll(!0),o=t,a=u,0===(n=i)&&document.body.focus(),a||(n.focus(),document.activeElement!==n&&(n.setAttribute("tabindex","-1"),n.focus(),n.style.outline="none"),A.scrollTo(0,o)),L("scrollStop",c,i,s),!(I=d=null)}(f,p)||(I=A.requestAnimationFrame(E),d=e)};0===A.pageYOffset&&A.scrollTo(0,0),m=i,u||history.pushState&&c.updateURL&&history.pushState({smoothScroll:JSON.stringify(c),anchor:m.id},document.title,m===document.documentElement?"#top":"#"+m.id),"matchMedia"in A&&A.matchMedia("(prefers-reduced-motion)").matches?A.scrollTo(0,Math.floor(p)):(L("scrollStart",c,i,s),M.cancelScroll(!0),A.requestAnimationFrame(E))}};function t(e){if(!e.defaultPrevented&&!(0!==e.button||e.metaKey||e.ctrlKey||e.shiftKey)&&"closest"in e.target&&(a=e.target.closest(o))&&"a"===a.tagName.toLowerCase()&&!e.target.closest(b.ignore)&&a.hostname===A.location.hostname&&a.pathname===A.location.pathname&&/#/.test(a.href)){var t,n;try{t=r(decodeURIComponent(a.hash))}catch(e){t=r(a.hash)}if("#"===t){if(!b.topOnEmptyHash)return;n=document.documentElement}else n=document.querySelector(t);(n=n||"#top"!==t?n:document.documentElement)&&(e.preventDefault(),function(){if(history.replaceState&&b.updateURL&&!history.state){var e=A.location.hash;e=e||"",history.replaceState({smoothScroll:JSON.stringify(b),anchor:e||A.pageYOffset},document.title,e||A.location.href)}}(),M.animateScroll(n,a))}}function n(e){if(null!==history.state&&history.state.smoothScroll&&history.state.smoothScroll===JSON.stringify(b)){var t=history.state.anchor;"string"==typeof t&&t&&!(t=document.querySelector(r(history.state.anchor)))||M.animateScroll(t,null,{updateURL:!1})}}return M.destroy=function(){b&&(document.removeEventListener("click",t,!1),A.removeEventListener("popstate",n,!1),M.cancelScroll(),I=O=a=b=null)},function(){if(!("querySelector"in document&&"addEventListener"in A&&"requestAnimationFrame"in A&&"closest"in A.Element.prototype))throw"Smooth Scroll: This browser does not support the required JavaScript methods and browser APIs.";M.destroy(),b=C(H,e||{}),O=b.header?document.querySelector(b.header):null,document.addEventListener("click",t,!1),b.updateURL&&b.popstate&&A.addEventListener("popstate",n,!1)}(),M}}); "use strict";var LMstickyMenu=function(){var t=document.querySelector("#header-outer").getBoundingClientRect().height,n=document.querySelector("#navmenu-wrap-sticky"),e=document.querySelector(".nav-copy"),i=document.querySelector(".nav-original"),c=document.querySelector(".sidebar-content-sticky");stickyClass="navsticky-show",e.innerHTML=i.innerHTML;window.addEventListener("resize",function(){t=document.querySelector("#header-outer").getBoundingClientRect().height}),window.addEventListener("scroll",function(){var e=Math.round(window.pageYOffset);t<=e?n.classList.add(stickyClass):n.classList.remove(stickyClass)}),null!=c&&(c.style.top="88px"),function(){for(var e=document.querySelectorAll(".menu-sticky a"),t=0;t<e.length;t++)e[t].setAttribute("tabindex","-1")}()};"undefined"==typeof linkMagzSetting&&(linkMagzSetting={menuSticky:!0}),1==linkMagzSetting.menuSticky&&LMstickyMenu(); "use strict";function LMmobileMenu(){var e=document.querySelector(".navmenu-content"),n=document.querySelector("#navmenu-sidebar-body"),t=document.querySelectorAll(".navmenu-button"),u=document.querySelector("#navmenu-overlay"),c=document.querySelector("#navmenu-sidebar-closebtn"),r=document.querySelector("#navmenu"),o="navmenu-activated";n.innerHTML=e.innerHTML;for(var a=0;a<t.length;a++)t[a].addEventListener("click",function(e){e.preventDefault,r.classList.add(o)});function l(e){e.preventDefault,r.classList.remove(o)}u.addEventListener("click",l),c.addEventListener("click",l)}LMmobileMenu(); "use strict";function LMsearchForm(){for(var t=document.getElementById("searchcontainer"),n=document.getElementById("search-terms"),e=document.querySelectorAll(".iconsearch-label"),c=0;c<e.length;c++)e[c].addEventListener("click",function(e){t.classList.toggle("opensearch"),t.classList.contains("opensearch")||(n.blur(),e.preventDefault()),e.stopPropagation()},!1);n.addEventListener("click",function(e){e.stopPropagation()},!1),document.addEventListener("click",function(e){t.classList.remove("opensearch"),n.blur(),e.stopPropagation()},!1),document.addEventListener("keydown",function(e){"Escape"==e.key&&(t.classList.remove("opensearch"),n.blur())})}LMsearchForm(); "use strict";function LMcheckCheckbox(){for(var e=document.querySelectorAll(".checkbox"),o=0;o<e.length;o++)"darkmode"===localStorage.getItem("mode")?e[o].checked=!0:e[o].checked=!1}function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("body").classList.add("darkmode"):document.querySelector("body").classList.remove("darkmode"),LMcheckCheckbox()}function darkModeHide(){for(var e=document.querySelectorAll(".darkmode-switch"),o=0;o<e.length;o++)e[o].parentNode.removeChild(e[o])}LMcheckCheckbox(),"undefined"==typeof linkMagzSetting&&(linkMagzSetting={tombolDarkmode:!0}),0==linkMagzSetting.tombolDarkmode&&darkModeHide(); "use strict";var LMScrollTop=function(){var i=document.querySelector("#goTop");window.addEventListener("scroll",function(){300<=window.pageYOffset?i.classList.add("is-visible"):i.classList.remove("is-visible")})};"undefined"==typeof linkMagzSetting&&(linkMagzSetting={scrollToTop:!0}),1==linkMagzSetting.scrollToTop&&LMScrollTop(); var scroll = new SmoothScroll('a[href*="#"]', { speed: 600, speedAsDuration: true, easing: 'easeInOutCubic' }); //]]> //<![CDATA[ /* www.cssscript.com/generating-a-table-of-contents-with-pure-javascript-toc */ !function(e){"use strict";function p(e){if("string"!=typeof e)return 0;var t=e.match(/\d/g);return t?Math.min.apply(null,t):1}function o(e){var i,c,n,t,o,r,a=e.selector,l=e.scope,u=document.createElement("ol"),d=u,s=(i=e.overwrite,c=e.prefix,function(e,t,n){e.textContent;var o=c+"-"+n;t.textContent=e.textContent;var r=!i&&e.id||o;r=encodeURIComponent(r),e.id=r,t.href="#"+r});return n=a,t=l,o=[],r=document.querySelectorAll(t),Array.prototype.forEach.call(r,function(e){var t=e.querySelectorAll(n);o=o.concat(Array.prototype.slice.call(t))}),o.reduce(function(e,t,n){var o=p(t.tagName),r=h(d,o-e)||u,i=document.createElement("li"),c=document.createElement("a");return s(t,c,n),r.appendChild(i).appendChild(c),d=i,o},p(a)),u}function t(e){var t=(e=function(e,t){for(var n in t)t.hasOwnProperty(n)&&t[n]&&(e[n]=t[n]);return e}({selector:"h1, h2, h3, h4, h5, h6",scope:"body",overwrite:!1,prefix:"toc"},e)).selector;if("string"!=typeof t)throw new TypeError("selector must be a string");if(!t.match(/^(?:h[1-6],?\s*)*$/g))throw new TypeError("selector must contains only h1-6");var n=location.hash;return n&&setTimeout(function(){location.hash="",location.hash=n},0),o(e)}var h=function(e,t){return t<0?h(e.parentElement,t+1):0<t?function(e,t){for(;t--;){var n=document.createElement("ol");e.appendChild(n),e=n}return e}(e,t):e.parentElement};"function"==typeof define&&define.amd?define("toc",[],function(){return t}):e.initTOC=t}(window);var aside=document.getElementById("toc"),toc=initTOC({selector:"h2, h3",scope:".post-body"});function tocShowHide(){var e=document.querySelector(".toc"),t=document.createElement("button"),n=document.querySelector("#toc ol");e.appendChild(t),t.innerHTML="(show)",n.style.display="none",t.addEventListener("click",function(e){"none"==n.style.display?(n.style.display="",t.innerHTML="(hide)"):(n.style.display="none",t.innerHTML="(show)")})}function tocOption(){var e=document.querySelector(".toc");"undefined"==typeof linkMagzSetting&&(linkMagzSetting={judulTOC:"Daftar Isi",showHideTOC:!0}),e.innerHTML=linkMagzSetting.judulTOC,1==linkMagzSetting.showHideTOC&&tocShowHide()}null!=aside&&(aside.appendChild(toc),tocOption()); //]]> var media_loaded = function (media) { media.className += ' shown'; } deferimg('img.lazyload', 300, 'lazied', media_loaded); if (typeof infinite_scroll !== 'undefined') { infinite_scroll.on('load', function() { deferimg('img.lazyload', 300, 'lazied', media_loaded); }); } </script> <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1581542668-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY7iaN9GJ2OcZkK56q4PembFd2rpDA:1765366046704';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5846513046979331054','//urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html','5846513046979331054'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5846513046979331054', 'title': 'urlhabibullah', 'url': 'https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html', 'canonicalUrl': 'https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html', 'homepageUrl': 'https://urlhabibullah.blogspot.com/', 'searchUrl': 'https://urlhabibullah.blogspot.com/search', 'canonicalHomepageUrl': 'https://urlhabibullah.blogspot.com/', 'blogspotFaviconUrl': 'https://urlhabibullah.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22urlhabibullah - Atom\x22 href\x3d\x22https://urlhabibullah.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22urlhabibullah - RSS\x22 href\x3d\x22https://urlhabibullah.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22urlhabibullah - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5846513046979331054/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22urlhabibullah - Atom\x22 href\x3d\x22https://urlhabibullah.blogspot.com/feeds/2982900061644827421/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a086d31c20bf4e54', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'item', 'postId': '2982900061644827421', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s72-c/HTML.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s1600/HTML.jpg', 'pageName': 'Struktur Dasar Dokumen Html - Habibullah Al Faruq', 'pageTitle': 'urlhabibullah: Struktur Dasar Dokumen Html - Habibullah Al Faruq'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Struktur Dasar Dokumen Html - Habibullah Al Faruq', 'description': 'HTML yang merupakan abreviasi dari Hypertext Markup Language merupakan suatu bahasa yang dipakai untuk menghasilkan halaman web. Biasanya ...', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s1600/HTML.jpg', 'url': 'https://urlhabibullah.blogspot.com/2020/11/struktur-dasar-dokumen-html-habibullah.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 2982900061644827421}}, {'name': 'widgets', 'data': [{'title': 'Kode Pengaturan Template', 'type': 'HTML', 'sectionId': 'template-settings', 'id': 'HTML70'}, {'title': 'urlhabibullah (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': 'Menu Navigasi', 'type': 'HTML', 'sectionId': 'navmenu', 'id': 'HTML72'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main-content', 'id': 'Blog1', 'posts': [{'id': '2982900061644827421', 'title': 'Struktur Dasar Dokumen Html - Habibullah Al Faruq', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZTXfc_x7mpH90nHmz6vb53SmBnhjdQcEhmZNF-Sqd2sCmQkb4DlZKFfoohUJQ-XEPmNOIt7i8QnEGC2fxekryuy8kWL8jv2EvLINEdqI1z86kfZP09XJ4XMfg3K5YjPc1MiC-YYefEY/s1600/HTML.jpg', 'showInlineAds': true}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'komentar'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}, {'regionName': 'footer3', 'items': [{'name': 'location', 'label': 'Lokasi:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'komentar'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': ''}, {'name': 'location', 'label': 'Lokasi:'}]}, {'title': 'Kode Iklan Atas', 'type': 'HTML', 'sectionId': 'iklan-atas', 'id': 'HTML76'}, {'title': 'Kode Iklan Tengah 1', 'type': 'HTML', 'sectionId': 'iklan-tengah1', 'id': 'HTML77'}, {'title': 'Kode Iklan Tengah 2', 'type': 'HTML', 'sectionId': 'iklan-tengah2', 'id': 'HTML78'}, {'title': 'Kode Iklan Bawah', 'type': 'HTML', 'sectionId': 'iklan-bawah', 'id': 'HTML79'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-content', 'id': 'HTML1'}, {'title': 'Label', 'type': 'Label', 'sectionId': 'sidebar-content', 'id': 'Label1'}, {'title': '', 'type': 'PopularPosts', 'sectionId': 'sidebar-content', 'id': 'PopularPosts1', 'posts': [{'title': 'Perbedaan Langkah Instalasi Debian Berbasis Gui Dan Cli - Habibullah Al\nFaruq', 'id': 8838863230032857480}, {'title': 'Talking About Self - Habibullah Al Faruq', 'id': 7294408921352442325}, {'title': 'Isi Kandungan Qs Al Anfal Ayat 72 - Habibullah Al Faruq', 'id': 3310002216230010420}]}, {'title': '', 'type': 'ReportAbuse', 'sectionId': 'sidebar-content', 'id': 'ReportAbuse1'}, {'title': 'Footer', 'type': 'HTML', 'sectionId': 'footer-text', 'id': 'HTML80'}, {'title': 'Navbar', 'type': 'Navbar', 'sectionId': 'navbarrr', 'id': 'Navbar1'}]}]); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML70', 'template-settings', document.getElementById('HTML70'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML72', 'navmenu', document.getElementById('HTML72'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main-content', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2485970545-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML76', 'iklan-atas', document.getElementById('HTML76'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML77', 'iklan-tengah1', document.getElementById('HTML77'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML78', 'iklan-tengah2', document.getElementById('HTML78'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML79', 'iklan-bawah', document.getElementById('HTML79'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-content', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-content', document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar-content', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ReportAbuseView', new _WidgetInfo('ReportAbuse1', 'sidebar-content', document.getElementById('ReportAbuse1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML80', 'footer-text', document.getElementById('HTML80'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbarrr', document.getElementById('Navbar1'), {}, 'displayModeFull')); </script> </body> </html>