HTML memang bahasa yang wajib dipelajari, bagi yang mau menjadi web developer.
Karena…
HTML merupakan bahasa dasar untuk membuat web.
Saya yakin, kamu sudah pernah mendengar HTML sebelumnya. Tapi tidak ada salahnya membaca kebali artikel ini.
Pada tutorial ini, kita akan benar-benar membahas dari nol hingga kamu bisa membuat halaman HTML sendiri.
Baiklah…
Mari kita mulai!
Apa itu HTML?
Mari kita
lihat pengertian HTML menurut wikipedia:
HTML atau HyperText Markup Language merupakan sebuah bahasa markah
untuk membuat halaman web. 1
Paham kan maksudnya?
Kalau belum paham, sini saya jelaskan…
Jadi, HTML itu adalah sebuah bahasa yang menggunakan markup atau penanda untuk membuat halaman web.
Penanda atau markup ini, nanti akan kita sebut dengan
Tag.
HTML berperan untuk menentukan struktur konten dan tampilan dari sebuah web.
Kalau kita ibaratkan nih..
HTML itu seperti batu bata untuk membangun rumah. Batu bata ini dapat disusun, hingga menjadi fondasi dasar.
Dalam membuat halaman web, HTML tidak sendirian. Ada bahasa lain lagi yang menjadi pelengkapnya, yakni CSS dan Javascript.
CSS adalah bahasa khusus yang digunakan untuk memperindah tampilan
web.
Lalu Javascript bertugas untuk membuat halaman web menjadi hidup. Karena dengan Javascript, kita dapat menentukan fungsi-fungsi maupun efek yang akan diterapkan di website.
Oh iya, pada tutorial ini.. Kita akan fokus dulu membahas HTML. Jika kamu ingin belajar CSS dan Javascript, silahkan buka:
- Tutorial CSS untuk Pemula
- Tutorial Javascript untuk Pemula
Oke, saya anggap kamu sudah paham tentang apa itu HTML serta peranannya dalam pembuatan web.
Berikutnya, biar lebih paham.. kita akan membahas sejarah dan asal-usul HTML.
Sejarah dan Asal-usul HTML
Sejarah lengkap HTML bisa juga dibaca di:
- Sejarah
dan Asal Usul HTML
Pada tutiorial ini, kita akan bahas sejarahnya secara singkat.
Cerita awal kemunculan HTML dimulai dari tahun 1980..
Saat itu seorang ilmuan bernama Tim Berners-Lee sedang bekerja di CERN.
Tim Berners-Lee (2009)CERN sendiri bukanlah perusahaan yang berkaitan tentang teknologi maupun
internet. CERN adalah singkatan dari bahasa prancis: Conseil Européen pour la Recherche Nucléaire.
Yang artinya: Komisi Eropa untuk Penelitian Fisika Nuklir.
Website CERN (2020)Para peneliti di CERN membutuhkan sebuah cara atau sistem agar bisa saling berbagi dokumen hasil penelitian.
Tim kemudian
mencoba membuat ENQUIRE. Ini adalah software hypertext yang akan digunakan untuk berbagi dokumen.
Lalu di tahun 1989, Tim memperkenalkan ide tentang hypertext berbasis internet. Ini nantinya akan menjadi cikal-bakal HTML.
Tim kemudian memulai proyek baru dengan rekannya Robert Cailliau yang merupakan system engineer di CERN. Akan tetapi proyek ini tidak resmi diadopsi oleh CERN.
Tim Berners-Lee (kiri) dan Robert Cailliau (kanan)Pada akhir tahun 1991, Tim Berners-Lee
menerbitkan dokumen yang berjudul: “HTML Tags”.
Dokumen ini berisi penjelasan tentang 18 tags awal yang
menjadi konsep dasar HTML.
HTML sebenarnya dirancang berdasarkan pada konsep bahasa markup yang dikenal dengan SGML (Standard Generalized Markup Language).
SGML adalah sebuah standar internasional untuk membuat dokumen dengan tanda (markup) seperti paragraf, list, heading, dan lain-lain.
Bisa dibilang..
HTML adalah implementasi dari SGML.
Kalau kita lihat, beberapa tag seperti </code>, <code><p></code>, <code><li></code>, dan <code><h2></code> sampai <code><h6></code> berasal dari
SGML. Namun, tidak semua yang ada di HTML berasal dari SGML.</p><p>Salah satunya adalah Hyperlink, yang murni hasil pemikiran Tim Berners-Lee.</p><p>Ide tentang HTML ini kemudian disebarkan ke dalam sebuah mailing list dan segera menjadi perhatian berbagai ilmuwan komputer di seluruh dunia.</p><h3 id="perkembangan-dan-versi-html">Perkembangan dan Versi HTML</h3><p>HTML punya beberapa versi, dari versi yang paling tua hingga yang
terbaru. Berikut ini perkembangan versi HTML:</p><ul><li><code>[Draft]</code> <strong>HTML 1.0</strong> (Juni 1993) adalah versi HTML pertama, namun tidak resmi dirilis;</li><li><strong>HTML 2.0</strong> (24 November 1995) adalah versi HTML kedua yang resmi pertamakali beredar di pasaran dan dirilis oleh IETF;</li><li><code>[Draft]</code> <strong>HTML 3.0</strong> (28 Maret 1995) versi ini gagal beredar, karena banyak perubahan yang memicu perdebatan;</li><li><strong>HTML 3.2</strong> (14
Januari 1997) versi resmi yang dirilis W3C pertamakali.</li><li><strong>HTML 4.0</strong> (24 April 1998) versi pengembangan dari yang seblumnya;</li><li><strong>HTML 4.01</strong> (24 Desember 1999) versi perbaikan dari HTML 4.0;</li><li><strong>XHTML 1.0</strong> (26 Januari 2000) pengembangan dari HTML 4.01 dengan mengadopsi XML;</li><li><strong>XHTML 2.0</strong> (Augustus 2002—Juli 2006) versi kedua dari XHTML;</li><li><strong>HTML 5</strong> (28
Oktober 2014) versi html saat ini.</li></ul><p>Versi <code>[draft]</code> adalah versi yang tidak resmi dirilis ke pasaran. Bentuknya cuma masih dalam draft speksifikasi saja.</p><p>Artinya..</p><p>Tidak ada yang menggunakan versi <code>[draft]</code> untuk membuat web.</p><p>Lalu, versi mana yang akan kita pakai?</p><p>Tentunya versi terbaru, yakni HTML 5.</p><h2 id="peralatan-untuk-belajar-html">Peralatan untuk Belajar HTML</h2><p>Nah, sekarang.. Tiba saatnya kita praktik!</p><p>Tapi sebelum itu, kamu harus
siapkan beberapa alat yang akan digunakan untuk praktik.</p><p>Adapun peralatan yang harus kamu persiapkan adalah:</p><p>Teks editor akan kita gunakan untuk menulis kode-kode HTML. Kamu bebas menggunakan teks editor apapun.</p><p>Notepad boleh, Notepad++ juga boleh..</p>
<div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvbm90ZXBhZHBwLnBuZw==.webp" ></img></div><p>Apapun teks editornya, yang penting bisa digunakan untuk membuat dan menulis dokumen HTML.</p><p>Namun, pada tutorial ini.. kita akan menggunakan teks editor
Visual Studio Code.</p><h3 id="2-web-browser-untuk-membuka-html">2. Web Browser untuk Membuka HTML</h3><p>Web browser akan kita gunakan untuk membuka HTML. Kamu juga bebeas menggunakan web browser apapun.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvd2ViLWJyb3dzZXIucG5n.webp" ></img></div><p>Saran saya sih.. gunakan web browser yang terbaru, karena kita juga akan menggunakan HTML versi yang terbaru.</p><p>Firefox atau Google Chrome, saya kira sudah cukup.</p><h2 id="membuat-dokumen-html-pertamamu">Membuat Dokumen HTML Pertamamu</h2><p>Kini tiba saatnya, kamu harus mencoba sendiri membuat dokumen HTML. Caranya sangat mudah.</p></p><p>Mari kita mulai dengan membuka teks editor, lalu tulislah kode berikut.</p><p><pre><code><span><span><span><!DOCTYPE html></span>
</span></span><span><span><<span>html</span> <span>lang</span><span>=</span><span>"en"</span>>
</span></span><span><span> <<span>head</span>>
</span></span><span><span> <<span>title</span>>Belajar HTML #01</<span>title</span>>
</span></span><span><span> </<span>head</span>>
</span></span><span><span> <<span>body</span>>
</span></span><span><span> <<span>p</span>>Hello World!</<span>p</span>>
</span></span><span><span> </<span>body</span>>
</span></span><span><span></<span>html</span>></span></span></code></pre></p><p>Setelah itu, simpan dengan nama <code>hello-world.html</code>.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvZmlsZS1odG1sLnBuZw==.webp" ></img></div><p><strong>Tips:</strong> buat kamu yang menggunakan Notepad di Windows, simpanlah nama filenya dengan menggunakan tanda petik <code>"hello-world.html"</code> agar ekstensinya <code>.html</code>, bukan <code>.txt</code>.</p><p>Atau kamu bisa
aktifkan fitur show extension pada Windows Explorer, agar bisa tahu ekstensi filenya.</p><p>Caranya.. masuk ke menu View, lalu centang <strong>File name extensions</strong>.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvd2luLWV4cGxvcmVyLWV4dGVuc2lvbi5wbmc=.webp" ></img></div><p>Oke.. lanjut!</p><p>Sekarang cobalah buka file <code>hello-world.html</code> dengan web browser.. maka hasilnya:</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvaGVsbG8td29ybGQtaHRtbC5wbmc=.webp" ></img></div><p>Selamat! 🎉</p><p>Kita sudah berhasil membuat halaman web pertama dengan HTML.</p><p>Kini giliran saya menjelaskan maksud dari kode di atas, tapi sebelum itu.. saya akan jelaskan
dulu tentang nama file untuk HTML.</p><h2 id="nama-file-untuk-html">Nama File untuk HTML</h2><p>Ada beberapa hal yang perlu diperhatikan dalam membuat nama file HTML:</p><h3 id="1-extensi-file-html">1. Extensi file HTML</h3><p>Setiap file HTML harus berekstensi <code>.html</code>, <code>.xhtml</code> (untuk XHTML), dan <code>.htm</code> saja. Jika tidak menggunakan ekstensi ini, maka ia tidak akan bisa dibaca oleh web browser.</p><p>Contohnya seperti ini:</p><p>Nama filenya adalah <code>hello-world.txt</code>.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvZmlsZS10eHQucG5n.webp" ></img></div><p>Sedah jelas, ini bukan file HTML, melainkan sebuah file teks biasa. Maka.. browser akan menampilkan isi file tersebut apa adanya.</p><h3 id="2-nama-khusus-untuk-homepage">2. Nama Khusus untuk Homepage</h3><p>Jika
kamu ingin membuat halaman untuk homepage, maka sebaiknya gunakan nama <code>index.html</code>. Karena ia akan otomatis dibuka saat website dikunjungi.</p><p>Contohnya, saat kamu membuka <code>www.petanikode.com</code>.. maka file HTML yang akan dibuka adalah <code>index.html</code> yang berada di server petanikode.</p><h3 id="3-hindari-beberapa-hal-ini">3. Hindari Beberapa Hal ini..</h3><p><strong>Penggunaan Spasi</strong></p><p>Nama file HTML biasanya akan tercantum pada URL, maka sebaiknya hindari menggunakan spasi pada nama file HTML, agar URL
yang dibentuk lebih bagus.</p><p>Spasi pada URL, biasanya akan otomatis diubah menjadi <code>%20</code>.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvc3Bhc2ktcGFkYS11cmwucG5n.webp" ></img></div><p>Sebagai ganti spasi, kamu bisa gunakan tanda min (<code>-</code>) atau undescore (<code>_</code>).</p><p><strong>Jangan
Alay!</strong></p><p>Berikanlah nama file HTML dengan file yang biasa, hindari menggunakan huruf besar, campuran dari huruf besar dan kecil, dan juga menggunakan simbol.</p><p>Contoh:</p><ul><li><code>HeLLoWORLD.html</code></li><li><code>da*#$.html</code></li></ul><p>Meskipun nama ini bisa valid, tapi kurang bagus untuk dibaca.. baik oleh manusia, maupun mesin.</p><p>Baiklah, berikutnya kita akan pelajari tentang kode-kode HTML.</p><h2 id="struktur-dasar-html">Struktur Dasar HTML</h2><p>Berikut ini adalah kode HTML yang baru saja
kita buat:</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvc3RydWt0dXItaHRtbC5wbmc=.webp" ></img></div><p>Penulisan kode HTML selalu dimulai dengan deklarasi DOCTYPE, lalau menuliskan tag <code><html></code> dan di dalamnya terdapat tag <code><head></code> dan <code><body></code>.</p></p><p>Kalau kita perhatikan.. struktur dasar
kode HTML terdiri dari tiga bagian penting:</p><ol><li>Bagian Deklarasi</li><li>Bagian HEAD</li><li>Bagian BODY</li></ol><p>Mari kita bahas satu-per-satu:</p><h3 id="1-bagian-deklarasi">1. Bagian Deklarasi</h3><p>Coba perhatikan kode pada baris pertama: <code><!DOCTYPE html></code>.</p><p>Ini adalah tag deklarasi untuk menyatakan tipe dokumen dan versinya. Pada contoh di atas, kita menyatakan dokumen ini bertipe HTML dan versinya adalah HTML 5.</p><p>Nah, untuk HTML versi 4.. beda lagi cara deklarasinya.</p><p>Contoh
untuk HTML 4.01:</p><p><pre><code><span><span><span><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"></span></span></span></code></pre></p><p>Cukup panjang bukan..</p><p>Lalu apakah boleh kita tidak menulis kode <code><!DOCTYPE html></code> ini?</p><p>Boleh-boleh saja.. dokumen HTML-nya akan tetap bisa dibuka di web browser. Tapi, ini tentunya akan melanggar aturan standar yang dibuat W3C.</p><p>O ya, kita bisa mengecek.. apakah HTML yang ditulis sudah benar atau tidak di
https://validator.w3.org/.</p><div class="imgBox"><img alt="Cara menggunakan aplikasi html apa saja?" data-orgimg="https://sg.cdnki.com/cara-menggunakan-aplikasi-html-apa-saja---aHR0cHM6Ly93d3cucGV0YW5pa29kZS5jb20vaW1nL2h0bWwvZGFzYXIvaHRtbC12YWxpZGF0b3IucG5n.webp" ></img></div><p>Lanjut…</p><p>Berikutnya, di bawah tag deklarasi <code><!DOCTYPE html></code> terdapat tag pembuka untuk HTML:</p><p>Tag <code><html></code> wajib ada di setiap dokumen HTML..</p><p>Pada tag ini, kita memberikan atribut
<code>lang="en"</code> untuk menyatakan kalau konten dokumen HTML ini akan menggunakan bahasa inggris.</p><p>Nah di dalam tag <code><html></code> ini, terdapat dua tag penting lagi.. yakni: tag <code><head></code> dan tag <code><body></code>.</p><p>Setelah itu barulah terakhir tag HTML ditutup dengan <code></html></code>.</p><h3 id="2-bagian-head">2. Bagian HEAD</h3><p>Bagian HEAD adalah bagian kepala dari HTML. Dimulai dari tag <code><head></code> dan ditutup dengan <code></head></code>.</p><p><pre><code><span><span><span><!DOCTYPE html></span>
</span></span><span><span><<span>html</span> <span>lang</span><span>=</span><span>"en"</span>>
</span></span><span><span> <<span>head</span>>
</span></span><span><span> <<span>title</span>>Belajar HTML #01</<span>title</span>>
</span></span><span><span> </<span>head</span>>
</span></span><span><span> <<span>body</span>>
</span></span><span><span> <<span>p</span>>Hello World!</<span>p</span>>
</span></span><span><span> </<span>body</span>>
</span></span><span><span></<span>html</span>></span></span></code></pre></p><p>Pada bagian HEAD, biasanya digunakan untuk
menuliskan tag-tag yang akan dibaca oleh mesin.</p><p>Seperti:</p><ul><li>Tag meta untuk SEO;</li><li>Tag <code><title></code> untuk judul;</li><li>Tempat menulis kode CSS dan Javascript;</li><li>dan lain-lain.</li></ul><h3 id="3-bagian-body">3. Bagian BODY</h3><p>Bagian BODY adalah bagian yang akan ditampilkan pada web browser. Penulisannya di mulai dari tag <code><body></code> dan ditutup dengan <code></body></code>.</p><p><pre><code><span><span><span><!DOCTYPE html></span>
</span></span><span><span><<span>html</span> <span>lang</span><span>=</span><span>"en"</span>>
</span></span><span><span> <<span>head</span>>
</span></span><span><span> <<span>title</span>>Belajar HTML #01</<span>title</span>>
</span></span><span><span> </<span>head</span>>
</span></span><span><span> <<span>body</span>>
</span></span><span><span> <<span>p</span>>Hello World!</<span>p</span>>
</span></span><span><span> </<span>body</span>>
</span></span><span><span></<span>html</span>></span></span></code></pre></p><p>Di sinilah nanti kita akan banyak menuliskan konten dengan berbagai macam tag. Saat ini
kita baru mengisinya dengan tag <code><p></code>. Tag <code><p></code> adalah tag yang digunakan untuk membuat paragraf.</p><h2 id="apa-selanjutnya">Apa Selanjutnya?</h2><p>Nah, sampai di sini dulu tutorial pertama ini..</p><p>Jika ada yang belum jelas, bisa ditanyakan melalui komentar.</p><p>Berikutnya silahkan pelajari tentang definisi tag, elemen, dan atribut:</p><ul><li>Belajar HTML #02: Mengenal tag, elemen, dan atribut dalam
HTML</li></ul><blockquote><p>Untuk tutorial HTML lainnya, silahkan cek di List tutorial HTML</p></blockquote></article><div class='paramage'></div> <div class="contenBreak"></div>
<h3 id="aplikasi-html-apa-saja">Aplikasi HTML apa saja?</h3>
<div class="blockAnswer_acceptedAnswer"><div class='ListData'><span class="FCUp0c rQMQod">Berikut ini beberapa aplikasi text editor lainnya yang bisa digunakan untuk belajar penulisan kode HTML.</span>.</div> <div class='ListData'>Notepad++.</div> <div class='ListData'>BracketsText..</div> <div class='ListData'>Sublime Text Editor..</div> <div class='ListData'>Visual Studio Editor..</div> <div class='ListData'>Emacs..</div> <div class='ListData'>Netbeans..</div> <div class='ListData'>Aptana Studio..</div> </div>
<h3 id="bagaimana-cara-menggunakan-html">Bagaimana cara menggunakan HTML?</h3>
<div class="blockAnswer_acceptedAnswer"><div class='ListData'><span class="FCUp0c rQMQod">Cara Membuat Halaman Web Sederhana dengan HTML</span>.</div> <div class='ListData'>Buka editor teks. ... .</div> <div class='ListData'>Atur jenis dokumen untuk HTML. ... .</div> <div class='ListData'>Tambahkan tab judul untuk halaman web kamu. ... .</div> <div class='ListData'>Ketik di bawah tag "Head" yang tertutup. ... .</div> <div class='ListData'>Selanjutnya membuat judul halaman. ... .</div> <div class='ListData'>Tambahkan judul tambahan jika kamu mau. ... .</div> <div class='ListData'>Membuat paragraf. ... .</div> <div class='ListData'>Mengubah warna teks..</div> </div>
<h3 id="html-digunakan-untuk-apa">HTML digunakan untuk apa?</h3>
<div class="blockAnswer_acceptedAnswer">Secara umum, <span class="FCUp0c rQMQod">fungsi HTML</span> adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web. <span class="FCUp0c rQMQod">Fungsi HTML</span> yang lebih spesifik yaitu : Membuat halaman web.</div>
<h3 id="apa-yang-dimaksud-dengan-html-dan-berikan-contohnya">Apa yang dimaksud dengan HTML dan berikan contohnya?</h3>
<div class="blockAnswer_acceptedAnswer"><span class="FCUp0c rQMQod">HTML</span> adalah bahasa standar pemrogaman yang digunakan untuk membuat halaman website, yang diakses melalui internet. Singkatan dari "Hypertext Markup Language" atau "bahasa markup". Dilansir Techterms, "Hypertext" mengacu pada hyperlink yang mungkin terdapat dalam halaman <span class="FCUp0c rQMQod">HTML</span>.</div>
</p></div>
<div class="readmore_content_exists"><button id="readmore_content"><span class="arrow"><span></span></span>Đọc tiếp</button></div>
</td></tr></table>
<script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script>
<div class="lazyhtml" data-lazyhtml>
<script type="text/lazyhtml">
<div class="youtubeVideo"><h3>Video liên quan</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/m4OyJ2ghiOE?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe>
</div>
</script>
</div>
<div class="mt-3">
<div class="tags">
<a href="https://lovelyristin.com/tags/kode" class="tag-link">kode</a>
<a href="https://lovelyristin.com/tags/html" class="tag-link">html</a>
<a href="https://lovelyristin.com/tags/Tag HTML" class="tag-link">Tag HTML</a>
<a href="https://lovelyristin.com/tags/Fungsi HTML" class="tag-link">Fungsi HTML</a>
<a href="https://lovelyristin.com/tags/HTML web" class="tag-link">HTML web</a>
<a href="https://lovelyristin.com/tags/Struktur HTML" class="tag-link">Struktur HTML</a>
<a href="https://lovelyristin.com/tags/Contoh HTML" class="tag-link">Contoh HTML</a>
<a href="https://lovelyristin.com/tags/Download aplikasi HTML" class="tag-link">Download aplikasi HTML</a>
<a href="https://lovelyristin.com/tags/Script HTML" class="tag-link">Script HTML</a>
</div>
</div>
<div class="post-tools">
<button data-postid="cara-menggunakan-aplikasi-html-apa-saja" class="btn btn-answerModalBox"><img class="mr-1" alt="Cara menggunakan aplikasi html apa saja?" src="/dist/images/svg/messages_16.svg">Reply</button>
<button data-postid="cara-menggunakan-aplikasi-html-apa-saja" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan aplikasi html apa saja?" src="/dist/images/svg/face-smile_16.svg">4</button>
<button data-postid="cara-menggunakan-aplikasi-html-apa-saja" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan aplikasi html apa saja?" src="/dist/images/svg/poo_16.svg">0</button>
<button class="btn"><img class="mr-1" alt="Cara menggunakan aplikasi html apa saja?" src="/dist/images/svg/facebook_16.svg"> Chia sẻ</button>
</div>
</div><!-- end question-post-body -->
</div><!-- end question-post-body-wrap -->
</div><!-- end question -->
<div id="answers_cara-menggunakan-aplikasi-html-apa-saja" class="answers"> </div><!-- end answer-wrap -->
<div class="entryFooter">
<div class="footerLinkAds"></div>
<div class="footerRelated"><div class="postRelatedWidget">
<h2>Bài Viết Liên Quan</h2>
<div class="questions-snippet layoutNews border-top border-top-gray">
<div class="max-width:840px">
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-fb-44+c1-1p-ns"
data-ad-client="ca-pub-4987931798153631"
data-ad-slot="7655066491"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-save-image-temporary-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-save-image-temporary-python---97e9e331fb733b17e258042cee1da276.webp" alt="Cara menggunakan save image temporary python"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-save-image-temporary-python">Cara menggunakan save image temporary python</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/python" class="tag-link">python</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/ekstensi-kode-studio-visual-html-css"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_ekstensi-kode-studio-visual-html-css---4504b9c86e510924348c86f384d9f5b6.webp" alt="Ekstensi kode studio visual html css"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/ekstensi-kode-studio-visual-html-css">Ekstensi kode studio visual html css</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/html" class="tag-link">html</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/https-notfound-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_https-notfound-php---ac8a05b2180c7bf6bc91070e194a2c72.webp" alt="Https notfound PHP"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/https-notfound-php">Https notfound PHP</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-integer-to-date-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-integer-to-date-python---069902985eee2d1e54ad51c6f9361b3e.webp" alt="Cara menggunakan integer to date python"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-integer-to-date-python">Cara menggunakan integer to date python</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/python" class="tag-link">python</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/python-mengganti-karakter-dalam-file-teks"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_python-mengganti-karakter-dalam-file-teks---3ba7897bb176e8a6616e0eca5a02805f.webp" alt="Python mengganti karakter dalam file teks"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/python-mengganti-karakter-dalam-file-teks">Python mengganti karakter dalam file teks</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/python" class="tag-link">python</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-mengecek-nomor-npwp-yang-hilang"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-mengecek-nomor-npwp-yang-hilang---07291dd6fb1faec4233a811a3449c0ab.webp" alt="Cara mengecek nomor npwp yang hilang"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-mengecek-nomor-npwp-yang-hilang">Cara mengecek nomor npwp yang hilang</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/bagaimana-anda-membuat-diagram-di-mysql"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_bagaimana-anda-membuat-diagram-di-mysql---5b69c5fb90ffb8fe428d9196d13f49d1.webp" alt="Bagaimana Anda membuat diagram di mysql?"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-membuat-diagram-di-mysql">Bagaimana Anda membuat diagram di mysql?</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/mysql" class="tag-link">mysql</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-contoh-perulangan-while-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-contoh-perulangan-while-php---38636c5c615e076e722429be06ff6296.webp" alt="Cara menggunakan contoh perulangan while php"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-contoh-perulangan-while-php">Cara menggunakan contoh perulangan while php</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/php" class="tag-link">php</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/marksheet-code-in-javascript"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_marksheet-code-in-javascript---a3d7aca0ada3292597fd1017021c636d.webp" alt="Marksheet code in JavaScript"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/marksheet-code-in-javascript">Marksheet code in JavaScript</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-perintah-dasar-python"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-perintah-dasar-python---66b7b359890b165b68a5a0efdae62ec4.webp" alt="Cara menggunakan perintah dasar python"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-perintah-dasar-python">Cara menggunakan perintah dasar python</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/python" class="tag-link">python</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="max-width:840px">
<ins class="adsbygoogle"
style="display:block"
data-ad-format="fluid"
data-ad-layout-key="-fb-44+c1-1p-ns"
data-ad-client="ca-pub-4987931798153631"
data-ad-slot="7655066491"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-baris-ungroup-di-excel"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-baris-ungroup-di-excel---b10aaedb2e3b7350208f6c72a1b03b50.webp" alt="Cara menggunakan baris ungroup di excel"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-baris-ungroup-di-excel">Cara menggunakan baris ungroup di excel</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/excel" class="tag-link">excel</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/apakah-bisa-transfer-dari-ovo-ke-gopay"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_apakah-bisa-transfer-dari-ovo-ke-gopay---b1260b1dd26e08454f5588419c9add89.webp" alt="Apakah bisa transfer dari OVO ke GoPay?"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/apakah-bisa-transfer-dari-ovo-ke-gopay">Apakah bisa transfer dari OVO ke GoPay?</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menghapus-squarespace-javascript-yang-tidak-terpakai"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menghapus-squarespace-javascript-yang-tidak-terpakai---11331bcb2d1afc447d7b9a7c619007a0.webp" alt="Cara menghapus squarespace javascript yang tidak terpakai"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menghapus-squarespace-javascript-yang-tidak-terpakai">Cara menghapus squarespace javascript yang tidak terpakai</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/javascript" class="tag-link">javascript</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan---ca36615c05b9f7cc959585b36a3e2aa8.webp" alt="Bagaimana Anda mengarahkan ke halaman lain di html setelah mengirimkan?"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-mengarahkan-ke-halaman-lain-di-html-setelah-mengirimkan">Bagaimana Anda mengarahkan ke halaman lain di html setelah mengirimkan?</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/html" class="tag-link">html</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/scrape-website-to-excel"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_scrape-website-to-excel---6ca4b4f38457e2688ec3ebde50891646.webp" alt="Scrape website to Excel"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/scrape-website-to-excel">Scrape website to Excel</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-php-maxinputvars-not-updating"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-php-max_input_vars-not-updating---5c19b1213c5ffcd1f97bab464f067680.webp" alt="Cara menggunakan php max_input_vars not updating"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-php-maxinputvars-not-updating">Cara menggunakan php max_input_vars not updating</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/php" class="tag-link">php</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-website-forum-php"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-website-forum-php---1f5e1239a9b21bcd6d64a354ffc344bd.webp" alt="Cara menggunakan website forum php"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-website-forum-php">Cara menggunakan website forum php</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/php" class="tag-link">php</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-aktivasi-kartu-brizzi-di-atm-bri"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-aktivasi-kartu-brizzi-di-atm-bri---dc26841f105c17ee6faeab0662d4f2a2.webp" alt="Cara aktivasi kartu BRIZZI di ATM BRI"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-aktivasi-kartu-brizzi-di-atm-bri">Cara aktivasi kartu BRIZZI di ATM BRI</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-const-javascript-adalah"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-const-javascript-adalah---93ab1a45eb6e7b220ec56ea0d0f86fc1.webp" alt="Cara menggunakan const javascript adalah"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-const-javascript-adalah">Cara menggunakan const javascript adalah</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/javascript" class="tag-link">javascript</a>
</div>
</div>
</div>
</div><!-- end media -->
<div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray">
<div class="media-image">
<a href="/cara-menggunakan-mysql-aplikasi-apa"><img src="/dist/images/waiting.svg" width="200px" height="100px" data-orgimg="https://ap.cdnki.com/r_cara-menggunakan-mysql-aplikasi-apa---ae26930fa88b62de5eae83b04685fe68.webp" alt="Cara menggunakan mysql aplikasi apa?"></a>
</div>
<div class="media-body">
<h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-mysql-aplikasi-apa">Cara menggunakan mysql aplikasi apa?</a></h5>
<p class="mb-2 truncate lh-20 fs-15"></p>
<div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0">
<div class="tags">
<a href="/tags/kode" class="tag-link">kode</a>
<a href="/tags/mysql" class="tag-link">mysql</a>
</div>
</div>
</div>
</div><!-- end media -->
</div>
</div></div>
</div>
</div>
</div><!-- end question-main-bar -->
</div><!-- end col-lg-9 -->
<div class="postContentRight">
<div class="sidebar">
<div class="card card-item">
<div class="card-body">
<h3 class="fs-17 pb-3">Có thể bạn quan tâm</h3>
<div class="divider"><span></span></div>
<div class="sidebar-questions pt-3">
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/google-sheets-difference-between-two-columns">Google Sheets difference between two columns</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/RepublicanNetworking" class="author">RepublicanNetworking</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-mengunduh-kamus-dengan-python">Cara mengunduh kamus dengan python</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/ChunkySending" class="author">ChunkySending</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/apa-perbedaan-list-dan-array-pada-python">Apa perbedaan list dan array pada python?</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/DisastrousMaple" class="author">DisastrousMaple</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/how-do-i-push-data-from-one-excel-workbook-to-another">How do I push data from one Excel workbook to another?</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/SorrowfulCountryman" class="author">SorrowfulCountryman</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-menggunakan-raise-vs-return-python">Cara menggunakan raise vs return python</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/SatisfyingInstruction" class="author">SatisfyingInstruction</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-konfigurasi-mysql-di-xampp">Cara konfigurasi mysql di xampp</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/BindingMortality" class="author">BindingMortality</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/spreadsheet-odoo">Spreadsheet odoo</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/LastingMahogany" class="author">LastingMahogany</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-mengubah-server-phpmyadmin">Cara mengubah server phpmyadmin</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/HandmadeWaitress" class="author">HandmadeWaitress</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-membuat-paragraf-di-css">Cara membuat paragraf di css</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/IndeterminateIndicator" class="author">IndeterminateIndicator</a>
</small>
</div>
</div><!-- end media -->
<div class="media media-card media--card media--card-2">
<div class="media-body">
<h5><a href="https://lovelyristin.com/cara-menggunakan-perbedaan-laravel-dan-php">Cara menggunakan perbedaan laravel dan php</a></h5>
<small class="meta">
<span class="pr-1">1 năm trước</span>
<span class="pr-1">. bởi</span>
<a href="https://lovelyristin.com/author/TeemingAesthetics" class="author">TeemingAesthetics</a>
</small>
</div>
</div><!-- end media -->
</div><!-- end sidebar-questions -->
</div>
</div><!-- end card -->
<div class="card card-item">
<div class="card-body">
<h3 class="fs-17 pb-3">Xem Nhiều</h3>
<div class="divider"><span></span></div>
<div class="sidebar-questions pt-3">
</div><!-- end sidebar-questions -->
</div>
</div><!-- end card -->
</div><!-- end sidebar -->
</div><!-- end col-lg-3 -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end question-area -->
<!-- ================================
END QUESTION AREA
================================= -->
<script>var questionId ='cara-menggunakan-aplikasi-html-apa-saja'</script>
<script>var postTime ='2022-09-17T23:35:53.845Z'</script>
<script>var siteDomain ='lovelyristin.com'</script>
<script type="text/javascript" src="https://lovelyristin.com/dist/js/pages/comment.js"></script>
<!-- ================================
END FOOTER AREA
================================= -->
<section class="footer-area pt-80px bg-dark position-relative">
<span class="vertical-bar-shape vertical-bar-shape-1"></span>
<span class="vertical-bar-shape vertical-bar-shape-2"></span>
<span class="vertical-bar-shape vertical-bar-shape-3"></span>
<span class="vertical-bar-shape vertical-bar-shape-4"></span>
<div class="container">
<div class="row">
<div class="col-lg-3 responsive-column-half">
<div class="footer-item">
<h3 class="fs-18 fw-bold pb-2 text-white">Chúng tôi</h3>
<ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
<li><a href="/about.html">Giới thiệu</a></li>
<li><a href="/contact.html">Liên hệ</a></li>
<li><a href="/contact.html">Tuyển dụng</a></li>
<li><a href="/contact.html">Quảng cáo</a></li>
</ul>
</div><!-- end footer-item -->
</div><!-- end col-lg-3 -->
<div class="col-lg-3 responsive-column-half">
<div class="footer-item">
<h3 class="fs-18 fw-bold pb-2 text-white">Điều khoản</h3>
<ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
<li><a href="/privacy-statement.html">Điều khoản hoạt động</a></li>
<li><a href="/terms-and-conditions.html">Điều kiện tham gia</a></li>
<li><a href="/privacy-statement.html">Quy định cookie</a></li>
</ul>
</div><!-- end footer-item -->
</div><!-- end col-lg-3 -->
<div class="col-lg-3 responsive-column-half">
<div class="footer-item">
<h3 class="fs-18 fw-bold pb-2 text-white">Trợ giúp</h3>
<ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
<li><a href="/contact.html">Hướng dẫn</a></li>
<li><a href="/contact.html">Loại bỏ câu hỏi</a></li>
<li><a href="/contact.html">Liên hệ</a></li>
</ul>
</div><!-- end footer-item -->
</div><!-- end col-lg-3 -->
<div class="col-lg-3 responsive-column-half">
<div class="footer-item">
<h3 class="fs-18 fw-bold pb-2 text-white">Mạng xã hội</h3>
<ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white">
<li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li>
<li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li>
<li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li>
<li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li>
</ul>
</div><!-- end footer-item -->
</div><!-- end col-lg-3 -->
</div><!-- end row -->
</div><!-- end container -->
<hr class="border-top-gray my-5">
<div class="container">
<div class="row align-items-center pb-4 copyright-wrap">
<div class="col-6">
<a href="//www.dmca.com/Protection/Status.aspx?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" title="DMCA.com Protection Status" class="dmca-badge"> <img src ="https://images.dmca.com/Badges/dmca_protected_sml_120am.png?ID=33e5dca6-f8c5-4c6f-b8e6-a247229d2953" width="123px" height="21px" alt="DMCA.com Protection Status" /></a> <script src="https://images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script>
</div>
<!-- end col-lg-6 --><div class="col-6">
<div class="copyright-desc text-right fs-14">
<div>Bản quyền © 2021 <a href="https://lovelyristin.com"></a> Inc.</div>
</div>
</div><!-- end col-lg-6 -->
</div><!-- end row -->
</div><!-- end container -->
</section><!-- end footer-area -->
<!-- ================================
END FOOTER AREA
================================= --><script>
$( document ).ready(function() {
setTimeout(showMoreButton, 3000);
function showMoreButton(){
let minheight = 1000;
minheight = parseInt($("#entryContent").innerHeight())/3;
$("#entryContent").css('min-height', minheight).css('max-height', minheight).css('overflow', 'hidden');
$("#readmore_content").click(function(){
$("#entryContent").css('min-height', '').css('max-height', '').css('overflow', '');
$(".readmore_content_exists").css('display', 'none');
})
}
});
</script>
<!-- template js files -->
<!-- start back to top -->
<div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Lên đầu trang">
<img alt="" src="/dist/images/svg/arrow-up_20.svg">
</div>
<!-- end back to top -->
<script src="https://lovelyristin.com/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://lovelyristin.com/dist/js/moment.js"></script>
<script src="https://lovelyristin.com/dist/js/read-more.min.js"></script>
<script src="https://lovelyristin.com/dist/js/main.js?v=6"></script>
<!-- Google Tag Manager (noscript) -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "jxuz46z39u");
</script>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="2155a29a272462b6fc9f2953-|49" defer></script>
