Cara membuat web sebenarnya sangat mudah, ada banyak cara yang bisa anda gunakan. Mulailah dengan menggunakan teknik coding atau menggunakan CMS (content management system). Nah kali ini saya akan share cara membuat website html keren dengan notepad dengan memberikan beberapa teknik coding. Bagi anda yang ingin belajar cara membuat web dengan coding, maka anda bisa belajar sedikit dari artikel ini

Table of Contents Show

Apa yang Dibutuhkan untuk Membuat Web HTML?
Bagaimana Cara Membuat Web Html Keren Dengan Notepad?
Ini adalah bagian dari Sub-Judul
Subjudul tambahan
Keuntungan Membuat Web HTML
Cara Membuat Web HTML yang Baik
Siapkan Perangkat Lunak
Menulis Kode Program HTML
Jalankan di Peramban Web
Praktek Cara Membuat Web HTML yang Baik
Langkah demi langkah membuat website dengan HTML?
Bisakah HTML membuat situs web?
Apa yang bisa dilakukan dengan HTML?
Bagaimana cara membuat web HTML langkah demi langkah di Android?

Namun ini bukan versi profesional, melainkan hanya versi standar khusus bagi yang ingin belajar membuat web menggunakan HTML sederhana menggunakan notepad

Apa yang Dibutuhkan untuk Membuat Web HTML?

Jika Anda ingin membuat situs web dengan html maka Anda memerlukan beberapa perangkat keras dan perangkat lunak. Semua perangkat ini harus disiapkan sebelum Anda mulai membuatnya. Nah beberapa perangkat yang Anda perlukan untuk membuatnya adalah sebagai berikut

Aplikasi Notepad++, untuk hasil yang lebih baik
Browser Google Chrome atau browser lainnya, namun saya sarankan menggunakan browser Chrome
Laptop atau komputer

Bagaimana Cara Membuat Web Html Keren Dengan Notepad?

Cara membuat web html keren dengan notepad bukanlah hal yang sulit untuk dilakukan. Anda bisa membuatnya dengan mudah. Jika Anda tidak pandai coding maka Anda dapat memperhatikan langkah-langkah di bawah ini

Silahkan klik tombol start atau windows
Klik semua program
Temukan aksesori, lalu klik notepad
Setelah notepad terbuka dengan baik, langkah selanjutnya adalah memasukkan kode berikut

Ini adalah bagian dari judul, harap ubah

Ini Judul Utama 1

isi dari heading utama, silahkan masukkan penjelasan tentang heading utama

Ini adalah bagian dari Sub-Judul

Sub-judul biasanya digunakan saat menulis artikel, hal ini berguna untuk membuat struktur pada artikel yang Anda buat

Subjudul tambahan

di bagian ini Anda juga dapat melihat subjudul tambahan

Silahkan simpan dengan nama file index. html

Setelah anda menyimpan file tersebut, maka cara membuat web html keren dengan notepad selesai. Yang harus Anda lakukan adalah membukanya dengan mengklik dua kali file tersebut dan Anda akan diarahkan ke halaman web yang Anda buat sebelumnya

Keuntungan Membuat Web HTML

Membuat situs web HTML memiliki banyak keuntungan dibandingkan membuatnya menggunakan CMS. Beberapa keuntungan yang akan didapatkan, di antaranya adalah

Periklanan

Desain bebas sesukamu
Sistem keamanan lebih terjamin
Strukturnya bisa dibuat sesuai keinginan
Tidak memerlukan panel

Penutupan

Cara membuat website html keren dengan notepad ini, jika dipelajari lebih dalam akan bisa membuat halaman website lebih profesional dan lebih baik dibandingkan dengan menggunakan CMS yang bertebaran saat ini

Namun, butuh proses panjang, terutama dari sisi perlindungan. Anda harus berpikir ekstra untuk membuat halaman web dengan kualitas yang baik

Cara membuat web HTML yang bagus tidak terlalu sulit. Apalagi bagi pemula yang masih mempelajari dasar-dasar pemrograman web. Pada dasarnya semua website harus menggunakan HTML sebagai bahasa markup untuk menyusun elemen-elemennya secara terstruktur. Hanya saja programmer profesional mengembangkannya dengan dukungan bahasa lain yang lebih kompleks

