{"id":1982,"date":"2015-02-15T05:23:15","date_gmt":"2015-02-15T05:23:15","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=1982"},"modified":"2019-06-25T14:18:04","modified_gmt":"2019-06-25T14:18:04","slug":"emmet-koding-html-super-kilat","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/","title":{"rendered":"Koding Super Kilat Dengan Emmet &#8211; Part 1 HTML"},"content":{"rendered":"<p><a href=\"http:\/\/emmet.io\/\">Emmet<\/a>, sebelumnya bernama <a href=\"http:\/\/en.wikipedia.org\/wiki\/Zen_Coding\">Zen Coding<\/a>, adalah sebuah plugin yang sangat powerful dalam\u00a0meningkatkan produktifitas kita membuat sebuah website.<\/p>\n<p>Emmet mendukung banyak sekali IDE dan text editor, antara lain: <strong>Sublime Text, TextMate, Eclipse, Aptana, Notepad++, Brackets, PHPStorm<\/strong> dan masih banyak lagi. Emmet juga mendukung online editor seperti <a href=\"http:\/\/codepen.io\/\">CodePen<\/a>, <a href=\"http:\/\/jsfiddle.net\/\">JSFiddle<\/a>, <a href=\"http:\/\/jsbin.com\/\">JSBin<\/a>, <a href=\"http:\/\/icecoder.net\/\">IceCoder<\/a> dan <a href=\"https:\/\/codio.com\/\">Codio<\/a>. Saat ini Emmet hanya bisa digunakan untuk\u00a0HTML dan CSS.<\/p>\n<p><!--more--><\/p>\n<p><strong>Catatan<\/strong>: Karena banyaknya fungsi yang ada di dalam Emmet, pada artikel ini kita\u00a0hanya akan fokus pada HTML dan di artikel selanjutnya akan dilanjutkan dengan CSS.<\/p>\n<h2>Menulis HTML dengan Emmet<\/h2>\n<p>Untuk dapat menggunakan Emmet, setelah menulis syntax yang sesuai, cukup tekan\u00a0tab pada keyboard\u00a0<em>and the magic happen<\/em>.\u00a0Berikut ini adalah beberapa simbol utama untuk menggunakan Emmet:<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/syntax-keys.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-1983 size-large\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/syntax-keys-1024x819.png\" alt=\"syntax-keys\" width=\"620\" height=\"496\" srcset=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/syntax-keys-1024x819.png 1024w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/syntax-keys-300x240.png 300w, https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/syntax-keys.png 1280w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p>Untuk lebih jelasnya, silahkan baca ulasan dibawah ini tentang cara menggunakannya.<\/p>\n<h3>Child Element (Nesting)<\/h3>\n<p>Syntax yang digunakan untuk nesting adalah <code>&gt;<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/child-element.gif\"><img decoding=\"async\" class=\" size-full wp-image-1993 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/child-element.gif\" alt=\"child-element\" width=\"600\" height=\"235\" \/><\/a><\/p>\n<h3>Sibling Element<\/h3>\n<p>Untuk melakukan sibling, cukup menambahkan symbol <code>+<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/sibling-element.gif\"><img decoding=\"async\" class=\" size-full wp-image-2001 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/sibling-element.gif\" alt=\"sibling-element\" width=\"600\" height=\"135\" \/><\/a><\/p>\n<h3>Grouping<\/h3>\n<p>Grouping sangat mudah dilakukan, cukup dengan menuliskan symbol <code>()<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/grouping.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1995 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/grouping.gif\" alt=\"grouping\" width=\"600\" height=\"195\" \/><\/a><\/p>\n<h3>Menambahkan Teks<\/h3>\n<p>Untuk menambahkan teks, Anda bisa menggunakan symbol kurung kurawal <code>{}<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/menambahkan-teks.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1997 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/menambahkan-teks.gif\" alt=\"menambahkan-teks\" width=\"600\" height=\"100\" \/><\/a><\/p>\n<h3>Menambahkan Atribut<\/h3>\n<p>Jika Anda ingin membuat beberapa elemen berikut dengan atributnya, gunakan symbol <code>[]<\/code> dan masukan atribut di dalamnya.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/menambahkan-atribut.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1996 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/menambahkan-atribut.gif\" alt=\"menambahkan-atribut\" width=\"600\" height=\"110\" \/><\/a><\/p>\n<h3>Memberikan ID dan CLASS<\/h3>\n<p>Seperti symbolnya dalam CSS, penambahan atribut khusus ini ditulis dengan tanda pagar <code>#<\/code> untuk id\u00a0dan tanda titik <code>.<\/code> untuk class.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/complex-id-dan-class.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1994 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/complex-id-dan-class.gif\" alt=\"complex-id-dan-class\" width=\"600\" height=\"220\" \/><\/a><\/p>\n<p>Jika ingin memebuat\u00a0div yang memiliki\u00a0id atau class, Anda bisa melewatkan dalam menulisnya. Jadi cukup tanda class dan id nya saja yang ditulis. Anda juga bisa menambahkan beberapa class atau id.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/simple-id-dan-class.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2002 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/simple-id-dan-class.gif\" alt=\"simple-id-dan-class\" width=\"600\" height=\"100\" \/><\/a><\/p>\n<h3>Perkalian<\/h3>\n<p>Untuk menulis banyak elemen sekaligus, anda cukup mengalikannya dengan jumlah yang Anda inginkan. Syntax yang dipakai adalah tanda bintang <code>*<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/perkalian.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-2000 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/perkalian.gif\" alt=\"perkalian\" width=\"600\" height=\"250\" \/><\/a><\/p>\n<h3>Naik Satu Element<\/h3>\n<p>Jika Anda berada dalam sebuah child element dan ingin elemen lain berada diluarnya, Anda bisa naik satu elemen dengan syntx <code>^<\/code>.<\/p>\n<h2><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/naik-element.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1998 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/naik-element.gif\" alt=\"naik-element\" width=\"600\" height=\"220\" \/><\/a><\/h2>\n<h3>Penomeran Otomatis<\/h3>\n<p>Satu lagi yang sangat menarik dari Emmet, tool mampu memberikan penomeran otomatis dengan menggunakan syntax dollar <code>$<\/code>.<\/p>\n<p><a href=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/penomeran-otomatis.gif\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-1999 aligncenter\" src=\"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/penomeran-otomatis.gif\" alt=\"penomeran-otomatis\" width=\"600\" height=\"155\" \/><\/a><\/p>\n<h2>Kesimpulan<\/h2>\n<p>Bagaimana menurut Anda? Jika Anda adalah seorang Web Developer dan belum menginstall plugin yang satu ini, saya sarankan Anda segera menginstallnya sekarang juga. Diatas, hanya beberapa tips yang dapat saya berikan, untuk tutorial yang lebih lengkap, silahkan Anda baca\u00a0dokumentasi resmi Emmet <a href=\"http:\/\/docs.emmet.io\/\">disini<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Emmet, sebelumnya bernama Zen Coding, adalah sebuah plugin yang sangat powerful dalam\u00a0meningkatkan produktifitas kita membuat sebuah website. Emmet mendukung banyak sekali IDE dan text editor,<\/p>\n","protected":false},"author":9,"featured_media":2085,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[749,753,750,751,752],"class_list":["post-1982","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-web-design","tag-emmet","tag-meningkatkan-produktifitas-html","tag-menulis-html-cepat","tag-tips-html","tag-tutorial-emmet"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Koding Super Kilat Dengan Emmet - Part 1 HTML - 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\/emmet-koding-html-super-kilat\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Koding Super Kilat Dengan Emmet - Part 1 HTML - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Emmet, sebelumnya bernama Zen Coding, adalah sebuah plugin yang sangat powerful dalam\u00a0meningkatkan produktifitas kita membuat sebuah website. Emmet mendukung banyak sekali IDE dan text editor,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-15T05:23:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-25T14:18:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\"},\"headline\":\"Koding Super Kilat Dengan Emmet &#8211; Part 1 HTML\",\"datePublished\":\"2015-02-15T05:23:15+00:00\",\"dateModified\":\"2019-06-25T14:18:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/\"},\"wordCount\":353,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/02\\\/emmet-html-logo.jpg\",\"keywords\":[\"emmet\",\"meningkatkan produktifitas html\",\"menulis html cepat\",\"tips html\",\"tutorial emmet\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/\",\"name\":\"Koding Super Kilat Dengan Emmet - Part 1 HTML - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/02\\\/emmet-html-logo.jpg\",\"datePublished\":\"2015-02-15T05:23:15+00:00\",\"dateModified\":\"2019-06-25T14:18:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/02\\\/emmet-html-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/02\\\/emmet-html-logo.jpg\",\"width\":800,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/emmet-koding-html-super-kilat\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Koding Super Kilat Dengan Emmet &#8211; Part 1 HTML\"}]},{\"@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\\\/ad1c5822a60b5b228c5ceda20e439fea\",\"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\\\/putralucio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Koding Super Kilat Dengan Emmet - Part 1 HTML - 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\/emmet-koding-html-super-kilat\/","og_locale":"en_US","og_type":"article","og_title":"Koding Super Kilat Dengan Emmet - Part 1 HTML - WebHozz Blog","og_description":"Emmet, sebelumnya bernama Zen Coding, adalah sebuah plugin yang sangat powerful dalam\u00a0meningkatkan produktifitas kita membuat sebuah website. Emmet mendukung banyak sekali IDE dan text editor,","og_url":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/","og_site_name":"WebHozz Blog","article_published_time":"2015-02-15T05:23:15+00:00","article_modified_time":"2019-06-25T14:18:04+00:00","og_image":[{"width":800,"height":400,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea"},"headline":"Koding Super Kilat Dengan Emmet &#8211; Part 1 HTML","datePublished":"2015-02-15T05:23:15+00:00","dateModified":"2019-06-25T14:18:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/"},"wordCount":353,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg","keywords":["emmet","meningkatkan produktifitas html","menulis html cepat","tips html","tutorial emmet"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/","url":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/","name":"Koding Super Kilat Dengan Emmet - Part 1 HTML - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg","datePublished":"2015-02-15T05:23:15+00:00","dateModified":"2019-06-25T14:18:04+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2015\/02\/emmet-html-logo.jpg","width":800,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/emmet-koding-html-super-kilat\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Koding Super Kilat Dengan Emmet &#8211; Part 1 HTML"}]},{"@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\/ad1c5822a60b5b228c5ceda20e439fea","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\/putralucio\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1982","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=1982"}],"version-history":[{"count":12,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1982\/revisions"}],"predecessor-version":[{"id":2086,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/1982\/revisions\/2086"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/2085"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=1982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=1982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=1982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}