{"id":7327,"date":"2025-03-01T20:50:06","date_gmt":"2025-03-01T13:50:06","guid":{"rendered":"https:\/\/www.kantorkita.co.id\/blog\/?p=7327"},"modified":"2025-03-01T21:20:30","modified_gmt":"2025-03-01T14:20:30","slug":"contoh-coding-html-website-sederhana-untuk-pemula","status":"publish","type":"post","link":"https:\/\/www.kantorkita.co.id\/blog\/contoh-coding-html-website-sederhana-untuk-pemula\/","title":{"rendered":"Contoh Coding HTML Website Sederhana untuk Pemula"},"content":{"rendered":"<p><b><a href=\"https:\/\/www.kantorkita.co.id\/\">Kantorkita.co.id <\/a>&#8211;<\/b> Membuat website sederhana dengan<a href=\"https:\/\/www.kantorkita.co.id\/blog\/contoh-coding-html-website-sederhana-untuk-pemula\/\"> HTML<\/a> adalah langkah pertama bagi siapa saja yang ingin belajar pengembangan web. Dengan memahami dasar-dasar HTML, Anda bisa membuat halaman web sendiri dan mengembangkannya dengan CSS dan JavaScript.<\/p>\n<p>Artikel ini akan membahas contoh coding HTML yang mudah dipahami dan dapat langsung dicoba oleh pemula.<\/p>\n<p><em><strong>Mungkin Anda Butuhkan:<\/strong><\/em><\/p>\n<p><strong><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=id.co.kantorkita.app.kantorkita&amp;hl=en_US\">Aplikasi Absensi Android<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-ios.html\">Aplikasi Absensi IOS<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-android.html\">Absensi Android<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-ios.html\">Absensi Ios<\/a><\/strong><\/p>\n<h3><strong>Mengapa Belajar HTML?<\/strong><\/h3>\n<p>HTML (HyperText Markup Language) adalah bahasa dasar dalam pembuatan website. Beberapa alasan mengapa Anda perlu mempelajarinya:<\/p>\n<ul>\n<li><strong>Mudah dipahami<\/strong> \u2013 Sintaks HTML sederhana dan mudah dipelajari.<\/li>\n<li><strong>Pondasi utama website<\/strong> \u2013 Semua halaman web menggunakan HTML sebagai dasar struktur.<\/li>\n<li><strong>Dapat dikombinasikan dengan CSS dan JavaScript<\/strong> \u2013 Untuk desain yang lebih menarik dan interaktif.<\/li>\n<\/ul>\n<h3><strong>Struktur Dasar HTML<\/strong><\/h3>\n<p>Sebelum membuat website sederhana, kita perlu memahami struktur dasar HTML. Berikut adalah contoh struktur HTML dasar:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"id\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\r\n    &lt;title&gt;Website Sederhana&lt;\/title&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;h1&gt;Selamat Datang di Website Saya&lt;\/h1&gt;\r\n    &lt;p&gt;Ini adalah contoh website sederhana menggunakan HTML.&lt;\/p&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<p>Kode di atas adalah kerangka dasar dari sebuah halaman web.<\/p>\n<p><em><strong>Mungkin Anda Butuhkan:<\/strong><\/em><\/p>\n<p><strong><a href=\"https:\/\/www.kantorkita.co.id\/\">Aplikasi Absensi<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-online\/\">Aplikasi Absensi Online<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=id.co.kantorkita.app.kantorkita&amp;hl=en_US\">Aplikasi Absensi Gratis<\/a><\/strong><\/p>\n<h3><strong>Membuat Website dengan Header, Konten, dan Footer<\/strong><\/h3>\n<p>Berikut adalah contoh website sederhana dengan struktur header, konten, dan footer:<\/p>\n<pre><code class=\"language-html\">&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"id\"&gt;\r\n&lt;head&gt;\r\n    &lt;meta charset=\"UTF-8\"&gt;\r\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\r\n    &lt;title&gt;Website Pemula&lt;\/title&gt;\r\n    &lt;style&gt;\r\n        body { font-family: Arial, sans-serif; text-align: center; }\r\n        header { background: #333; color: white; padding: 10px; }\r\n        section { margin: 20px; }\r\n        footer { background: #333; color: white; padding: 10px; position: fixed; bottom: 0; width: 100%; }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;header&gt;\r\n        &lt;h1&gt;Website Pemula&lt;\/h1&gt;\r\n    &lt;\/header&gt;\r\n    &lt;section&gt;\r\n        &lt;h2&gt;Tentang Website Ini&lt;\/h2&gt;\r\n        &lt;p&gt;Website ini dibuat sebagai contoh belajar HTML.&lt;\/p&gt;\r\n    &lt;\/section&gt;\r\n    &lt;footer&gt;\r\n        &lt;p&gt;&amp;copy; 2025 Website Pemula&lt;\/p&gt;\r\n    &lt;\/footer&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/code><\/pre>\n<p>Kode ini menambahkan desain sederhana dengan CSS untuk membuat tampilan lebih menarik.<\/p>\n<h3><strong>Menambahkan Gambar dan Link<\/strong><\/h3>\n<p>Anda dapat menambahkan gambar dan link dengan kode berikut:<\/p>\n<pre><code class=\"language-html\">&lt;img src=\"gambar.jpg\" alt=\"Deskripsi Gambar\" width=\"300\"&gt;\r\n&lt;a href=\"https:\/\/www.example.com\"&gt;Kunjungi Situs&lt;\/a&gt;\r\n<\/code><\/pre>\n<p><em><strong>Mungkin Anda Butuhkan:<\/strong><\/em><\/p>\n<p><strong><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=id.co.kantorkita.app.kantorkita&amp;hl=en_US\">Aplikasi Absensi Android<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-ios.html\">Aplikasi Absensi IOS<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-android.html\">Absensi Android<\/a><\/strong><br \/>\n<strong><a href=\"https:\/\/www.kantorkita.co.id\/aplikasi-absensi-ios.html\">Absensi Ios<\/a><\/strong><\/p>\n<h3><strong>Kesimpulan<\/strong><\/h3>\n<p>Membuat website sederhana dengan HTML sangat mudah dan merupakan langkah awal yang penting dalam belajar pengembangan web. Setelah memahami HTML, Anda bisa melanjutkan dengan mempelajari CSS dan JavaScript untuk meningkatkan tampilan dan fungsionalitas website Anda. <strong>(KantorKita.co.id\/Admin)<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kantorkita.co.id &#8211; Membuat website sederhana dengan HTML adalah langkah pertama bagi siapa saja yang ingin belajar pengembangan web. Dengan memahami dasar-dasar HTML, Anda bisa membuat halaman web sendiri dan mengembangkannya dengan CSS dan JavaScript. Artikel ini akan membahas contoh coding HTML yang mudah dipahami dan dapat langsung dicoba oleh pemula. Mungkin Anda Butuhkan: Aplikasi Absensi [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":7328,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[2073],"class_list":{"0":"post-7327","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips","8":"tag-html"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/posts\/7327"}],"collection":[{"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/comments?post=7327"}],"version-history":[{"count":3,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/posts\/7327\/revisions"}],"predecessor-version":[{"id":7352,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/posts\/7327\/revisions\/7352"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/media\/7328"}],"wp:attachment":[{"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/media?parent=7327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/categories?post=7327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kantorkita.co.id\/blog\/wp-json\/wp\/v2\/tags?post=7327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}