{"id":198,"date":"2024-10-13T00:11:00","date_gmt":"2024-10-13T00:11:00","guid":{"rendered":"https:\/\/arenhost.id\/blog\/?p=198"},"modified":"2024-10-10T12:12:04","modified_gmt":"2024-10-10T12:12:04","slug":"mengenal-html-dasar-pembuatan-website","status":"publish","type":"post","link":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/","title":{"rendered":"Mengenal HTML | Dasar Pembuatan Website"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

Pengenalan HTML<\/h1>\n

\n Pernah ga sih kamu mengunjungi suatu web lalu bertanya tanya, bagaimana sih caranya orang bisa membuat halaman website tersebut??, apakah dengan dukun? atau pakai apa ya??. Hehe engga dong , masa iya pake dukun, Jadi Hampir semua website di bumi ini menggunakan HTML sebagai base tampilan web mereka, jadi apa sih itu html? HTML (HyperText Markup Language) adalah bahasa markup standar yang digunakan untuk membuat dan mendesain halaman web. HTML menggunakan serangkaian elemen untuk menggambarkan struktur dan konten suatu halaman. Elemen-elemen ini terdiri dari tag, atribut, dan isi. Contoh tag HTML yang sering digunakan antara lain:\n <\/p>\n \n

Tag Dasar HTML<\/h2>
\n

Kamu bisa mempraktekan tag tag dasar ini di html viewer di bawah Artikel Ini \ud83d\ude42<\/p>
\n

    \n
  • <h1><\/strong> – Digunakan untuk membuat judul utama. Contoh: 
    <h1>Ini Judul Utama<\/h1><\/pre><\/li>\n        
  • <p><\/strong> – Digunakan untuk membuat paragraf. Contoh: 
    <p>Ini adalah paragraf pertama.<\/p><\/pre><\/li>\n        
  • <hr><\/strong> – Digunakan untuk membuat garis horizontal. Contoh: 
    <hr><\/pre><\/li>\n        
  • <marquee><\/strong> – Digunakan untuk membuat teks bergerak. Contoh: 
    <marquee>Teks ini bergerak!<\/marquee><\/pre><\/li>\n    <\/ul>\n    \n    
    Cara Belajar HTML<\/h2>\n    
    \n        Belajar HTML bisa dimulai dengan memahami struktur dasar HTML. Berikut adalah langkah-langkah yang dapat diikuti:\n    <\/p>\n    
      \n        
    1. Mengerti struktur dasar HTML dan tag-tag penting.<\/li>\n        
    2. Berlatih menulis kode HTML secara langsung di editor.<\/li>\n        
    3. Gunakan tutorial online dan sumber belajar yang tersedia.<\/li>\n        
    4. Bergabung dengan komunitas belajar untuk mendapatkan umpan balik.<\/li>\n    <\/ol>\n\n    
      Contoh Penggunaan Tag HTML<\/h2>\n    
      Berikut adalah contoh penggunaan beberapa tag yang telah disebutkan:<\/p>\n    
      \n        <h1>Selamat Datang di Halaman HTML<\/h1>\n        <p>Ini adalah contoh paragraf yang menjelaskan tentang HTML.<\/p>\n        <hr>\n        <marquee>Teks ini bergerak dari kiri ke kanan!<\/marquee>\n    <\/pre>\n\n    
      Kesimpulan<\/h2>\n    
      \n        HTML adalah fondasi dasar dalam pengembangan web. Dengan memahami tag-tag dasar, kamu bisa mulai membangun halaman web sederhana. Praktikkan secara rutin dan eksplorasi lebih banyak untuk memperdalam pemahaman kamu. Kamu juga bisa mencoba berlatih membuat html dengan HTML Viewer dibawah artikel ini\n    <\/p>\n\n\n\n\n\n\n\n    \n    \n    HTML Viewer<\/title>\n    <style>\n        body {\n            display: flex;\n            justify-content: space-around;\n            font-family: Arial, sans-serif;\n            margin: 20px;\n        }\n        #inputArea {\n            width: 40%;\n        }\n        #outputArea {\n            width: 40%;\n            border: 1px solid #ccc;\n            padding: 10px;\n            height: 300px;\n            overflow: auto;\n        }\n        textarea {\n            width: 100%;\n            height: 200px;\n        }\n        button {\n            margin-top: 10px;\n            padding: 10px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div id=\"inputArea\">\n        <h1>HTML Viewer<\/h1>\n        <textarea id=\"htmlCode\" placeholder=\"Masukkan kode HTML di sini...\"><\/textarea>\n        <button onclick=\"generateHTML()\">Generate HTML<\/button>\n    <\/div>\n    <div id=\"outputArea\">\n        <h1>Output<\/h1>\n        <iframe id=\"outputFrame\" style=\"width:100%; height:100%; border:none;\"><\/iframe>\n    <\/div>\n\n    <script>\n        function generateHTML() {\n            var htmlCode = document.getElementById(\"htmlCode\").value;\n            \/\/ Menghapus semua tag <script> dari input\n            htmlCode = htmlCode.replace(\/<script[^>]*>.*?<\\\/script>\/g, '');\n            var outputFrame = document.getElementById(\"outputFrame\");\n            var output = outputFrame.contentWindow.document;\n\n            output.open();\n            output.write(htmlCode);\n            output.close();\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pengenalan HTML Pernah ga sih kamu mengunjungi suatu web lalu bertanya tanya, bagaimana sih caranya orang bisa membuat halaman website tersebut??, apakah dengan dukun? atau pakai apa ya??. Hehe engga. <a class=\"read-more-link\" href=\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\">read more…<\/a><\/p>\n","protected":false},"author":1,"featured_media":201,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,8,53],"tags":[55,57,56,54],"class_list":["post-198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hosting","category-informasi","category-pemrograman","tag-apa-itu-html","tag-contoh-html","tag-fungsi-html","tag-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Mengenal HTML | Dasar Pembuatan Website - ArenHost 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:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mengenal HTML | Dasar Pembuatan Website - ArenHost Blog\" \/>\n<meta property=\"og:description\" content=\"Pengenalan HTML Pernah ga sih kamu mengunjungi suatu web lalu bertanya tanya, bagaimana sih caranya orang bisa membuat halaman website tersebut??, apakah dengan dukun? atau pakai apa ya??. Hehe engga. read more...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\" \/>\n<meta property=\"og:site_name\" content=\"ArenHost Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-10-13T00:11:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-10T12:12:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1365\" \/>\n\t<meta property=\"og:image:height\" content=\"727\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"aren\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"aren\" \/>\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:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\"},\"author\":{\"name\":\"aren\",\"@id\":\"https:\/\/arenhost.id\/blog\/#\/schema\/person\/f3214859d7d839e88bfadba7323c2137\"},\"headline\":\"Mengenal HTML | Dasar Pembuatan Website\",\"datePublished\":\"2024-10-13T00:11:00+00:00\",\"dateModified\":\"2024-10-10T12:12:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\"},\"wordCount\":270,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/arenhost.id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png\",\"keywords\":[\"apa itu html\",\"contoh html\",\"fungsi html\",\"html\"],\"articleSection\":[\"Hosting\",\"Informasi\",\"pemrograman\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\",\"url\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\",\"name\":\"Mengenal HTML | Dasar Pembuatan Website - ArenHost Blog\",\"isPartOf\":{\"@id\":\"https:\/\/arenhost.id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png\",\"datePublished\":\"2024-10-13T00:11:00+00:00\",\"dateModified\":\"2024-10-10T12:12:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage\",\"url\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png\",\"contentUrl\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png\",\"width\":1365,\"height\":727},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/arenhost.id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mengenal HTML | Dasar Pembuatan Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/arenhost.id\/blog\/#website\",\"url\":\"https:\/\/arenhost.id\/blog\/\",\"name\":\"ArenHost Blog\",\"description\":\"ArenHost Blog\",\"publisher\":{\"@id\":\"https:\/\/arenhost.id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/arenhost.id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/arenhost.id\/blog\/#organization\",\"name\":\"ArenHost Blog\",\"url\":\"https:\/\/arenhost.id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arenhost.id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Aren-horizontal.png\",\"contentUrl\":\"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Aren-horizontal.png\",\"width\":2717,\"height\":794,\"caption\":\"ArenHost Blog\"},\"image\":{\"@id\":\"https:\/\/arenhost.id\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/arenhost.id\/blog\/#\/schema\/person\/f3214859d7d839e88bfadba7323c2137\",\"name\":\"aren\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/arenhost.id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6f1d6ba1b1dcdf605614800546041d9d1d3b07c8fa4eec87c29cf852c8d79b21?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6f1d6ba1b1dcdf605614800546041d9d1d3b07c8fa4eec87c29cf852c8d79b21?s=96&d=mm&r=g\",\"caption\":\"aren\"},\"sameAs\":[\"https:\/\/arenhost.id\/blog\",\"aren\"],\"url\":\"https:\/\/arenhost.id\/blog\/author\/aren\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mengenal HTML | Dasar Pembuatan Website - ArenHost 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:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/","og_locale":"en_US","og_type":"article","og_title":"Mengenal HTML | Dasar Pembuatan Website - ArenHost Blog","og_description":"Pengenalan HTML Pernah ga sih kamu mengunjungi suatu web lalu bertanya tanya, bagaimana sih caranya orang bisa membuat halaman website tersebut??, apakah dengan dukun? atau pakai apa ya??. Hehe engga. read more...","og_url":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/","og_site_name":"ArenHost Blog","article_published_time":"2024-10-13T00:11:00+00:00","article_modified_time":"2024-10-10T12:12:04+00:00","og_image":[{"width":1365,"height":727,"url":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png","type":"image\/png"}],"author":"aren","twitter_card":"summary_large_image","twitter_misc":{"Written by":"aren","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#article","isPartOf":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/"},"author":{"name":"aren","@id":"https:\/\/arenhost.id\/blog\/#\/schema\/person\/f3214859d7d839e88bfadba7323c2137"},"headline":"Mengenal HTML | Dasar Pembuatan Website","datePublished":"2024-10-13T00:11:00+00:00","dateModified":"2024-10-10T12:12:04+00:00","mainEntityOfPage":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/"},"wordCount":270,"commentCount":0,"publisher":{"@id":"https:\/\/arenhost.id\/blog\/#organization"},"image":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage"},"thumbnailUrl":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png","keywords":["apa itu html","contoh html","fungsi html","html"],"articleSection":["Hosting","Informasi","pemrograman"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/","url":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/","name":"Mengenal HTML | Dasar Pembuatan Website - ArenHost Blog","isPartOf":{"@id":"https:\/\/arenhost.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage"},"image":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage"},"thumbnailUrl":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png","datePublished":"2024-10-13T00:11:00+00:00","dateModified":"2024-10-10T12:12:04+00:00","breadcrumb":{"@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#primaryimage","url":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png","contentUrl":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Html.png","width":1365,"height":727},{"@type":"BreadcrumbList","@id":"https:\/\/arenhost.id\/blog\/mengenal-html-dasar-pembuatan-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/arenhost.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Mengenal HTML | Dasar Pembuatan Website"}]},{"@type":"WebSite","@id":"https:\/\/arenhost.id\/blog\/#website","url":"https:\/\/arenhost.id\/blog\/","name":"ArenHost Blog","description":"ArenHost Blog","publisher":{"@id":"https:\/\/arenhost.id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arenhost.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/arenhost.id\/blog\/#organization","name":"ArenHost Blog","url":"https:\/\/arenhost.id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arenhost.id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Aren-horizontal.png","contentUrl":"https:\/\/arenhost.id\/blog\/wp-content\/uploads\/2024\/10\/Aren-horizontal.png","width":2717,"height":794,"caption":"ArenHost Blog"},"image":{"@id":"https:\/\/arenhost.id\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/arenhost.id\/blog\/#\/schema\/person\/f3214859d7d839e88bfadba7323c2137","name":"aren","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/arenhost.id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6f1d6ba1b1dcdf605614800546041d9d1d3b07c8fa4eec87c29cf852c8d79b21?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6f1d6ba1b1dcdf605614800546041d9d1d3b07c8fa4eec87c29cf852c8d79b21?s=96&d=mm&r=g","caption":"aren"},"sameAs":["https:\/\/arenhost.id\/blog","aren"],"url":"https:\/\/arenhost.id\/blog\/author\/aren\/"}]}},"_links":{"self":[{"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/posts\/198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/comments?post=198"}],"version-history":[{"count":3,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/posts\/198\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/posts\/198\/revisions\/202"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/media\/201"}],"wp:attachment":[{"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/media?parent=198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/categories?post=198"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arenhost.id\/blog\/wp-json\/wp\/v2\/tags?post=198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}