Temukan tips membuat situs web atau tutorial HTML dasar sebagai template. Tampilan website bisa didesain sesuai keinginan Anda dengan berbagai tag yang dibuat untuk rencana awal. Hasilnya adalah situs web statis yang berisi elemen umum seperti teks, gambar, dan warna. Semua programmer harus berlatih dengan membuat website sederhana dengan HTML melalui langkah-langkah di bawah ini

Cara Membuat Web HTML yang Baik

Siapkan Perangkat Lunak

Untuk mempraktekkan cara membuat web HTML yang baik, Anda perlu menyiapkan beberapa software pendukung. Yang pertama adalah editor teks. Semua jenis editor teks dapat digunakan untuk menulis kode program HTML. Untuk fitur yang lebih lengkap dan performa yang ringan, kami merekomendasikan Notepad++

Kemudian, Anda juga perlu menyiapkan browser web untuk menjalankan kode HTML Anda. Anda dapat menggunakan browser web apa pun untuk tujuan ini. Untuk pengguna Windows, ada Microsoft Edge yang sudah termasuk dalam perangkat lunak bawaan. Yang paling populer adalah Google Chrome dan Firefox

Menulis Kode Program HTML

Mari kita lanjutkan cara membuat website HTML yang baik dengan menulis kode HTML. Buka Notepad++ Anda, lalu ubah sintaksnya menjadi HTML. Hal ini dilakukan agar Notepad++ dapat menganalisis kode Anda, mewarnai teks sesuai dengan jenis tag, dan menampilkan highlight ketika terjadi kesalahan penulisan.

