HTML adalah singkatan dari Hypertext Markup Language. Sebuah bahasa markup yang mungkin sudah sangat tidak asing di telinga Sahabat Aksara sekalian.
Ia memiliki berperan besar dalam pembangunan sebuah website, berdampingan dengan bahasa pemrograman lain seperti PHP, CSS, dan JavaScript.
Maka, sangat penting bagi Anda yang ingin menjadi website developer untuk memahami HTML dengan baik.
Jika Anda tertarik untuk mengenal HTML lebih lanjut, langsung saja simak artikel di bawah ini.
Dalam artikel kali ini, kami akan membahas seputar pengertian, sejarah, fungsi, hingga cara kerja HTML.
Selamat membaca!
Apa itu HTML?
HTML adalah sebuah bahasa markup yang banyak digunakan sebagai kerangka utama dalam membangun struktur sebuah website.
Bahasa markup ini umumnya terdiri terdiri dari berbagai teks dan simbol yang disimpan pada sebuah file dan bersifat human-readable (dapat dipahami oleh manusia).
HTML sendiri digunakan untuk memberi annotate text (membuat note pada komputer) agar komputer dapat memahami perintah yang diberikan.
Ketika perintah sudah dipahami oleh komputer, ia akan memanipulasinya ke dalam tampilan web browser sesuai dengan yang Anda inginkan.
Singkatnya, tanpa HTML, Anda tidak dapat menyusun teks, tabel, gambar, maupun video agar tampil secara terstruktur pada halaman website yang dimuat oleh browser.
Lebih lanjut, seperti yang sudah dipaparkan pada awal artikel tadi, HTML memiliki kepanjangan Hypertext Markup Language.
Kata Hypertext disini merujuk pada link yang menghubungkan antara satu halaman website dengan yang lain.
Baik dalam satu website maupun antar website yang berbeda.
Nah, link tersebut merupakan aspek pembangun fundamental yang membentuk jaringan World Wide Web (WWW).
Sedangkan kata Markup merujuk pada dokumen teks di dalam tag yang kemudian disimpan pada sebuah dokumen.
Dalam membuat dokumen HTML tersebut, ada format penulisan khusus yang telah diatur dalam ASCII (American Standard Code for Information Interchange).
Secara umum, format dalam membuat dokumen HTML terdiri dari tag, elemen, dan tag atribut.
Nah, secara garis besar, saat menulis HTML Anda akan memulainya dengan membuat tag.
1. Tag HTML
Tag adalah tanda untuk mengawali dan mengakhiri suatu perintah HTML yang akan dibaca oleh web browser.
Tanda yang digunakan untuk mengawalinya adalah < (tanda kurang dari), dan diakhiri dengan tanda > (tanda lebih dari).
Diantara tanda tersebut, terdapat nama tag yang berisi perintah kepada komputer.
Contohnya adalah tag
Tag sendiri memiliki 2 jenis yaitu tag pembuka dan tag penutup. Yang membedakan antara tag pembuka dan penutup adalah penggunaan tanda / (garis miring).
Garis miring ditambahkan di depan nama tag penutup, contohnya adalah .
Pada awal pembuatannya, tag HTML hanya terdiri dari 18 tag. Kini, tag HTML sudah berjumlah 250.
Berikut daftar tag HTML yang sering digunakan:
- – digunakan untuk memulai suatu dokumen HTML yang mencakup semua konten dan elemen.
- – digunakan untuk membuat dokumen HTML yang mencakup tampilan deskripsi hasil pencarian Google, style dalam konten (CSS), dan lainnya.
</b></em> <span style="font-weight: 400;">–</span><span style="font-weight: 400;"> digunakan untuk membuat judul website.</span></li> <li style="font-weight: 400;" aria-level="1"><em><b><body></b></em> <span style="font-weight: 400;">–</span><span style="font-weight: 400;"> digunakan untuk membuat bagian isi website.</span></li> <li style="font-weight: 400;" aria-level="1"><em><b><h1></b><span style="font-weight: 400;"> sampai dengan </span><b><h6></b></em> <span style="font-weight: 400;">–</span><span style="font-weight: 400;"> digunakan untuk membuat heading pada artikel.</span></li> <li style="font-weight: 400;" aria-level="1"><em><b><p></b></em> <span style="font-weight: 400;">–</span><span style="font-weight: 400;"> digunakan untuk membuat paragraf.</span></li> <li style="font-weight: 400;" aria-level="1"><em><b><!–> </b></em><span style="font-weight: 400;">–</span><span style="font-weight: 400;"> digunakan untuk membuat komentar.</span></li> </ol> <h3><span id="2_Tag_Atribut"><b>2. Tag Atribut</b></span></h3> <p><span style="font-weight: 400;">Tag atribut merupakan informasi atau perintah tambahan yang berfungsi sebagai penjelas perintah tag HTML.</span></p> <p><span style="font-weight: 400;">Jumlah tag atribut dalam suatu elemen HTML bisa berjumlah lebih dari satu.</span></p> <p><span style="font-weight: 400;">Contohnya pada elemen HTML</span><b> <img src=”gambar.png” alt “Domain Premium. “></b><span style="font-weight: 400;">.</span></p> <p><span style="font-weight: 400;">Dalam contoh elemen diatas, yang berperan sebagai tag html adalah</span><b> <img></b><span style="font-weight: 400;"> dan yang berperan sebagai tag atribut adalah </span><b><i>src </i></b><span style="font-weight: 400;">dan </span><b><i>alt.</i></b><span style="font-weight: 400;"> </span></p> <p><span style="font-weight: 400;">Dengan perintah tambahan dari tag atribut, elemen HTML tersebut jadi memiliki arti browser harus menampilkan gambar jenis “png” dengan alt text “Domain Premium”. </span></p> <p><img loading="lazy" decoding="async" class=" wp-image-498 aligncenter" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue-300x229.png" alt="Tag Attribute " width="431" height="329" srcset="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue-300x229.png 300w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue-1024x781.png 1024w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue-768x586.png 768w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue-1536x1172.png 1536w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Domain-Premium-Blue.png 2000w" sizes="auto, (max-width: 431px) 100vw, 431px"></p> <p><span style="font-weight: 400;">Berikut contoh beberapa tag atribut:</span></p> <ol> <li style="font-weight: 400;" aria-level="1"><em><b>src</b> </em><span style="font-weight: 400;">–</span><span style="font-weight: 400;"> dapat digunakan pada tag HTML <img>, <embed>, <audio>, dan <iframe>.</span></li> <li style="font-weight: 400;" aria-level="1"><b><em>href</em> </b><span style="font-weight: 400;">–</span><span style="font-weight: 400;"> dapat digunakan pada tag HTML <a> dan <link>.</span></li> <li style="font-weight: 400;" aria-level="1"><b><em>action</em> </b><span style="font-weight: 400;">–</span><span style="font-weight: 400;"> dapat digunakan pada tag HTML <form>.</span></li> <li style="font-weight: 400;" aria-level="1"><b><em>autoplay</em> </b><span style="font-weight: 400;">–</span><span style="font-weight: 400;"> dapat digunakan pada tag HTML <audio> dan <video>.</span></li> </ol> <h3><span id="4_Elemen"><b>4. Elemen</b></span></h3> <p><span style="font-weight: 400;">Elemen merupakan keseluruhan kode HTML; mulai dari tag pembuka, konten, hingga tag penutup seperti yang telah ditunjukkan pada contoh diatas. </span></p> <p><span style="font-weight: 400;">Oh iya, dalam satu elemen juga dapat mengandung elemen lainnya. Hal ini dinamakan nested element. </span></p> <p><span style="font-weight: 400;">Sejatinya, semua dokumen HTML pasti terdiri dari berbagai nested elements.</span></p> <p><span style="font-weight: 400;">Berikut adalah contoh dari dokumen HTML dengan empat HTML elemen yaitu <html>, <body, <h1>, dan <p>:</span></p> <div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #ebe8e4; border-radius: 10px; border: 4px double #fff; padding: 10px; t-align: left;"> <blockquote><p><span style="font-weight: 400;"><!DOCTYPE html></span></p> <p><span style="font-weight: 400;"><html></span></p> <p><span style="font-weight: 400;"><body></span></p> <p><span style="font-weight: 400;"><h1>Heading Pertama Artikel</h1></span></p> <p><span style="font-weight: 400;"><p>Paragraf Pertama Artikel.</p></span></p> <p><span style="font-weight: 400;"></body></span></p> <p><span style="font-weight: 400;"></html></span></p></blockquote> </div> <p>Jika dijabarkan, elemen <html> merupakan root element yang berfungsi untuk mendefinisikan seluruh dokumen HTML.</p> <p><span style="font-weight: 400;">Elemen tersebut diawali dengan tag <html> dan ditutup dengan </html>.</span></p> <p><span style="font-weight: 400;">Kemudian, di dalam </span><b>elemen <html></b><span style="font-weight: 400;"> tersebut ada </span><b>elemen <body></b><span style="font-weight: 400;">, yang mendefinisikan isi dari dokumen HTML.</span></p> <p><span style="font-weight: 400;">Ia diawali dengan tag <body> dan diakhiri dengan tag </body>.</span></p> <p><span style="font-weight: 400;">Nah, di dalam </span><b>elemen <body></b><span style="font-weight: 400;"> masih disisipi lagi </span><b>elemen <h1> dan elemen <p></b><span style="font-weight: 400;">.</span></p> <p><b>Elemen <h1></b><span style="font-weight: 400;"> untuk mendefinisikan heading, dimulai dengan tag <h1> dan ditutup dengan tag </h1></span></p> <p><span style="font-weight: 400;">Sedangkan, </span><b>elemen <p></b><span style="font-weight: 400;"> untuk mendefinisikan paragraf. Ia dimulai dengan tag <p> kemudian diakhiri dengan tag </p>.</span></p> <p><span style="font-weight: 400;">Fun fact, ada beberapa elemen HTML yang akan tetap ditampilkan dengan benar meskipun Anda lupa untuk menulis tag penutup.</span></p> <p><span style="font-weight: 400;">Nah, jika Anda ingin mengetahui susunan HTML pada suatu halaman website, Anda tinggal klik kanan, kemudian pilih opsi inspect.</span></p> <p><span style="font-weight: 400;">Maka, Anda dapat melihat susunannya seperti contoh berikut ini:</span></p> <p><img loading="lazy" decoding="async" class=" wp-image-499 aligncenter" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23-300x142.png" alt="Tampilan HTML dari Blog Aksara Data" width="670" height="317" srcset="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23-300x142.png 300w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23-1024x486.png 1024w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23-768x364.png 768w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23-1536x728.png 1536w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_23.png 1592w" sizes="auto, (max-width: 670px) 100vw, 670px"></p> <blockquote><p> </p> <p><strong>Baca juga:</strong> <a href="https://aksaradata.id/blog/bahasa-pemrograman/" target="_blank" rel="noopener"><strong>Bahasa Pemrograman Populer yang Sebaiknya Anda Ketahui</strong></a></p></blockquote> <h2><span id="Sejarah_Singkat_HTML"><b>Sejarah Singkat HTML</b></span></h2> <p><span style="font-weight: 400;">HTML diciptakan pada tahun 1991 oleh Tim Berners-Lee, seorang ahli fisika pada lembaga penelitian CERN di Swiss. </span></p> <p><span style="font-weight: 400;">Tapi HTML tersebut belum dirilis secara resmi dan disebut sebagai HTML Tags.</span></p> <p><span style="font-weight: 400;">HTML Tags hanya terdiri dari 18 tags dan hanya dimaksudkan untuk mempermudah para ilmuwan dalam saling berbagi dokumen.</span></p> <p><span style="font-weight: 400;">Baru pada tahun 1993, HTML 1.0 resmi dirilis. Namun, belum ada banyak developer yang membuat website pada periode ini.</span></p> <p><span style="font-weight: 400;">Pada tahun 1995, IETF (Internet Engineering Task Force) merilis HTML 2.0 dengan fitur-fitur terbaru. </span></p> <p><span style="font-weight: 400;">HTML versi ini mampu menampilkan data dan form yang dapat diedit secara langsung.</span></p> <p><span style="font-weight: 400;">Inilah cikal bakal dari dari lahirnya website interaktif.</span></p> <p><span style="font-weight: 400;">HTML 2.0 pun menjadi bahasa markup standar yang digunakan untuk membangun dan mendesain website hingga tahun 1997.</span></p> <p><span style="font-weight: 400;">Oh iya, pada tahun 1996, W3C (World Wide Web Consortium) juga merilis HTML Standards versi mereka sendiri.</span></p> <p><span style="font-weight: 400;">Kemudian, pada tahun 1997, Dave Raggett memperkenalkan rancangan HTML 3.0 yang mampu memberikan karakteristik desain website yang lebih powerful.</span></p> <p><span style="font-weight: 400;">Salah satunya adalah mendukung tampilan gambar. Sayangnya, fitur-fitur baru tersebut malah memperlambat kinerja browser.</span></p> <p><span style="font-weight: 400;">Dua tahun kemudian, tepatnya pada 24 Desember 1999, HTMl 4.01 diluncurkan dan meraih kesuksesan besar.</span></p> <p><span style="font-weight: 400;">Pasalnya, versi ini sudah dapat digunakan oleh browser apapun secara internasional.</span></p> <p><span style="font-weight: 400;">Akhirnya, pada tahun 2014 lalu, HTML 5.0 diluncurkan. </span></p> <p><span style="font-weight: 400;">Dalam versi ini, HTML sudah bisa digunakan secara berdampingan dengan CSS dan JavaScript.</span></p> <p><span style="font-weight: 400;">Versi 5.0 juga menjadi versi terbaik karena telah dilengkapi fitur-fitur terbaru, seperti menyisipkan video juga audio.</span></p> <p><span style="font-weight: 400;">Pada tahun 2021 ini, dilansir dari <a href="https://w3techs.com/technologies/details/ml-html5" target="_blank" rel="noopener">w3techs</a>, HTML merupakan bahasa markup terpopuler yang telah digunakan oleh </span><span style="font-weight: 400;">93%</span><span style="font-weight: 400;"> website di seluruh dunia. </span></p> <p><img loading="lazy" decoding="async" class=" wp-image-500 aligncenter" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_29-300x102.png" alt="Jumlah Pengguna HTML 2021" width="598" height="203" srcset="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_29-300x102.png 300w, https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/2021/08/Screenshot_29.png 512w" sizes="auto, (max-width: 598px) 100vw, 598px"></p> <h2><span id="Cara_Kerja_HTML"><b>Cara Kerja HTML</b></span></h2> <p><span style="font-weight: 400;">HTML bekerja dengan memberi instruksi pada komputer untuk menampilkan susunan website pada browser sesuai dengan perintah yang diinput.</span></p> <p><span style="font-weight: 400;">Pertama, dokumen HTML dibuat pada aplikasi HTML seperti Notepad++, Atom, Brackets, dan lain sebagainya.</span></p> <p><span style="font-weight: 400;">Dokumen HTML yang telah selesai dibuat kemudian disimpan dengan format .html atau .htm. </span></p> <p><span style="font-weight: 400;">Dokumen HTML berisi yang dibuat jumlahnya bisa lebih dari satu. </span></p> <p><span style="font-weight: 400;">Pasalnya, dalam sebuah website, biasanya terdiri dari beberapa halaman seperti landing page, blog, kontak, about, dan lain sebagainya.</span></p> <p><span style="font-weight: 400;">Dokumen HTML tersebut akhirnya dapat dibuka pada browser seperti Chrome, Safari, Opera, Firefox, dan lain sebagainya.</span></p> <p><span style="font-weight: 400;">Untuk dapat diakses oleh pengguna internet yang lain, Anda perlu </span><a href="https://aksaradata.id" target="_blank" rel="noopener"><span style="font-weight: 400;">membeli domain</span> bagus</a><span style="font-weight: 400;"> dan menyewa layanan hosting.</span></p> <p><span style="font-weight: 400;">Setelah membeli hosting, Anda dapat mengupload file website Anda disana. </span></p> <p><span style="font-weight: 400;">Nah, website Anda siap untuk dioperasikan secara maksimal.</span></p> <h3><span id="Penutup"><b>Penutup</b></span></h3> <p><span style="font-weight: 400;">Jadi, bisa kita simpulkan bahwa HTML berfungsi untuk membuat struktur konten dalam website agar terlihat seperti yang Anda inginkan. </span></p> <p><span style="font-weight: 400;">Dan, perlu diingat bahwa HTML memang tidak ditujukan untuk membuat visual suatu website untuk menjadi lebih menarik. Itu adalah tugas dari CSS. </span></p> <p><span style="font-weight: 400;">Bagaimana? Menarik sekali bukan mempelajari tentang HTML?</span></p> <p><span style="font-weight: 400;">Anda bisa meninggalkan pendapat maupun pertanyaan Anda mengenai HTML di kolom komentar ya!</span></p> <p><span style="font-weight: 400;">Agar tidak ketinggalan bacaan menarik lainnya, silahkan cek terus blog <a href="https://aksaradata.id/" target="_blank" rel="noopener"><strong>Aksara Data Digital</strong></a>, platform dengan pelayanan terbaik bagi reseller domain dan hosting!</span></p> <div class="clearfix"></div> <div class="clearfix"></div> </article> <!-- Begin Author box --> <div class="row post-top-meta hidden-lg-up"> <div class="col-md-2 col-xs-4"> <img alt='' src='https://secure.gravatar.com/avatar/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=72&d=Febriyani%20Suryaningrum&r=g' srcset='https://secure.gravatar.com/avatar/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=144&d=Febriyani%20Suryaningrum&r=g 2x' class='avatar avatar-72 photo' height='72' width='72' loading='lazy' decoding='async'/> </div> <div class="col-md-10 col-xs-8"> <a class="text-capitalize link-dark" href="https://aksaradata.id/blog/author/febriyani/"> Febriyani Suryaningrum <span class="btn follow">Follow</span></a> <span class="author-description d-block"></span> </div> </div> <div class="after-post-tags"> <ul class="post-categories"> <li><a href="https://aksaradata.id/blog/category/home/" rel="category tag">Home</a></li> <li><a href="https://aksaradata.id/blog/category/website/" rel="category tag">Website</a></li></ul> </div> <div class="row mb-5 prevnextlinks justify-content-center align-items-center"> <div class="col-md-6 col-xs-12 rightborder pl-0"><div class="thepostlink">« <a href="https://aksaradata.id/blog/css-adalah/" rel="prev">CSS : Pengertian, Fungsi, & Cara Kerjanya</a></div></div> <div class="col-md-6 col-xs-12 text-right pr-0"><div class="thepostlink"><a href="https://aksaradata.id/blog/aplikasi-mockup-website/" rel="next">Rekomendasi Aplikasi Mockup Website Terbaik untuk Anda</a> »</div></div> </div> </div> </div> </div> <div class="hideshare"></div> <div class="graybg"> <div class="container"> <div class="row justify-content-center listrecent listrelated"> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="card post height262"> <a class="thumbimage" href="https://aksaradata.id/blog/bisnis-online-modal-1-juta/" style="background-image:url(https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/IDE-BISNIS-ONLINE-MODAL-1-JUTA.jpg);"></a><div class="card-block"> <h2 class="card-title"> <a href="https://aksaradata.id/blog/bisnis-online-modal-1-juta/">7 Ide Bisnis Online Modal 1 Juta yang Cepat…</a> </h2> <div class="metafooter"> <div class="wrapfooter"> <span class="meta-footer-thumb"> <a href="https://aksaradata.id/blog/author/jordy/"> <img alt='' src='https://secure.gravatar.com/avatar/e988ccf289d01a709bbc424e8b021cc53f16f0898e77afa203c47cfe41850008?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/e988ccf289d01a709bbc424e8b021cc53f16f0898e77afa203c47cfe41850008?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo author-thumb' height='40' width='40' loading='lazy' decoding='async'/> </a> </span> <span class="author-meta"> <span class="post-name"> <a href="https://aksaradata.id/blog/author/jordy/">Jordy Prayoga</a></span><br> <span class="post-date">Jan 15, 2025</span> <span class="dot"></span> <span class="readingtime">2 min read</span> </span> <span class="post-read-more"> <a href="https://aksaradata.id/blog/bisnis-online-modal-1-juta/" title=""> <svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"> <path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path> </svg> </a> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="card post height262"> <a class="thumbimage" href="https://aksaradata.id/blog/ekstensi-domain-ai/" style="background-image:url(https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/Domain-AI-Cocok-untuk-Situs-Perusahaan-Berbasis-AI.png);"></a><div class="card-block"> <h2 class="card-title"> <a href="https://aksaradata.id/blog/ekstensi-domain-ai/">Domain .AI, Cocok untuk Situs/Perusahaan Berbasis AI</a> </h2> <div class="metafooter"> <div class="wrapfooter"> <span class="meta-footer-thumb"> <a href="https://aksaradata.id/blog/author/jordy/"> <img alt='' src='https://secure.gravatar.com/avatar/e988ccf289d01a709bbc424e8b021cc53f16f0898e77afa203c47cfe41850008?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/e988ccf289d01a709bbc424e8b021cc53f16f0898e77afa203c47cfe41850008?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo author-thumb' height='40' width='40' loading='lazy' decoding='async'/> </a> </span> <span class="author-meta"> <span class="post-name"> <a href="https://aksaradata.id/blog/author/jordy/">Jordy Prayoga</a></span><br> <span class="post-date">Jan 7, 2025</span> <span class="dot"></span> <span class="readingtime">2 min read</span> </span> <span class="post-read-more"> <a href="https://aksaradata.id/blog/ekstensi-domain-ai/" title=""> <svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"> <path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path> </svg> </a> </span> </div> </div> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="card post height262"> <a class="thumbimage" href="https://aksaradata.id/blog/cara-mendapatkan-uang-dari-instagram/" style="background-image:url(https://ik.imagekit.io/8vgbkjwwyjg/wp-content/uploads/cara-mendapatkan-uang-dari-instagram.png);"></a><div class="card-block"> <h2 class="card-title"> <a href="https://aksaradata.id/blog/cara-mendapatkan-uang-dari-instagram/">13 Cara untuk Mendapatkan Uang dari Instagram Terbaru</a> </h2> <div class="metafooter"> <div class="wrapfooter"> <span class="meta-footer-thumb"> <a href="https://aksaradata.id/blog/author/febriyani/"> <img alt='' src='https://secure.gravatar.com/avatar/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=40&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/d1cd08837e8484ccb82750cbee5266838655f16e4cdc2d780d4d87a3cb33f819?s=80&d=mm&r=g 2x' class='avatar avatar-40 photo author-thumb' height='40' width='40' loading='lazy' decoding='async'/> </a> </span> <span class="author-meta"> <span class="post-name"> <a href="https://aksaradata.id/blog/author/febriyani/">Febriyani Suryaningrum</a></span><br> <span class="post-date">Dec 27, 2024</span> <span class="dot"></span> <span class="readingtime">5 min read</span> </span> <span class="post-read-more"> <a href="https://aksaradata.id/blog/cara-mendapatkan-uang-dari-instagram/" title=""> <svg class="svgIcon-use" width="25" height="25" viewBox="0 0 25 25"> <path d="M19 6c0-1.1-.9-2-2-2H8c-1.1 0-2 .9-2 2v14.66h.012c.01.103.045.204.12.285a.5.5 0 0 0 .706.03L12.5 16.85l5.662 4.126a.508.508 0 0 0 .708-.03.5.5 0 0 0 .118-.285H19V6zm-6.838 9.97L7 19.636V6c0-.55.45-1 1-1h9c.55 0 1 .45 1 1v13.637l-5.162-3.668a.49.49 0 0 0-.676 0z" fill-rule="evenodd"></path> </svg> </a> </span> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div class="row justify-content-center"> <div class="col-md-8"> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/html-adalah/#respond" style="display:none;">Cancel reply</a></small></h3><p class="must-log-in">You must be <a href="https://aksaradata.id/blog/wp-login.php?redirect_to=https%3A%2F%2Faksaradata.id%2Fblog%2Fhtml-adalah%2F">logged in</a> to post a comment.</p> </div><!-- #respond --> </div><!-- #comments --> </div> </div> </div> </div> <div class="alertbar"> <div class="container text-center"> </div> </div> </div><!-- /.site-content --> <div class="container"> <footer class="footer"> <p class="pull-left"> © Copyright PT Aksara Data Digital </p> <p class="pull-right"> <a href="https://aksaradata.id/blog/hubungi-kami/"> <span style="color:#000000">Hubungi Kami </span></a> <a href="https://aksaradata.id/blog/kebijakan-privasi/"> <span style="color:#000000">Kebijakan Privasi </span></a> <a href="https://aksaradata.id/blog/tentang-kami/"> <span style="color:#000000">Tentang Kami </span></a> <a href="https://aksaradata.id/blog/kerjasama/"> <span style="color:#000000">Kerjasama</span></a> </p> <div class="clearfix"></div> <a href="" class="back-to-top hidden-md-down"> <i class="fa fa-angle-up"></i> </a> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/blog/*"},{"not":{"href_matches":["/blog/wp-*.php","/blog/wp-admin/*","/blog/wp-content/uploads/*","/blog/wp-content/*","/blog/wp-content/plugins/*","/blog/wp-content/themes/mediumish/*","/blog/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce"> window.wp_kirki = { ajaxUrl: "https://aksaradata.id/blog/wp-admin/admin-ajax.php", restUrl: "https://aksaradata.id/blog/wp-json/", siteUrl: "https://aksaradata.id/blog", apiVersion: "v1", postId: "494", nonce: "4d629fde65", call_from: "", templateId: "", context: {"id":494,"type":"post"} }; </script> <div class="wrapallwowpopup"> </div> <script id="wp-frontend-submit-js-extra"> var ptajax = {"ajaxurl":"https://aksaradata.id/blog/wp-admin/admin-ajax.php","noImageURLError":"Please enter a valid image URL!","ImageLimiteURLError":"You are only allowed to upload up to 3 images!","noImageUploadError":"No image is selected!","noTitleError":"You must provide a title. What are you publishing?","noImageError":"Please add at least one image to your post.","ImageSuccess":"Your image has been added successfully","UserNameError":"Please enter your Name!","UserEmailError":"Please enter a valid Email!"}; //# sourceURL=wp-frontend-submit-js-extra </script> <script id="wp-frontend-submit-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/plugins/wp-frontend-submit/public/js/wp-frontend-submit-public.js?ver=1.0.0"></script> <script id="tether-js" src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script> <script id="bootstrap4-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/themes/mediumish/assets/js/bootstrap.min.js"></script> <script id="mediumish-ieviewportbugworkaround-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/themes/mediumish/assets/js/ie10-viewport-bug-workaround.js"></script> <script id="mediumish-masonrypkgd-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/themes/mediumish/assets/js/masonry.pkgd.min.js"></script> <script id="mediumish-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/themes/mediumish/assets/js/mediumish.js"></script> <script async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-includes/js/comment-reply.min.js?ver=7.0"></script> <script id="page-links-to-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.4.1"></script> <script id="wowpopup-mainjs-js" defer="defer" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/plugins/wowpopup/public/js/wowpopup.min.js?ver=1.0.0"></script> <script id="lwptoc-main-js" src="https://ik.imagekit.io/8vgbkjwwyjg/wp-content/plugins/luckywp-table-of-contents/front/assets/main.min.js?ver=2.1.14"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://ik.imagekit.io/8vgbkjwwyjg/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}} </script> <script type="module"> /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://aksaradata.id/blog/wp-includes/js/wp-emoji-loader.min.js </script> </body> </html> <!-- Page supported by LiteSpeed Cache 7.8.1 on 2026-06-12 09:01:49 -->