{"id":32,"date":"2019-07-12T11:51:22","date_gmt":"2019-07-12T11:51:22","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=32"},"modified":"2019-09-03T11:56:38","modified_gmt":"2019-09-03T11:56:38","slug":"heading-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/heading-html\/","title":{"rendered":"HTML : Heading"},"content":{"rendered":"\n<p><strong>Mengatur Konten dengan Heading<\/strong><\/p>\n\n\n\n<p>Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web.<\/p>\n\n\n\n<p>Tag heading biasanya digunakan untuk membuat judul pada halaman web, tag heading pada HTML terdiri dari 6 tingkatan yaitu yang terdiri dari h1,h2,h3,h4,h5,h6. Tag heading secara default di tampilkan oleh browser dengan huruf tebal (bold), tag heading yang paling besar adalah h1 dan yang paling kecil adalah h6. <\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;h1&gt;Heading level 1&lt;\/h1&gt;\n&lt;h2&gt;Heading level 2&lt;\/h2&gt;\n&lt;h3&gt;Heading level 3&lt;\/h3&gt;\n&lt;h4&gt;Heading level 4&lt;\/h4&gt;\n&lt;h5&gt;Heading level 5&lt;\/h5&gt;\n&lt;h6&gt;Heading level 6&lt;\/h6&gt;\n<\/pre><\/div>\n\n\n<p>Output dari kode tersebut akan terlihat sebagai berikut<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" width=\"730\" height=\"280\" src=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png\" alt=\"\" class=\"wp-image-33\" srcset=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png 730w, https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings-300x115.png 300w\" sizes=\"(max-width: 730px) 100vw, 730px\" \/><\/figure>\n\n\n\n<p><strong><em>Catatan:<\/em><\/strong> Setiap kali kalian menempatkan tag heading pada halaman web, maka browser style sheet bawaan secara otomatis akan membuat beberapa ruang kosong (disebut margin) sebelum dan sesudah setiap heading. kalian dapat menggunakan properti margin CSS untuk mengganti style sheet default browser.<\/p>\n\n\n\n<p><strong><em>Tips:<\/em><\/strong> kalian dapat dengan mudah menyesuaikan tampilan tag heading HTML seperti ukuran font, tebal, jenis huruf, dll. Menggunakan properti font CSS.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pentingnya Heading<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Heading HTML memberikan informasi berharga dengan menyoroti topik-topik penting dan struktur dokumen, jadi optimalkan dengan cermat untuk meningkatkan keterlibatan pengguna. <\/li><li>Jangan gunakan Heading untuk membuat teks Anda terlihat BESAR atau <strong>tebal<\/strong>. Gunakan hanya untuk menyorot judul file kalian dan untuk menunjukkan struktur dokumen. <\/li><li>Karena mesin pencari, seperti Google, gunakan judul untuk mengindeks struktur dan konten halaman web, jadi gunakan dengan sangat bijaksana di halaman web kalian. <\/li><li>Gunakan Heading &lt;h1&gt; sebagai Heading utama halaman web kalian, diikuti oleh Heading &lt;h2&gt;, lalu Heading &lt;h3&gt; sebagai sub judul di halaman web kalian. <\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mengatur Konten dengan Heading Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web. Tag heading biasanya digunakan untuk membuat judul pada halaman web,<\/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-32","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 : Heading - 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\/heading-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Heading - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"Mengatur Konten dengan Heading Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web. Tag heading biasanya digunakan untuk membuat judul pada halaman web,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/heading-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-12T11:51:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:56:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png\" \/>\n\t<meta property=\"og:image:width\" content=\"730\" \/>\n\t<meta property=\"og:image:height\" content=\"280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\\\/heading-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Heading\",\"datePublished\":\"2019-07-12T11:51:22+00:00\",\"dateModified\":\"2019-09-03T11:56:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/\"},\"wordCount\":236,\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html-headings.png\",\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/\",\"name\":\"Belajar HTML : Heading - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html-headings.png\",\"datePublished\":\"2019-07-12T11:51:22+00:00\",\"dateModified\":\"2019-09-03T11:56:38+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html-headings.png\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/html-headings.png\",\"width\":730,\"height\":280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/heading-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Heading\"}]},{\"@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 : Heading - 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\/heading-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Heading - WebHozz Code","og_description":"Mengatur Konten dengan Heading Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web. Tag heading biasanya digunakan untuk membuat judul pada halaman web,","og_url":"https:\/\/www.webhozz.com\/code\/heading-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-12T11:51:22+00:00","article_modified_time":"2019-09-03T11:56:38+00:00","og_image":[{"width":730,"height":280,"url":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png","type":"image\/png"}],"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\/heading-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Heading","datePublished":"2019-07-12T11:51:22+00:00","dateModified":"2019-09-03T11:56:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/"},"wordCount":236,"image":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png","articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/heading-html\/","url":"https:\/\/www.webhozz.com\/code\/heading-html\/","name":"Belajar HTML : Heading - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png","datePublished":"2019-07-12T11:51:22+00:00","dateModified":"2019-09-03T11:56:38+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/heading-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#primaryimage","url":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png","contentUrl":"https:\/\/www.webhozz.com\/code\/wp-content\/uploads\/2019\/07\/html-headings.png","width":730,"height":280},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/heading-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Heading"}]},{"@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\/32","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=32"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"predecessor-version":[{"id":400,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/32\/revisions\/400"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}