{"id":26171,"date":"2025-07-02T07:26:21","date_gmt":"2025-07-02T07:26:21","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=26171"},"modified":"2025-07-02T07:26:21","modified_gmt":"2025-07-02T07:26:21","slug":"kumpulan-tag-pada-html-yang-sering-digunakan","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan","title":{"rendered":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram"},"content":{"rendered":"
\n
\n

Jumlah aplikasi yang bermunculan di perangkat smartphone dan laptop sering kali tidak disadari menyimpan bahasa pemograman yang membangun tampilan aplikasi tersebut. Bahasa pemograman berfungsi untuk mengeksekusi instruksi yang diberikan pada komputer. Jika Anda kurang menyukai bahasa pemograman yang bersifat terstruktur, Anda bisa memilih bahasa pemograman yang lebih fleksibel seperti HTML. HTML cukup sederhana dan mudah dipahami serta dipelajari karena terdiri dari sekumpulan tag yang mudah diingat. <\/span><\/p>\n

Seorang programmer umumnya sudah akrab dengan istilah HTML tersebut. <\/span> Namun, jika Anda seorang pemula, sangat disarankan untuk mempelajari dasar-dasar yang menyusun suatu program terlebih dahulu. <\/span> Dengan begitu, saat Anda membuat aplikasi di masa mendatang, Anda akan lebih memahami logika aplikasi itu sendiri. <\/span> Jika Anda belum sepenuhnya memahami HTML, mari simak artikel ini. <\/span><\/p>\n

Mengenal Apa Itu HTML\u00a0<\/strong><\/h2>\n

HTML adalah bahasa markup utama untuk web yang berfungsi secara langsung di semua browser dan dikelola oleh World Wide Web Consortium. Dalam penggunaanya, HTML dapat dipakai untuk membangun struktur konten di situs web dan aplikasi berbasis web. <\/span><\/p>\n

HTML merupakan fondasi dari teknologi fronted dan fungsi sebagai basis untuk penataan yang dapat ditambahkan menggunakan serta interaktivitas yang dapat diciptakan lewat JavaScript. <\/span> Saat ini, perkembangan HTML sudah mencapai versi 5 dan terus diperbarui untuk memperkenalkan lebih banyak fitur.<\/span><\/span><\/p>\n

Bagaimana Cara Kerja HTML\u00a0<\/strong><\/h2>\n

Dokumen HTML adalah berkas yang diakhiri dengan .html atau .htm. Format berkas tersebut dapat diakses melalui browser web manapun (seperti Google Chrome, Safari, atau Mozilla Firefox). Browser tersebut membaca berkas HTML dan menampilkan kontennya sehingga pengguna internet dapat melihat dan membacanya. Umumnya, sebagaian besar situs web memiliki berbagai halaman HTML yang berbeda. <\/span><\/p>\n

Misalnya, halaman utama, halaman ‘tentang kami’, dan halaman kontak, yang semuanya memiliki berkas HTML terpisah. <\/span> Setiap halaman HTML disusun dari serangkaian tag (juga dikenal sebagai elemen), yang berfungsi sebagai blok bangunan halaman web. <\/span> Tag-tag tersebut menciptakan struktur yang menyusun konten menjadi bagian, paragraf, judul, dan bagian konten lainnya. <\/span>\u00a0<\/span><\/p>\n

Kelebihan dan Kekurangan HTML\u00a0<\/strong><\/h2>\n

Walaupun HTML telah menjadi norma dalam pembuatan situs web, dengan kemajuan teknologi dan berbagai perubahan yang terjadi, HTML pun memiliki beberapa kelebihan dan kekurangan. <\/span><\/p>\n

    \n
  • \n

    Kelebihan yang dimiliki HTML<\/strong><\/h3>\n<\/li>\n<\/ul>\n
      \n
    1. \n
        \n
      1. HTML adalah bahasa yang dapat berjalan di berbagai platform, seperti Linux, macOS, Windows, dan lain-lain. <\/span> Karena menggunakan karakter ASCII, HTML cukup ditulis dalam editor teks.<\/span><\/li>\n
      2. HTML juga bersifat open-source sehingga dapat digunakan secara gratis. <\/span><\/li>\n
      3. Bahasa ini adalah markup yang terstruktur dan kosisten.<\/li>\n
      4. Tidak memerlukan kopiler sehingga dijalankan secara alami disetiap web browser.<\/li>\n
      5. HTML telah terintegrasi dengan berbagai bahasa pemrograman lainnya seperti Node. <\/span> js, PHP, Backend, Active Server Pages, VBScript, Tcl, Perl, dan lainnya. <\/span> Hal ini memberikan keindahan serta meningkatkan kualitas halaman web. <\/span><\/li>\n
      6. HTML memungkinkan penyisipan gambar, animasi dalam bentuk jaya applet, hyperlink, dan banyak fitur lainnya.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n
          \n
        • \n

          Kekurangan yang dimiliki HTML<\/strong><\/h3>\n<\/li>\n<\/ul>\n
            \n
          1. \n
              \n
            1. Halaman yang dihasilkan bersifat statis, sehingga untuk menciptakan halaman web yang dinamis, kita perlu menggunakan bahasa pemrograman tambahan seperti JavaScript, VBScript, dan lain-lain.<\/span><\/li>\n
            2. Keecepatan untuk mengadopsi fitur-fitur baru di beberapa browser masih kurang.<\/li>\n
            3. HTML memiliki banyak tag yang perlu dipahami dan dipelajari.<\/li>\n
            4. Halaman yang dihasilkan interaktif, oleh karena itu diperlukan pemrograman lain seperti Perl atau Tcl. <\/span><\/li>\n
            5. Perilaku browser web dalam menafsirkan dokumen HTML sulit untuk diprediksi; contohnya, beberapa browser lama tidak dapat merender tag HTML yang lebih baru. <\/span><\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

              Kumpulan Tag-tag pada HTML<\/strong><\/h2>\n

              Setelah anda mengetahui kekurangan hingga kelebihan dari HTML. Berikut ini adalah daftar tag-tag yang sering digunakan pada saat kita ingin membuat file HTML :<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
              Nama Tag<\/th>\nKeterangan \/ Kegunaan<\/th>\n<\/tr>\n
              Basic<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <!DOCTYPE><\/td>\nTag untuk menentukan tipe dokumen<\/td>\n<\/tr>\n
              <html><\/td>\nTag untuk membuat sebuah dokumen HTML<\/td>\n<\/tr>\n
              <title><\/td>\nTag untuk membuat judul dari sebuah halaman<\/td>\n<\/tr>\n
              <body><\/td>\nTag untuk membuat tubuh dari sebuah halaman<\/td>\n<\/tr>\n
              <h1> to <h6><\/td>\nTag untuk membuat heading<\/td>\n<\/tr>\n
              <p><\/td>\nTag untuk membuat paragraf<\/td>\n<\/tr>\n
              <br><\/td>\nMemasukan satu baris putus<\/td>\n<\/tr>\n
              <hr><\/td>\nTag untuk membuat perubahan dasar kata didalam isi<\/td>\n<\/tr>\n
              <!\u2013\u2026\u2013><\/td>\nTag untuk membuat komentar<\/td>\n<\/tr>\n
              Formatting<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <acronym><\/td>\nTag untuk membuat sebuah akronim (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <abbr><\/td>\nTag untuk membuat sebuah singkatan<\/td>\n<\/tr>\n
              <address><\/td>\nTag untuk membuat kontak alamat<\/td>\n<\/tr>\n
              <b><\/td>\nTag untuk membuat huruf bercetak tebal<\/td>\n<\/tr>\n
              <bdi><\/td>\nMengisolasi bagian dari teks yang dapat diformat dalam arah yang berbeda dari teks lain di luarnya (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <bdo><\/td>\nMengganti arah teks<\/td>\n<\/tr>\n
              <big><\/td>\nTag untuk membuat text berhuruf besar (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <blockquote><\/td>\nTag untuk membuat sebuah bagian text yang dikutip dari sumber lain<\/td>\n<\/tr>\n
              <center><\/td>\nTag untuk membuat jajaran teks menjadi ditengah (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <cite><\/td>\nTag untuk membuat judul karya<\/td>\n<\/tr>\n
              <code><\/td>\nTag untuk membuat potongan kode komputer di antara text<\/td>\n<\/tr>\n
              <del><\/td>\nTag untuk membuat teks yang telah dihapus dari dokumen<\/td>\n<\/tr>\n
              <dfn><\/td>\nTag untuk membuat sebuah istilah definisi<\/td>\n<\/tr>\n
              <em><\/td>\nTag untuk membuat penekanan teks (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <font><\/td>\nTag untuk membuat font, warna, dan ukuran untuk teks (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <i><\/td>\nTag untuk membuat sebuah bagian dari teks yang disesuaikan dengan mood<\/td>\n<\/tr>\n
              <ins><\/td>\nTag untuk membuat teks yang telah dimasukkan ke dalam dokumen<\/td>\n<\/tr>\n
              <kbd><\/td>\nTag untuk membuat input keyboard<\/td>\n<\/tr>\n
              <mark><\/td>\nTag untuk membuat teks yang disorot \/ ditandai (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <meter><\/td>\nTag untuk membuat pengukuran skalar<\/td>\n<\/tr>\n
              <pre><\/td>\nTag untuk membuat teks terformat<\/td>\n<\/tr>\n
              <progress><\/td>\nMemperlihatkan kemajuan tugas (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <q><\/td>\nTag untuk membuat kutipan pendek<\/td>\n<\/tr>\n
              <rp><\/td>\nTag untuk membuat apa yang harus ditampilkan di browser yang tidak mendukung penjelasan ruby (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <rt><\/td>\nTag untuk membuat sebuah anotasi \/ pengucapan karakter (untuk tipografi Asia Timur)<\/td>\n<\/tr>\n
              <ruby><\/td>\nTag untuk membuat sebuah anotasi ruby (untuk tipografi Asia Timur) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <s><\/td>\nTag untuk membuat teks yang tidak lagi benar<\/td>\n<\/tr>\n
              <samp><\/td>\nTag untuk membuat contoh keluaran dari program komputer<\/td>\n<\/tr>\n
              <small><\/td>\nTag untuk membuat teks kecil<\/td>\n<\/tr>\n
              <strike><\/td>\nTag untuk membuat teks yang di coret tengah (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <strong><\/td>\nTag untuk membuat teks penting<\/td>\n<\/tr>\n
              <sub><\/td>\nTag untuk membuat teks subskrip (seperti dalam penulisan Jat Kimia)<\/td>\n<\/tr>\n
              <sup><\/td>\nTag untuk membuat teks superscripted (seperti dalam penulisan akar kuadrat)<\/td>\n<\/tr>\n
              <time><\/td>\nTag untuk membuat tanggal \/ waktu (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <tt><\/td>\nTag untuk membuat teks teletype (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <u><\/td>\nTag untuk membuat teks yang memiliki Gaya yang berbeda dari teks biasa lainnya<\/td>\n<\/tr>\n
              <var><\/td>\nTag untuk membuat sebuah variabel<\/td>\n<\/tr>\n
              <wbr><\/td>\nTag untuk membuat kemungkinan garis-putus<\/td>\n<\/tr>\n
              <\/td>\n<\/td>\n<\/tr>\n
              <\/td>\n<\/tr>\n
              <\/td>\n<\/td>\n<\/tr>\n
              Forms<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <form><\/td>\nTag untuk membuat sebuah form HTML untuk input pengguna<\/td>\n<\/tr>\n
              <input><\/td>\nTag untuk membuat sebuah kontrol input<\/td>\n<\/tr>\n
              <textarea><\/td>\nTag untuk membuat sebuah kontrol input multibaris (text area)<\/td>\n<\/tr>\n
              <button><\/td>\nTag untuk membuat sebuah tombol yang dapat diklik<\/td>\n<\/tr>\n
              <select><\/td>\nTag untuk membuat sebuah daftar drop-down<\/td>\n<\/tr>\n
              <optgroup><\/td>\nTag untuk membuat sebuah kelompok pilihan yang terkait dalam daftar drop-down<\/td>\n<\/tr>\n
              <option><\/td>\nTag untuk membuat pilihan dalam daftar drop-down<\/td>\n<\/tr>\n
              <label><\/td>\nTag untuk membuat sebuah label untuk sebuah elemen <input><\/td>\n<\/tr>\n
              <fieldset><\/td>\nGrup unsur terkait dalam bentuk<\/td>\n<\/tr>\n
              <legend><\/td>\nTag untuk membuat sebuah caption untuk sebuah elemen <fieldset>, < figure>, atau <details><\/td>\n<\/tr>\n
              <datalist><\/td>\nMenentukan daftar pilihan yang telah ditetapkan untuk kontrol input (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <keygen><\/td>\nTag untuk membuat key-pair generator kolom input (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <output><\/td>\nTag untuk membuat hasil penghitungan (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Frames<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <frame><\/td>\nTag untuk membuat sebuah window (bingkai) dalam sebuah frameset (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <frameset><\/td>\nTag untuk membuat satu set bingkai (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <noframes><\/td>\nTag untuk membuat sebuah konten alternatif untuk pengguna yang tidak mendukung frame (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <iframe><\/td>\nTag untuk membuat sebuah bingkai<\/td>\n<\/tr>\n
              Images<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <img><\/td>\nTag untuk membuat gambar<\/td>\n<\/tr>\n
              <map><\/td>\nTag untuk membuat gambar-peta<\/td>\n<\/tr>\n
              <area><\/td>\nTag untuk membuat area dalam gambar-peta<\/td>\n<\/tr>\n
              <canvas><\/td>\nDigunakan untuk menggambar grafik, melalui scripting (JavaScript ) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <figcaption><\/td>\nTag untuk membuat sebuah caption untuk elemen <figure> (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <figure><\/td>\nMenentukan konten mandiri (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Audio\/Video<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <audio><\/td>\nTag untuk membuat isi suara (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <source><\/td>\nTag untuk membuat sumber beberapa media untuk elemen media (<video> dan <audio>) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <track><\/td>\nTag untuk membuat trek teks untuk elemen media (<video> dan <audio>) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <video><\/td>\nTag untuk membuat sebuah video atau film (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Links<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <a><\/td>\nTag untuk membuat hyperlink<\/td>\n<\/tr>\n
              <link><\/td>\nTag untuk membuat hubungan antara dokumen dan sumber daya eksternal (paling sering digunakan untuk link ke style sheet)<\/td>\n<\/tr>\n
              <nav><\/td>\nTag untuk membuat navigasi link (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Lists<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <ul><\/td>\nTag untuk membuat daftar dengan selain nomor<\/td>\n<\/tr>\n
              <ol><\/td>\nTag untuk membuat daftar dengan nomor<\/td>\n<\/tr>\n
              <li><\/td>\nTag untuk membuat sebuah item daftar<\/td>\n<\/tr>\n
              <dir><\/td>\nTag untuk membuat sebuah daftar direktori (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <dl><\/td>\nTag untuk membuat sebuah daftar definisi<\/td>\n<\/tr>\n
              <dt><\/td>\nTag untuk membuat istilah (item) dalam daftar definisi<\/td>\n<\/tr>\n
              <dd><\/td>\nDefines a description of an item in a definition list<\/td>\n<\/tr>\n
              <menu><\/td>\nTag untuk membuat deskripsi dari item dalam daftar definisi<\/td>\n<\/tr>\n
              <command><\/td>\nTag untuk membuat sebuah tombol perintah bahwa seorang pengguna dapat meminta (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Tables<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <table><\/td>\nTag untuk membuat tabel<\/td>\n<\/tr>\n
              <caption><\/td>\nTag untuk membuat sebuah caption tabel<\/td>\n<\/tr>\n
              <th><\/td>\nTag untuk membuat sebuah sel header tabel<\/td>\n<\/tr>\n
              <tr><\/td>\nTag untuk membuat baris dalam sebuah tabel<\/td>\n<\/tr>\n
              <td><\/td>\nTag untuk membuat sel dalam sebuah tabel<\/td>\n<\/tr>\n
              <thead><\/td>\nMengelompokan isi header dalam sebuah tabel<\/td>\n<\/tr>\n
              <tbody><\/td>\nMengelompokanisi tubuh dalam sebuah tabel<\/td>\n<\/tr>\n
              <tfoot><\/td>\nMengelompokan isi footer dalam sebuah tabel<\/td>\n<\/tr>\n
              <col><\/td>\nMenentukan properti kolom untuk setiap kolom dalam elemen <colgroup><\/td>\n<\/tr>\n
              <colgroup><\/td>\nMenentukan kelompok dari satu atau lebih kolom dalam sebuah tabel untuk diformat<\/td>\n<\/tr>\n
              Style\/Sections<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <style><\/td>\nTag untuk membuat informasi style untuk dokumen<\/td>\n<\/tr>\n
              <div><\/td>\nTag untuk membuat sebuah bagian dalam dokumen<\/td>\n<\/tr>\n
              <span><\/td>\nTag untuk membuat sebuah bagian dalam dokumen<\/td>\n<\/tr>\n
              <header><\/td>\nTag untuk membuat sebuah header untuk dokumen atau bagian (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <footer><\/td>\nTag untuk membuat footer untuk dokumen atau bagian (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <hgroup><\/td>\nPengelompokan elemen heading (<h1> sampai <h6>) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <section><\/td>\nTag untuk membuat bagian dalam dokumen (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <article><\/td>\nTag untuk membuat sebuah artikel (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <aside><\/td>\nTag untuk membuat konten lain selain dari konten halaman (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <details><\/td>\nTag untuk membuat rincian tambahan yang pengguna dapat lihat atau sembunyikan (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <dialog><\/td>\nTag untuk membuat sebuah kotak dialog atau jendela (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <summary><\/td>\nTag untuk membuat sebuah judul terlihat untuk elemen <detil> (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              Meta Info<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <head><\/td>\nTag untuk membuat informasi tentang dokumen<\/td>\n<\/tr>\n
              <meta><\/td>\nTag untuk membuat metadata tentang dokumen HTML<\/td>\n<\/tr>\n
              <base><\/td>\nMenentukan URL dasar \/ target untuk semua URL relatif dalam dokumen<\/td>\n<\/tr>\n
              <basefont><\/td>\nMenentukan standar warna, ukuran, dan font untuk semua teks dalam dokumen (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              Programming<\/strong><\/td>\n<\/td>\n<\/tr>\n
              <script><\/td>\nTag untuk membuat script di sisi klien<\/td>\n<\/tr>\n
              <noscript><\/td>\nTag untuk membuat sebuah konten alternatif bagi pengguna yang tidak mendukung script di sisi klien<\/td>\n<\/tr>\n
              <applet><\/td>\nTag untuk membuat sebuah java applet yang ditanam (tidak disupport lagi di HTML5)<\/span><\/td>\n<\/tr>\n
              <embed><\/td>\nTag untuk membuat sebuah wadah untuk aplikasi eksternal (non-HTML) (tag baru HTML5)<\/span><\/td>\n<\/tr>\n
              <object><\/td>\nTag untuk membuat sebuah objek yang ditanam<\/td>\n<\/tr>\n
              <param><\/td>\nTag untuk membuat sebuah parameter untuk objek<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

              Contoh Pemrograman Menggunakan HTML\u00a0<\/strong><\/h3>\n

              Nah, jika anda sudah mengetahui apa saja definisi dari HTML, dan memahami apa saja tags \u2013 tags yang penting dalam membangun HTML. Yuk, simak contoh penerapan tags pada pemrogaman berikut ini.<\/p>\n

              1. Dasar pemrograman web adalah dengan memasukan tag-tag seperti gambar di bawah,<\/strong><\/em><\/p>\n

                \n
              • \n
                  \n
                • Awalan untuk mulai mengkoding.<\/li>\n
                • Untuk bagian atas web dalam berowser.<\/li>\n
                • Untuk judul.<\/li>\n
                • Untuk body\/badan website dalam browser.<\/li>\n
                • Untuk menandai dalam css\/style web. Mulailah dengan (<\u2026>\u2026..<\u2026\/>) .<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n

                   <\/p>\n

                  \"Apa<\/p>\n

                   <\/p>\n

                  2. Save program yang anda buat tadi.<\/strong><\/em><\/p>\n

                   <\/p>\n

                  \"Apa<\/p>\n

                   <\/p>\n

                  3. Lalu simpanlah program dengan diakhiran .html. Seperti gambat di bawah.<\/strong><\/em><\/p>\n

                   <\/p>\n

                  \"Apa<\/p>\n

                   <\/p>\n

                  4. Setelah di save bukalah program yang anda buat maka anda akan langsung membuka browser dan program yang anda buat tadi akan masuk ke browser.<\/strong><\/em><\/p>\n

                   <\/p>\n

                  \"Apa<\/p>\n

                   <\/p>\n

                  5. Selesai!<\/strong><\/em><\/p>\n

                  Kesimpulan\u00a0<\/strong><\/h2>\n

                  HTML adalah sebuah enis dokumen yang ditandai dengan akhiran .html atau .htm. Anda dapat mengakse jenis file ini dengan menggunakan berbagai web browser seperti Google Chrome, Safari, atau Mozilla Firefox. Bagi Anda yang berencana untuk mengembangkan situs web, HTML adalah pilihan yang tepat untuk Anda. Cara kerja HTML adalah, dokumen HTML terdiri dari file yang memiliki ekstensi . <\/span> html atau . <\/span> htm. <\/span> <\/span><\/p>\n

                  Berbagai browser dapat membaca jenis file ini dan mengolah kontennya agar pengguna internet dapat melihat dan membacanya. <\/span> Jika Anda ingin menampilkan sebuah perintah, Anda bisa menyesuaikannya dengan bahasa pemrograman yang sedang Anda gunakan.<\/span><\/span><\/p>\n

                  Penting untuk diingat bahwa saat menyimpan file . <\/span> html, Anda harus mengingat semua isi dari file tersebut. <\/span> Jika Anda membuat kesalahan saat menggunakan file itu, situs web Anda kemungkinan akan mengalami kesalahan di masa mendatang. <\/span> Selamat Mencoba! <\/span><\/span><\/p>\n<\/div>\n<\/div>\n\n\n

                  \n \n
                  \n \n
                  \n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n <\/div>\n \n
                  \n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n
                  \n \n\n
                  <\/div>\n <\/div>\n <\/div>\n<\/div>\n \n\n
                  \n 5\/5 - (1 vote) <\/div>\n <\/div>\n","protected":false},"excerpt":{"rendered":"

                  Jumlah aplikasi yang bermunculan di perangkat smartphone dan laptop sering kali tidak disadari menyimpan bahasa pemograman yang membangun tampilan aplikasi tersebut. Bahasa pemograman berfungsi untuk mengeksekusi instruksi yang diberikan pada komputer. Jika Anda kurang menyukai bahasa pemograman yang bersifat terstruktur, Anda bisa memilih bahasa pemograman yang lebih fleksibel seperti HTML. HTML cukup sederhana dan mudah […]<\/p>\n","protected":false},"author":13,"featured_media":26175,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[4636],"tags":[8222,11844,11843,11845],"class_list":["post-26171","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-cara-kerja-html","tag-kekurangan-dan-kelebihan-yang-dimiliki-html","tag-kumpulan-tag-tag-pada-html","tag-mengenal-html"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG-1140x445.png",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG-463x348.png",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG-300x169.png",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png",1366,768,false]},"yoast_head":"\nKumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko 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:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Jumlah aplikasi yang bermunculan di perangkat smartphone dan laptop sering kali tidak disadari menyimpan bahasa pemograman yang membangun tampilan aplikasi tersebut. Bahasa pemograman berfungsi untuk mengeksekusi instruksi yang diberikan pada komputer. Jika Anda kurang menyukai bahasa pemograman yang bersifat terstruktur, Anda bisa memilih bahasa pemograman yang lebih fleksibel seperti HTML. HTML cukup sederhana dan mudah […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-02T07:26:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Fitri Ana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fitri Ana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\"},\"author\":{\"name\":\"Fitri Ana\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\"},\"headline\":\"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram\",\"datePublished\":\"2025-07-02T07:26:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\"},\"wordCount\":2226,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png\",\"keywords\":[\"Cara Kerja HTML\",\"kekurangan dan kelebihan yang dimiliki HTML\",\"kumpulan tag-tag pada HTML\",\"mengenal HTML\"],\"articleSection\":[\"software\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\",\"url\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\",\"name\":\"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png\",\"datePublished\":\"2025-07-02T07:26:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png\",\"width\":1366,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita & Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0\",\"name\":\"Fitri Ana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g\",\"caption\":\"Fitri Ana\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko 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:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan","og_locale":"en_US","og_type":"article","og_title":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko Blog","og_description":"Jumlah aplikasi yang bermunculan di perangkat smartphone dan laptop sering kali tidak disadari menyimpan bahasa pemograman yang membangun tampilan aplikasi tersebut. Bahasa pemograman berfungsi untuk mengeksekusi instruksi yang diberikan pada komputer. Jika Anda kurang menyukai bahasa pemograman yang bersifat terstruktur, Anda bisa memilih bahasa pemograman yang lebih fleksibel seperti HTML. HTML cukup sederhana dan mudah […]","og_url":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan","og_site_name":"Hosteko Blog","article_published_time":"2025-07-02T07:26:21+00:00","og_image":[{"width":1366,"height":768,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","type":"image\/png"}],"author":"Fitri Ana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Fitri Ana","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan"},"author":{"name":"Fitri Ana","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0"},"headline":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram","datePublished":"2025-07-02T07:26:21+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan"},"wordCount":2226,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","keywords":["Cara Kerja HTML","kekurangan dan kelebihan yang dimiliki HTML","kumpulan tag-tag pada HTML","mengenal HTML"],"articleSection":["software"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan","url":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan","name":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","datePublished":"2025-07-02T07:26:21+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","width":1366,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/kumpulan-tag-pada-html-yang-sering-digunakan#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Kumpulan Tag-Tag Pada HTML yang Sering Digunakan Pemogram"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita & Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/ffcd8071a8a3d6a862a4e1381d1c4ea0","name":"Fitri Ana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a099f723518ab9b89aa80b7ed8cadd2d3fae127c5bd735733cf24a661e75a882?s=96&d=mm&r=g","caption":"Fitri Ana"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2025\/07\/KUMPULAN-TAG-TAG.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=26171"}],"version-history":[{"count":2,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26171\/revisions"}],"predecessor-version":[{"id":26176,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/26171\/revisions\/26176"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/26175"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=26171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=26171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=26171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}