{"id":21,"date":"2015-07-12T23:27:51","date_gmt":"2015-07-12T22:27:51","guid":{"rendered":"https:\/\/yellowweb.id\/blog\/?p=21"},"modified":"2015-07-20T06:31:23","modified_gmt":"2015-07-20T05:31:23","slug":"htmlcss-cheat-sheet","status":"publish","type":"post","link":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/","title":{"rendered":"HTML+CSS Cheat Sheet"},"content":{"rendered":"

\"html_cheat_shett_yellowweb\"<\/a>Untuk artikel kali ini, saya akan sedikit berbagi Tips n Trik\u00a0 tentang HTML<\/a>, CSS<\/a>. Bagi sebagian orang yang baru saja mempelajari HTML<\/a> dan CSS mungkin akan sedikit merasa kebingungan karena, banyak sekali tag-tag HTML<\/a> atau pun kode CSS<\/a> yang ada. Solusinya adalah kita dapat menggunakan Cheat Sheet<\/a>.<\/p>\n

<\/p>\n

HTML<\/a> Cheat Sheet sendiri merupakan kumpulan kode atau tag-tag HTML<\/a> yang sudah di kelompokkan, sehingga kita tidak perlu repot menghafal tag-tag HTML<\/a> yang ada.<\/p>\n

\"html_cheat_sheet_yellowweb\"<\/a><\/p>\n

Tidak hanya HTML<\/a> saja melainkan jQuery<\/a>, CSS<\/a> pun juga ada Cheat Sheetnya. Dengan menggunakan Cheat Sheet<\/a> kita merasa terbantu, karena kita tidak harus menghafal kode-kode yang ada. Semakin sering kita terbiasa menuliskan kode HTML<\/a> ataupun CSS secara berulang-ulang, pada akhirnya secara tidak langsung kita akan mudah menghafalnya.<\/p>\n

Berikut ini beberapa situs referensi Cheat Sheet<\/a>, yang berhasil kami kumpulkan:<\/p>\n

    \n
  1. webmonkey.com<\/a><\/li>\n
  2. docs.emmet.io<\/a><\/li>\n
  3. overapi.com<\/a><\/li>\n<\/ol>\n

    Untuk versi PDF, kalian bisa download disini:<\/p>\n

      \n
    1. HTML Cheat Sheet<\/a><\/li>\n
    2. CSS Cheat Sheet<\/a><\/li>\n<\/ol>\n

      Nah itu dia sedikit Tips n Trik dari saya, silahkan teman-teman bisa mencobanya. Sampai ketemu di artikel berikutnya. Bye,…<\/p>\n

       <\/p>\n

       <\/p>\n","protected":false},"excerpt":{"rendered":"

      Untuk artikel kali ini, saya akan sedikit berbagi Tips n Trik\u00a0 tentang HTML, CSS. Bagi sebagian orang yang baru saja mempelajari HTML dan CSS mungkin akan sedikit merasa kebingungan karena, banyak sekali tag-tag HTML atau pun kode CSS yang ada. Solusinya adalah kita dapat menggunakan Cheat Sheet.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[37,43,17],"tags":[21,8,22,13,14,18,19,20],"class_list":["post-21","post","type-post","status-publish","format-standard","hentry","category-css","category-html","category-tips-n-trik","tag-cheat-sheet","tag-css","tag-css3","tag-html","tag-html5","tag-jquery","tag-tips","tag-trik"],"yoast_head":"\nHTML+CSS Cheat Sheet - YELLOWWEB.ID<\/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.yellowweb.id\/blog\/htmlcss-cheat-sheet\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML+CSS Cheat Sheet - YELLOWWEB.ID\" \/>\n<meta property=\"og:description\" content=\"Untuk artikel kali ini, saya akan sedikit berbagi Tips n Trik\u00a0 tentang HTML, CSS. Bagi sebagian orang yang baru saja mempelajari HTML dan CSS mungkin akan sedikit merasa kebingungan karena, banyak sekali tag-tag HTML atau pun kode CSS yang ada. Solusinya adalah kita dapat menggunakan Cheat Sheet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/\" \/>\n<meta property=\"og:site_name\" content=\"YELLOWWEB.ID\" \/>\n<meta property=\"article:published_time\" content=\"2015-07-12T22:27:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-07-20T05:31:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg\" \/>\n<meta name=\"author\" content=\"yellowweb\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"yellowweb\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated 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.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/\"},\"author\":{\"name\":\"yellowweb\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"headline\":\"HTML+CSS Cheat Sheet\",\"datePublished\":\"2015-07-12T22:27:51+00:00\",\"dateModified\":\"2015-07-20T05:31:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/\"},\"wordCount\":174,\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/html_cheat_shett_yellowweb-1024x549.jpg\",\"keywords\":[\"cheat sheet\",\"css\",\"css3\",\"html\",\"html5\",\"jquery\",\"tips\",\"trik\"],\"articleSection\":[\"CSS\",\"HTML\",\"Tips n Trik\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/\",\"name\":\"HTML+CSS Cheat Sheet - YELLOWWEB.ID\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/html_cheat_shett_yellowweb-1024x549.jpg\",\"datePublished\":\"2015-07-12T22:27:51+00:00\",\"dateModified\":\"2015-07-20T05:31:23+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#primaryimage\",\"url\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/html_cheat_shett_yellowweb-1024x549.jpg\",\"contentUrl\":\"https:\\\/\\\/yellowweb.id\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/07\\\/html_cheat_shett_yellowweb-1024x549.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/htmlcss-cheat-sheet\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML+CSS Cheat Sheet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/\",\"name\":\"YELLOWWEB.ID\",\"description\":\"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/#\\\/schema\\\/person\\\/75188044e080844724e381ab6a5b9829\",\"name\":\"yellowweb\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g\",\"caption\":\"yellowweb\"},\"sameAs\":[\"https:\\\/\\\/www.yellowweb.id\"],\"url\":\"https:\\\/\\\/www.yellowweb.id\\\/blog\\\/author\\\/yellowweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML+CSS Cheat Sheet - YELLOWWEB.ID","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.yellowweb.id\/blog\/htmlcss-cheat-sheet\/","og_locale":"en_GB","og_type":"article","og_title":"HTML+CSS Cheat Sheet - YELLOWWEB.ID","og_description":"Untuk artikel kali ini, saya akan sedikit berbagi Tips n Trik\u00a0 tentang HTML, CSS. Bagi sebagian orang yang baru saja mempelajari HTML dan CSS mungkin akan sedikit merasa kebingungan karena, banyak sekali tag-tag HTML atau pun kode CSS yang ada. Solusinya adalah kita dapat menggunakan Cheat Sheet.","og_url":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/","og_site_name":"YELLOWWEB.ID","article_published_time":"2015-07-12T22:27:51+00:00","article_modified_time":"2015-07-20T05:31:23+00:00","og_image":[{"url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg","type":"","width":"","height":""}],"author":"yellowweb","twitter_card":"summary_large_image","twitter_misc":{"Written by":"yellowweb","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#article","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/"},"author":{"name":"yellowweb","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"headline":"HTML+CSS Cheat Sheet","datePublished":"2015-07-12T22:27:51+00:00","dateModified":"2015-07-20T05:31:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/"},"wordCount":174,"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg","keywords":["cheat sheet","css","css3","html","html5","jquery","tips","trik"],"articleSection":["CSS","HTML","Tips n Trik"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/","url":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/","name":"HTML+CSS Cheat Sheet - YELLOWWEB.ID","isPartOf":{"@id":"https:\/\/www.yellowweb.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#primaryimage"},"image":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#primaryimage"},"thumbnailUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg","datePublished":"2015-07-12T22:27:51+00:00","dateModified":"2015-07-20T05:31:23+00:00","author":{"@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829"},"breadcrumb":{"@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#primaryimage","url":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg","contentUrl":"https:\/\/yellowweb.id\/blog\/wp-content\/uploads\/2015\/07\/html_cheat_shett_yellowweb-1024x549.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.yellowweb.id\/blog\/htmlcss-cheat-sheet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.yellowweb.id\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML+CSS Cheat Sheet"}]},{"@type":"WebSite","@id":"https:\/\/www.yellowweb.id\/blog\/#website","url":"https:\/\/www.yellowweb.id\/blog\/","name":"YELLOWWEB.ID","description":"Kursus Web Design | Kursus Web Programming | Mobile Web Apps | Digital Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.yellowweb.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.yellowweb.id\/blog\/#\/schema\/person\/75188044e080844724e381ab6a5b9829","name":"yellowweb","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5afd1bfac26e9377e8f5e36afb624cf3690dd31cb07c3961dfbc736b9ff1912f?s=96&d=mm&r=g","caption":"yellowweb"},"sameAs":["https:\/\/www.yellowweb.id"],"url":"https:\/\/www.yellowweb.id\/blog\/author\/yellowweb\/"}]}},"_links":{"self":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":2,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/posts\/21\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowweb.id\/blog\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}