{"id":8152,"date":"2019-04-18T11:18:32","date_gmt":"2019-04-18T11:18:32","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=8152"},"modified":"2019-11-15T13:43:04","modified_gmt":"2019-11-15T13:43:04","slug":"dasar-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/dasar-html\/","title":{"rendered":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List"},"content":{"rendered":"\n<p>HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah deskripsi, secara mendasar, menggunakan HTML. Lebih tepatnya, HTML adalah bahasa yang menggambarkan struktur dan isi semantik dari sebuah dokumen Web.<\/p>\n\n\n\n<p>Adapun konten yang dimaksud adalah teks ukuran besar, teks paragraf, gambar, tabel, formulir dan lain sebagainya. Jadi, HTML itu untuk mendefinisikan semua.<\/p>\n\n\n\n<p><!--more--><\/p>\n\n\n\n<p>Berikut ini adalah contoh dasar script kode HTML.<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;h1&gt;Ini adalah Teks Heading&lt;\/h1&gt;\n\t&lt;p&gt;Ini adalah Teks Paragraf&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Dari sekumpulan baris kode atau script tersebut, akan menghasilkan tampilan seperti berikut ini pada aplikasi Web Browser.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"545\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-1-1024x545.png\" alt=\"\" data-id=\"8153\" data-link=\"https:\/\/www.webhozz.com\/blog\/?attachment_id=8153\" class=\"wp-image-8153\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-1-1024x545.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-1-300x160.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-1-768x409.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-1.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p>Deskripsi singkat dari kode tersebut:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Deklarasi &lt;!DOCTYPE html&gt; mendefinisikan dokumen ini sebagai HTML5<\/li><li>Elemen &lt;html&gt; adalah elemen root dari halaman HTML<\/li><li>Elemen &lt;head&gt; berisi informasi meta tentang dokumen<\/li><li>Elemen &lt;title&gt; menentukan judul untuk dokumen<\/li><li>Elemen &lt;body&gt; berisi konten halaman yang terlihat<\/li><li>Elemen &lt;h1&gt; mendefinisikan heading besar<\/li><li>Elemen &lt;p&gt; mendefinisikan paragraf<\/li><\/ul>\n\n\n\n<p>Aturan Penulisan:<br>Berdasarkan contoh dasar di atas, berikut ini adalah penjelasan aturan penulisan script HTML.<\/p>\n\n\n\n<p>&lt;namakonten&gt; Isi konten disini\u2026 &lt;\/namakonten&gt;<\/p>\n\n\n\n<p>Berikut ini rinciannya:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tag HTML biasanya berpasangan seperti &lt;p&gt; ?? dan &lt;\/p&gt;<\/li><li>Tag pertama dalam pasangan adalah tag awal, tag kedua adalah tag akhir<\/li><li>Tag akhir ditulis seperti tag awal, tetapi dengan garis miring dimasukkan sebelum nama tag<\/li><\/ul>\n\n\n\n<p>Aplikasi Web Browser yang bisa digunakan adalah Chrome, Internet Explorer, Firefox, Safari.<\/p>\n\n\n\n<p>Nah, berikut ini akan kita kupas sedikit demi sedikit nama tag konten HTML.<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>HEADING<\/strong><\/p>\n\n\n\n<p>Teks Heading adalah teks yang digunakan untuk mendefinisikan judul tiap halaman.<\/p>\n\n\n\n<p><br>Heading ini terdiri dari beberapa ukuran, yaitu &lt;h1&gt; sampai &lt;h6&gt;. Berikut ini scriptnya<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;h1&gt;Ini adalah Teks Heading ke-1&lt;\/h1&gt;\n\t&lt;h2&gt;Ini adalah Teks Heading ke-2&lt;\/h2&gt;\n\t&lt;h3&gt;Ini adalah Teks Heading ke-3&lt;\/h3&gt;\n\t&lt;h4&gt;Ini adalah Teks Heading ke-4&lt;\/h4&gt;\n\t&lt;h5&gt;Ini adalah Teks Heading ke-5&lt;\/h5&gt;\n\t&lt;h6&gt;Ini adalah Teks Heading ke-6&lt;\/h6&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Berikut ini adalah hasilnya di browser:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"549\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-2-1024x549.png\" alt=\"\" class=\"wp-image-8156\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-2-1024x549.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-2-300x161.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-2-768x412.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-2.png 1363w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>PARAGRAF<\/strong><\/p>\n\n\n\n<p>Dalam html, ada paragraf yang mendefinisikan teks deskripsi yang biasa tersusun dari beberapa kalimat lalu menjadi paragraf.<\/p>\n\n\n\n<p>Berikut ini adalah script kodenya :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;p&gt;Ini adalah paragraf pertama.&lt;\/p&gt;\n\t&lt;p&gt;Ini adalah paragraf kedua.&lt;\/p&gt;\n\t&lt;p&gt;Ini adalah paragraf ketiga.&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Dan beginilah hasilnya di browser.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-3-1024x538.png\" alt=\"\" class=\"wp-image-8157\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-3-1024x538.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-3-300x158.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-3-768x403.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-3.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>GAMBAR<\/strong><\/p>\n\n\n\n<p>Dalam sebuah website, tentunya ada gambar yang akan membantu informasi sebuah website menjadi makin tegas dan jelas.<\/p>\n\n\n\n<p>Gambar HTML didefinisikan dengan tag &lt;img&gt;.<\/p>\n\n\n\n<p>File sumber (src), teks alternatif (alt), lebar, dan tinggi disediakan sebagai atribut:<\/p>\n\n\n\n<p>Berikut ini adalah kodenya :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;h2&gt;Gambar HTML&lt;\/h2&gt;\n\t\n\n\t&lt;img src=&quot;gambarku.jpg&quot; alt=&quot;Web Design&quot; width=&quot;350&quot; height=&quot;230&quot;&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Dan beginilah hasilnya di browser :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-4-1024x544.png\" alt=\"\" class=\"wp-image-8158\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-4-1024x544.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-4-300x159.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-4-768x408.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-4.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>TEKS LINK HTML<\/strong><\/p>\n\n\n\n<p>Teks link ini menggunakan tag &lt;a&gt;. Tujuannya supaya website kita bisa diarahkan ke website lain, berikut contoh kodenya :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;h2&gt;Teks Link pada HTML&lt;\/h2&gt;\n\t&lt;p&gt;Menggunakan tag a, supaya website diarahkan ke alamat web lainnya....&lt;\/p&gt;\n\n\t&lt;a href=&quot;https:\/\/www.webhozz.com\/&quot;&gt;Buka Link Webhozz&lt;\/a&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Maka beginilah hasilnya di browser.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-5-1024x547.png\" alt=\"\" class=\"wp-image-8159\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-5-1024x547.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-5-300x160.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-5-768x410.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-5.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p>&nbsp;<\/p>\n\n\n\n<p><strong>LIST<\/strong><\/p>\n\n\n\n<p>List HTML mirip seperti Bullets &amp; Numbering pada Microsoft Word. List HTML didefinisikan dengan tag &lt;ul&gt; (unordered \/ bullet list) atau &lt;ol&gt; (urutan \/ daftar bernomor), diikuti oleh tag &lt;li&gt; (daftar item).<\/p>\n\n\n\n<p>Berikut ini script kodenya :<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: xml; title: ; notranslate\" title=\"\">\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n\t&lt;title&gt;Dasar HTML&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n\n\t&lt;h2&gt;Unordered HTML List&lt;\/h2&gt;\n\n\t&lt;ul&gt;\n\t  &lt;li&gt;HTML&lt;\/li&gt;\n\t  &lt;li&gt;CSS&lt;\/li&gt;\n\t  &lt;li&gt;Javascript&lt;\/li&gt;\n\t&lt;\/ul&gt;  \n\n\t&lt;h2&gt;Ordered HTML List&lt;\/h2&gt;\n\n\t&lt;ol&gt;\n\t  &lt;li&gt;HTML&lt;\/li&gt;\n\t  &lt;li&gt;CSS&lt;\/li&gt;\n\t  &lt;li&gt;Javascript&lt;\/li&gt;\n\t&lt;\/ol&gt; \n\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/pre><\/div>\n\n\n<p>Maka beginilah hasilnya di browser :<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"548\" src=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-6-1024x548.png\" alt=\"\" class=\"wp-image-8160\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-6-1024x548.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-6-300x161.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-6-768x411.png 768w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/dasar-6.png 1365w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nah, demikianlah untuk dasar-dasar HTML ini. Akhir kata semoga bermanfaat ya, dan selamat mencoba.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah<\/p>\n","protected":false},"author":15,"featured_media":8353,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1890,3],"tags":[],"class_list":["post-8152","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-artikel","category-belajar-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog<\/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\/blog\/dasar-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/dasar-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-18T11:18:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-15T13:43:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\"},\"headline\":\"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List\",\"datePublished\":\"2019-04-18T11:18:32+00:00\",\"dateModified\":\"2019-11-15T13:43:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/\"},\"wordCount\":463,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Mengenal_Strukur_Dasar_HTML-1.jpg\",\"articleSection\":[\"Artikel\",\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/\",\"name\":\"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Mengenal_Strukur_Dasar_HTML-1.jpg\",\"datePublished\":\"2019-04-18T11:18:32+00:00\",\"dateModified\":\"2019-11-15T13:43:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Mengenal_Strukur_Dasar_HTML-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/04\\\/Mengenal_Strukur_Dasar_HTML-1.jpg\",\"width\":750,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/dasar-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/farry\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog","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\/blog\/dasar-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog","og_description":"HyperText Markup Language (HTML) adalah bahasa inti dari hampir semua konten Web. Sebagian besar dari apa yang Anda lihat pada layar browser anda adalah sebuah","og_url":"https:\/\/www.webhozz.com\/blog\/dasar-html\/","og_site_name":"WebHozz Blog","article_published_time":"2019-04-18T11:18:32+00:00","article_modified_time":"2019-11-15T13:43:04+00:00","og_image":[{"width":750,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941"},"headline":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List","datePublished":"2019-04-18T11:18:32+00:00","dateModified":"2019-11-15T13:43:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/"},"wordCount":463,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg","articleSection":["Artikel","Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/","url":"https:\/\/www.webhozz.com\/blog\/dasar-html\/","name":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg","datePublished":"2019-04-18T11:18:32+00:00","dateModified":"2019-11-15T13:43:04+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/dasar-html\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2019\/04\/Mengenal_Strukur_Dasar_HTML-1.jpg","width":750,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/dasar-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Belajar HTML : Dasar HTML, Heading, Paragraf, Gambar, Link, List"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/farry\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=8152"}],"version-history":[{"count":9,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8152\/revisions"}],"predecessor-version":[{"id":10063,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/8152\/revisions\/10063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/8353"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=8152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=8152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=8152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}