{"id":8,"date":"2019-07-11T12:10:25","date_gmt":"2019-07-11T12:10:25","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=8"},"modified":"2019-09-30T06:35:58","modified_gmt":"2019-09-30T06:35:58","slug":"pengenalan-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/","title":{"rendered":"HTML : Pengenalan"},"content":{"rendered":"\n<p>HTML merupakan bahasa markup utama untuk menggambarkan struktur halaman web.<\/p>\n\n\n\n<p>HTML merupakan kepanjangan dari Hyper Text Markup\nLanguage. HTML merupakan dasar pondasi dalam membangun World Wide Web (WWW).<\/p>\n\n\n\n<p>Hypertext adalah teks yang ditampilkan di komputer\natau perangkat elektronik lainnya dengan referensi atau dapat terhubung ke teks\nlainnya yang dapat segera diakses pengguna, biasanya dengan meng-klik mouse\natau menekan sebuah tombol.<\/p>\n\n\n\n<p>Selain teks, hypertext juga dapat berisi tabel,\ndaftar, formulir, gambar, dan elemen presentasi lainnya. Ini merupakan format\nyang mudah digunakan dan fleksibel untuk berbagi informasi melalui Internet.<\/p>\n\n\n\n<p>Bahasa markup menggunakan set tag markup untuk\nmengkarakterisasi elemen teks dalam dokumen, yang memberikan instruksi kepada\nbrowser web tentang bagaimana dokumen seharusnya muncul.<\/p>\n\n\n\n<p>HTML awalnya dikembangkan oleh Tim Berners-Lee pada tahun 1990. Dia juga dikenal sebagai bapak web. Pada tahun 1996, World Wide Web Consortium (W3C) menjadi otoritas (badan) untuk mempertahankan spesifikasi HTML. Pada tahun 2000 HTML juga menjadi standar internasional (ISO). HTML5 adalah versi terbaru dari HTML. HTML5 menyediakan pendekatan yang lebih cepat dan lebih kuat untuk pengembangan web.<\/p>\n\n\n\n<p><strong><em>Tips:<\/em><\/strong> Tutorial HTML kami akan membantu kalian mempelajari dasar-dasar bahasa HTML5 terbaru, dari topik dasar hingga lanjutan, langkah demi langkah. Jika kalian seorang pemula, mulailah dengan bagian dasar dan kemudian secara bertahap bergerak maju dengan mempelajari sedikit demi sedikit setiap harinya.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Apa Yang Bisa Kalian Lakukan Dengan HTML.<\/strong> <\/h2>\n\n\n\n<p>Ada banyak hal yang\ndapat kalian lakukan dengan HTML, seperti :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Kalian dapat mempublikasikan dokumen secara online\ndengan teks, gambar, daftar, tabel, dll.<\/li><li>Kalian dapat mengakses sumber daya web seperti\ngambar, video atau dokumen HTML lainnya melalui hyperlink.<\/li><li>Kalian dapat membuat form untuk mengumpulkan user\ninput seperti nama, alamat email, komentar, dll.<\/li><li>Kalian dapat memasukkan gambar, video, klip suara,\nfilm flash, aplikasi, dan dokumen HTML lainnya langsung di dalam dokumen HTML.<\/li><li>Kalian bisa membuat versi offline situs web kalian yang\ndapat dijalankan tanpa internet.<\/li><li>Kalian dapat menyimpan data di browser web pengguna\ndan mengaksesnya nanti.<\/li><li>Kalian dapat menemukan lokasi pengunjung situs web kalian\nsaat ini.<\/li><\/ul>\n\n\n\n<p>Bukan hanya itu saja, ada banyak hal menarik lainnya yang dapat kalian lakukan dengan HTML. kalian akan mempelajari semuanya secara rinci di bab-bab berikutnya<\/p>\n\n\n\n<p><strong><em>Catatan:<\/em><\/strong> Seperti yang telah dijelaskan sebelumnya HTML adalah bahasa markup bukan bahasa pemrograman, seperti Java, Ruby, PHP, dll. Kalian memerlukan browser web untuk melihat halaman HTML. Browser web tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan konten halaman web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Tutorial Ini Meliputi<\/strong>.<\/h2>\n\n\n\n<p>Seri tutorial HTML ini mencakup semua dasar-dasar HTML, termasuk ide elemen dan atribut, cara memformat teks menggunakan tag HTML, metode menambahkan style informasi ke dalam dokumen, teknik cara memasukkan gambar dan tabel, proses membuat daftar dan formulir serta metode cara memasukkan dokumen HTML lain ke dalam dokumen saat ini, dan sebagainya.<\/p>\n\n\n\n<p>Setelah kalian terbiasa dengan dasar-dasarnya, kalian dapat beralih ke tingkat berikutnya yang menjelaskan konsep DOCTYPE, metode untuk membuat tata letak halaman web, pentingnya menambahkan informasi meta ke halaman web, cara menambahkan skrip, teknik cara menunjukkan spesial karakter, anatomi URL, dan banyak lagi.<\/p>\n\n\n\n<p>Terakhir, kalian akan menjelajahi beberapa fitur lanjutan yang diperkenalkan dalam HTML5 seperti new input types, menggambar grafik pada halaman web, memasukan audio dan video ke dalam dokumen, menyimpan data ke sisi client menggunakan penyimpanan web, menyimpan file, mendesign background web, serta mendapatkan koordinat geografis pengguna, membuat drag application, dan sebagainya.<\/p>\n\n\n\n<p><strong><em>Tips<\/em><\/strong>: Setiap bab dalam tutorial\nini berisi banyak contoh nyata yang dapat kalian coba dan uji menggunakan\neditor online. Contoh-contoh ini akan membantu kalian untuk lebih memahami\nkonsep atau topiknya. Pada tutorial juga berisi solusi cerdas serta tips dan\ncatatan penting yang bermanfaat.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML merupakan bahasa markup utama untuk menggambarkan struktur halaman web. HTML merupakan kepanjangan dari Hyper Text Markup Language. HTML merupakan dasar pondasi dalam membangun World<\/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-8","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 : Pengenalan - 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\/pengenalan-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Pengenalan - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"HTML merupakan bahasa markup utama untuk menggambarkan struktur halaman web. HTML merupakan kepanjangan dari Hyper Text Markup Language. HTML merupakan dasar pondasi dalam membangun World\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/pengenalan-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-11T12:10:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-30T06:35:58+00:00\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Pengenalan\",\"datePublished\":\"2019-07-11T12:10:25+00:00\",\"dateModified\":\"2019-09-30T06:35:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/\"},\"wordCount\":572,\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/\",\"name\":\"Belajar HTML : Pengenalan - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"datePublished\":\"2019-07-11T12:10:25+00:00\",\"dateModified\":\"2019-09-30T06:35:58+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/pengenalan-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Pengenalan\"}]},{\"@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 : Pengenalan - 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\/pengenalan-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Pengenalan - WebHozz Code","og_description":"HTML merupakan bahasa markup utama untuk menggambarkan struktur halaman web. HTML merupakan kepanjangan dari Hyper Text Markup Language. HTML merupakan dasar pondasi dalam membangun World","og_url":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-11T12:10:25+00:00","article_modified_time":"2019-09-30T06:35:58+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Pengenalan","datePublished":"2019-07-11T12:10:25+00:00","dateModified":"2019-09-30T06:35:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/"},"wordCount":572,"articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/","url":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/","name":"Belajar HTML : Pengenalan - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"datePublished":"2019-07-11T12:10:25+00:00","dateModified":"2019-09-30T06:35:58+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/pengenalan-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/pengenalan-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Pengenalan"}]},{"@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\/8","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=8"}],"version-history":[{"count":5,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/8\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/8\/revisions\/404"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=8"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=8"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}