Kami asumsikan bahwa Anda sudah memahami elemen dasar HTML seperti , , , dan sebagainya. Siapkan juga tutorial programming HTML dalam format PDF dan ikuti langkah-langkah yang tersaji di sana. Dari tutorial yang Anda pakai, kembangkan dengan kreativitas Anda sendiri untuk mematangkan keahlian Anda dalam menggunakan HTML.</p><p> </p><ul><li><h3 id="jalankan-di-peramban-web">Jalankan di Peramban Web</h3></li></ul><p>Langkah terakhir dalam membuat situs web HTML yang baik adalah menguji kode yang telah Anda tulis. Simpan file program Anda ke direktori, beri nama sesuai keinginan, dan berikan ekstensi html. Ingat, file tersebut harus memiliki ekstensi HTML agar dapat dijalankan di browser web</p><p>Setelah itu, buka direktori tempat Anda menyimpan file tersebut. Klik dua kali pada ikon file atau klik kanan -> buka dengan -> pilih browser web yang Anda inginkan. Browser akan menampilkan situs web HTML sederhana yang baru saja Anda buat. Ketika kode Anda benar dan tidak ada kesalahan, situs web Anda akan terlihat sempurna</p><p> </p><h2 id="praktek-cara-membuat-web-html-yang-baik">Praktek Cara Membuat Web HTML yang Baik</h2><p>Dari tingkat dasar, terus tingkatkan keterampilan Anda dengan mengembangkan proyek yang lebih kompleks. Setiap kali Anda mempelajari fitur baru, segera terapkan fitur tersebut ke situs web sederhana Anda. Perlahan, website Anda akan semakin canggih layaknya website profesional dengan berbagai fungsi dan fitur. Semuanya dimulai dari cara membuat web HTML yang bagus seperti yang baru saja Anda praktikkan</p><div></div> <div></div> <h3 id="langkah-demi-langkah-membuat-website-dengan-html">Langkah demi langkah membuat website dengan HTML?</h3> <div><div><span>Cara Membuat Halaman Web Sederhana dengan HTML</span> . </div> <div>Buka editor teks. . </div> <div>Setel jenis dokumen ke HTML. . </div> <div>Tambahkan tab judul ke halaman web Anda. . </div> <div>Ketuk di bawah tanda "Kepala" tertutup. . </div> <div>Selanjutnya buat judul halaman. . </div> <div>Tambahkan judul tambahan jika Anda mau. . </div> <div>Buatlah sebuah paragraf. . </div> <div>Mengubah warna teks</div> </div> <h3 id="bisakah-html-membuat-situs-web">Bisakah HTML membuat situs web?</h3> <div>Menurut situs web TechTarget, HTML adalah singkatan dari Hyper Text Markup Language. Ini adalah bahasa markup yang digunakan <span>untuk membuat situs web</span> . Bahasa markup sendiri merupakan bahasa pemrograman komputer yang digunakan untuk mengolah format teks, gambar, dan berbagai media di dalamnya. </div> <h3 id="apa-yang-bisa-dilakukan-dengan-html">Apa yang bisa dilakukan dengan HTML?</h3> <div>Biasanya, penggunaan <span>HTML</span> secara umum adalah untuk mengatur paragraf, tajuk, dan tautan pada halaman web. Namun, meskipun susunannya seperti coding, perlu diketahui bahwa <span>HTML</span> bukanlah bahasa pemrograman. <span>HTML</span> tidak dianggap sebagai bahasa pemrograman karena tidak <span>dapat</span> menyediakan fungsi <span>yang</span> bersifat dinamis. </div> <h3 id="bagaimana-cara-membuat-web-html-langkah-demi-langkah-di-android">Bagaimana cara membuat web HTML langkah demi langkah di Android?</h3> <div><div><span>4 Langkah Cara Membuat Website Dengan HTML di Android. </span> . </div> <div>Instal Acode dari Playstore</div> <div>Buat Path untuk Folder Coding HTML</div> <div>Mentransfer Kode Sumber HTML CSS ke Android</div> <div>Selesai</div> </div></p></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 Terkait</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/5ASYvw_9vwE?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="post-tools"> <button data-postid="cara-membuat-web-html-keren-dengan-notepad" class="btn btn-answerModalBox"><img class="mr-1" alt="Cara membuat web html keren dengan notepad++" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="cara-membuat-web-html-keren-dengan-notepad" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Cara membuat web html keren dengan notepad++" src="/dist/images/svg/face-smile_16.svg">7</button> <button data-postid="cara-membuat-web-html-keren-dengan-notepad" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Cara membuat web html keren dengan notepad++" src="/dist/images/svg/poo_16.svg">0</button> <button class="btn"><img class="mr-1" alt="Cara membuat web html keren dengan notepad++" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div> </div> </div> <div id="answers_cara-membuat-web-html-keren-dengan-notepad" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8199996671"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Pos Terkait</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8587332220"></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="/what-happens-when-mysql-is-restarted"><img src="https://ap.cdnki.com/r_what-happens-when-mysql-is-restarted---ef746cb11c3360c09de61e47a0723d90.webp" alt="What happens when mysql is restarted?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/what-happens-when-mysql-is-restarted">What happens when mysql is restarted?</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> <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="/what-is-future-scope-of-php-developer"><img src="https://ap.cdnki.com/r_what-is-future-scope-of-php-developer---53023f0934aa52d1ab6b25e1d54b1a33.webp" alt="What is future scope of php developer?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/what-is-future-scope-of-php-developer">What is future scope of php developer?</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> <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-visualize-3d-array-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-visualize-3d-array-python---fb2853f61ee91f2175a971a084fe797f.webp" alt="Cara menggunakan visualize 3d array python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-visualize-3d-array-python">Cara menggunakan visualize 3d array 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"> </div> </div> </div> </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="/how-to-use-dump-file-in-mysql"><img src="https://ap.cdnki.com/r_how-to-use-dump-file-in-mysql---70ab3346af321686625498e8e4565cc4.webp" alt="How to use dump file in mysql"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/how-to-use-dump-file-in-mysql">How to use dump file in 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"> </div> </div> </div> </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="/apa-itu-cascade-pada-mysql"><img src="https://ap.cdnki.com/r_apa-itu-cascade-pada-mysql---da531d68aee246ef2d987b00f2b38e80.webp" alt="Apa itu cascade pada mysql?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/apa-itu-cascade-pada-mysql">Apa itu cascade pada 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"> </div> </div> </div> </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="/tutorial-koneksi-database-mysql-dengan-php"><img src="https://ap.cdnki.com/r_tutorial-koneksi-database-mysql-dengan-php---1834d321d1e49954d22600f347472e30.webp" alt="Tutorial koneksi database mysql dengan php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tutorial-koneksi-database-mysql-dengan-php">Tutorial koneksi database mysql dengan 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> <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="/how-to-split-string-based-on-number-in-python"><img src="https://ap.cdnki.com/r_how-to-split-string-based-on-number-in-python---7f1d0c1425081015d855f3706f392342.webp" alt="How to split string based on number in python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/how-to-split-string-based-on-number-in-python">How to split string based on number in 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"> </div> </div> </div> </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-what-is-reflectionobject-php"><img src="https://ap.cdnki.com/r_cara-menggunakan-what-is-reflectionobject-php---678a5d0f382d35b44de8dd2bce6ecc39.webp" alt="Cara menggunakan what is reflectionobject php?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-what-is-reflectionobject-php">Cara menggunakan what is reflectionobject 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> <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="/add-index-pada-mysql-adalah-penggunaan-untuk"><img src="https://ap.cdnki.com/r_add-index-pada-mysql-adalah-penggunaan-untuk---1bdbc17c7d9b3a697b3abce9f7b9c2a1.webp" alt="Add index pada mysql adalah penggunaan untuk"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/add-index-pada-mysql-adalah-penggunaan-untuk">Add index pada mysql adalah penggunaan untuk</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> <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-sparse-array-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-sparse-array-python---822b971c9d5c94571ce11759eef778c1.webp" alt="Cara menggunakan sparse array python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-sparse-array-python">Cara menggunakan sparse array 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"> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> <div class="col-right"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">BERITA TERKINI</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/aturan-minum-jus-pare-untuk-diabetes">Aturan minum jus pare untuk diabetes</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/WarringInsurer" class="author">WarringInsurer</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-menggunakan-save-image-temporary-python">Cara menggunakan save image temporary python</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/NationalTerror" class="author">NationalTerror</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/ekstensi-kode-studio-visual-html-css">Ekstensi kode studio visual html css</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/MotionlessBondage" class="author">MotionlessBondage</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/https-notfound-php">Https notfound PHP</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/OverturnedFusion" class="author">OverturnedFusion</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-menggunakan-integer-to-date-python">Cara menggunakan integer to date python</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/DarkenedVolcano" class="author">DarkenedVolcano</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/python-mengganti-karakter-dalam-file-teks">Python mengganti karakter dalam file teks</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/AlertIllustration" class="author">AlertIllustration</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-mengecek-nomor-npwp-yang-hilang">Cara mengecek nomor npwp yang hilang</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/NocturnalPathos" class="author">NocturnalPathos</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/bagaimana-anda-membuat-diagram-di-mysql">Bagaimana Anda membuat diagram di mysql?</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/MeanNucleus" class="author">MeanNucleus</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/cara-menggunakan-contoh-perulangan-while-php">Cara menggunakan contoh perulangan while php</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/BasicReassurance" class="author">BasicReassurance</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://lovelyristin.com/marksheet-code-in-javascript">Marksheet code in JavaScript</a></h5> <small class="meta"> <span class="pr-1">1 month ago</span> <span class="pr-1">. by</span> <a href="https://lovelyristin.com/author/UnfavorablePottery" class="author">UnfavorablePottery</a> </small> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Toplist Popular</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Terpopuler</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">LIHAT SEMUA</h3> <div class="divider"><span></span></div> <div class="tags pt-4"> <a href="https://lovelyristin.com/tags/Kiat Bagus" class="tag-link tag-link-md">Kiat Bagus</a> <a href="https://lovelyristin.com/tags/Cara Belajar" class="tag-link tag-link-md">Cara Belajar</a> <a href="https://lovelyristin.com/tags/Location" class="tag-link tag-link-md">Location</a> <a href="https://lovelyristin.com/tags/Jelaskan" class="tag-link tag-link-md">Jelaskan</a> <a href="https://lovelyristin.com/tags/Kesehatan dan kecantikan" class="tag-link tag-link-md">Kesehatan dan kecantikan</a> <a href="https://lovelyristin.com/tags/Bagaimana" class="tag-link tag-link-md">Bagaimana</a> <a href="https://lovelyristin.com/tags/Teknologi" class="tag-link tag-link-md">Teknologi</a> <a href="https://lovelyristin.com/tags/Apa arti" class="tag-link tag-link-md">Apa arti</a> <a href="https://lovelyristin.com/tags/Arti kata" class="tag-link tag-link-md">Arti kata</a> <a href="https://lovelyristin.com/tags/Sebutkan" class="tag-link tag-link-md">Sebutkan</a> <a href="https://lovelyristin.com/tags/Top List" class="tag-link tag-link-md">Top List</a> <a href="https://lovelyristin.com/tags/Toplist" class="tag-link tag-link-md">Toplist</a> <a href="https://lovelyristin.com/tags/Apa yang" class="tag-link tag-link-md">Apa yang</a> <a href="https://lovelyristin.com/tags/Permainan" class="tag-link tag-link-md">Permainan</a> <a href="https://lovelyristin.com/tags/Mengapa" class="tag-link tag-link-md">Mengapa</a> <a href="https://lovelyristin.com/tags/ disebut" class="tag-link tag-link-md"> disebut</a> <a href="https://lovelyristin.com/tags/Belajar dengan baik" class="tag-link tag-link-md">Belajar dengan baik</a> <a href="https://lovelyristin.com/tags/Membandingkan" class="tag-link tag-link-md">Membandingkan</a> <a href="https://lovelyristin.com/tags/Perbedaan" class="tag-link tag-link-md">Perbedaan</a> <a href="https://lovelyristin.com/tags/Berikut ini" class="tag-link tag-link-md">Berikut ini</a> <a href="https://lovelyristin.com/tags/Makanan lezat" class="tag-link tag-link-md">Makanan lezat</a> <a href="https://lovelyristin.com/tags/Dimaksud" class="tag-link tag-link-md">Dimaksud</a> <a href="https://lovelyristin.com/tags/Tentang" class="tag-link tag-link-md">Tentang</a> <a href="https://lovelyristin.com/tags/Facebook" class="tag-link tag-link-md">Facebook</a> <a href="https://lovelyristin.com/tags/Konstruksi" class="tag-link tag-link-md">Konstruksi</a> <a href="https://lovelyristin.com/tags/Berikut yang" class="tag-link tag-link-md">Berikut yang</a> <a href="https://lovelyristin.com/tags/Daftar Teratas" class="tag-link tag-link-md">Daftar Teratas</a> <a href="https://lovelyristin.com/tags/javascript" class="tag-link tag-link-md">javascript</a> </div> </div> </div> <div class="ad-card fixedAds"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-4987931798153631" data-ad-slot="8742637402" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> </div> </section> <script>var questionId ='cara-membuat-web-html-keren-dengan-notepad'</script> <script>var postTime ='2023-02-02T16:34:38.165Z'</script> <script>var siteDomain ='lovelyristin.com'</script> <script type="text/javascript" src="https://lovelyristin.com/dist/js/pages/comment.js"></script>  <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">Tentang Kami</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Hubungi Kami</a></li> <li><a href="/contact.html">Support</a></li> <li><a href="/contact.html">Careers</a></li> <li><a href="/contact.html">Periklanan</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Legal</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Privacy Policy</a></li> <li><a href="/terms-and-conditions.html">Terms of Services</a></li> <li><a href="/privacy-statement.html">Cookie Policy</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Dukungan</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Knowledge Base</a></li> <li><a href="/contact.html">Remove a question</a></li> <li><a href="/contact.html">Support</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Social</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> </div> </div> </div> <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> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2023 <a href="https://lovelyristin.com"><span style="font-size:22px"><b style="color:#ff0000">love</b>lyristin.com</span></a> Inc.</div> </div> </div> </div> </div> </section>    <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Go to top"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://lovelyristin.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://lovelyristin.com/dist/js/sweetalert2.js"></script> <script src="https://lovelyristin.com/dist/js/trumbowyg.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=1"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NPZP9JK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> </html>

Cara membuat web html keren dengan notepad++