Ubah juga beberapa preferensi agar aplikasi menyimpan file dengan benar. Di Preferensi > Format > pilih "Teks Biasa"

Table of Contents Show

Langkah 2. Tulis Beberapa HTML
Langkah 3. Simpan Halaman HTML
Langkah 4. Lihat Halaman HTML di Browser Anda
Editor Online W3Schools - "Coba Sendiri"
Ruang W3Schools
Menulis HTML Seperti Membuat Sandwich
Akhirnya, Bagian Menyenangkan
, and tags to create a hierarchy of importance for our content.Boneka Susun Rusia
Menyimpan Dokumen Anda
Melihat File Anda Di Browser Web
Memberi Judul Halaman Anda
Hanya Satu Langkah Terakhir
Bagaimana cara menyimpan file HTML sebagai file teks?
Bagaimana cara menyimpan file HTML dari situs web?
Bagaimana cara menyimpan file HTML di Chrome?
Bagaimana cara menyimpan file HTML di Windows 10?

Kemudian di bawah "Buka dan Simpan", centang kotak yang bertuliskan "Tampilkan file HTML sebagai kode HTML alih-alih teks berformat"

Kemudian buka dokumen baru untuk menempatkan kode

Langkah 2. Tulis Beberapa HTML

Tulis atau salin kode HTML berikut ke Notepad

Judul Pertama Saya

Paragraf pertama saya

Langkah 3. Simpan Halaman HTML

Simpan file di komputer Anda. Pilih File > Simpan sebagai di menu Notepad

Beri nama file "index. htm" dan setel penyandian ke UTF-8 (yang merupakan penyandian yang lebih disukai untuk file HTML)

Tip. Anda dapat menggunakan keduanya. htm atau. html sebagai ekstensi file. Tidak ada perbedaan;

Langkah 4. Lihat Halaman HTML di Browser Anda

Buka file HTML yang disimpan di browser favorit Anda (klik dua kali pada file tersebut, atau klik kanan - dan pilih "Buka dengan")

Hasilnya akan terlihat seperti ini

Editor Online W3Schools - "Coba Sendiri"

Dengan editor online gratis kami, Anda dapat mengedit kode HTML dan melihat hasilnya di browser Anda

Ini adalah alat yang sempurna ketika Anda ingin menguji kode dengan cepat. Ini juga memiliki kode warna dan kemampuan untuk menyimpan dan berbagi kode dengan orang lain

Contoh

Judul halaman

Ini adalah Tajuk

Ini adalah sebuah paragraf

Cobalah sendiri "

Klik tombol "Coba Sendiri" untuk melihat cara kerjanya

Ruang W3Schools

Jika Anda ingin membuat situs web sendiri dan menyimpan kode secara online, coba pembuat situs web kami, yang disebut W3schools Spaces

Saatnya mengotori tangan Anda dan menulis file HTML pertama Anda. Mari kita mulai dengan membuka program pengeditan teks. Jika Anda menggunakan PC Microsoft Windows, buka program bernama Notepad (lihat di Start Menu Anda untuk itu, atau cukup tahan Tombol Windows di keyboard Anda dan tekan R, lalu ketik "notepad" ke dalam run command prompt dan tekan enter). Jika Anda menggunakan komputer Macintosh, luncurkan aplikasi bernama "TextEdit" (yang dapat ditemukan di folder Aplikasi Anda)

Sebagai pembuat kode, adalah tugas kami untuk mengubah kanvas kosong dokumen ini menjadi mahakarya HTML. Mari kita mulai dengan memasukkan kode berikut ke dalam dokumen teks kosong kita, (atau gunakan fungsi salin dan tempel komputer Anda dan angkat langsung dari bawah)

<!DOCTYPE html>

Kode ini memberi tahu browser web bahasa komputer apa yang kita gunakan (HTML). Anda akan memulai setiap halaman web yang pernah Anda buat dengan kode ini

Menulis HTML Seperti Membuat Sandwich

Kami sekarang siap untuk memulai struktur halaman kami yang sebenarnya. Mulailah dengan menambahkan kode berikut ke dokumen Anda, tepat di bawah kode terakhir kita

<html>

</html>

The start-tag tells the web browser that we want to begin our document; similarly the end-tag tells the browser we want to end our document. If our page is a sandwich, the start and end tags are the slabs of bread.

Before we can add any exciting content to our page, there is one more element we must add. Insert the following code directly beneath the start tag:

<body>

</body>

The element signifies the portion of our document that will house our actual content (paragraphs, images, etc…). You may be thinking “But I thought that’s what the tags did?” In fact, the element houses everything, both our actual content (which goes inside the element) and more complex elements that we will learn about in future lessons. For now, just know that the element goes inside the element.

Seperti inilah tampilan dokumen Anda sejauh ini

<!DOCTYPE html>

<html>
    <body>
    </body>
</html>

Akhirnya, Bagian Menyenangkan

Sekarang, mari tambahkan sedikit konten pertama kita ke halaman kita. Bagaimana dengan heading tebal yang besar?

<h1>This is a big bold heading</h1>

Kode ini menimbulkan pertanyaan bagus untuk pembuat kode pemula. “Bagaimana saya bisa tahu elemen apa yang digunakan?

We decided to use the

element to describe our heading because this is the most important (and only) heading on our page. In future lessons we will create pages with multiple headings and utilize

,

, and tags to create a hierarchy of importance for our content.Boneka Susun Rusia

At this point, it is helpful to think of HTML as a set of Russian stacking dolls. Smaller elements fit inside larger elements, which fit inside even larger elements, etc… Our header rests inside our element, which rests inside our element. To fully illustrate this point, let’s add a bulleted list to our page. Add the following code directly beneath your end tag:

<ul>
    <li>Milk</li>
    <li>Bread</li>
    <li>Eggs</li>
</ul>

The

element is code for “list item.” Just like your grocery list on a scrap of paper, a list is made up of multiple list items. This is reflected in our code; our many list items are nested inside our single unordered list.
Menyimpan Dokumen Anda
Sekarang adalah saat yang tepat untuk menyimpan dokumen kita dan kemudian melihat tampilannya di browser web kita. Dari dalam program pengeditan teks Anda, klik File, lalu Simpan. Agar kita berada di halaman yang sama, mari setuju untuk memberi nama file "test. html”. Sangat penting bahwa file kita diakhiri dengan “. html”. Ini memberi tahu komputer kita jenis file apa dokumen kita (tentu saja halaman web. ).
Jika Anda menggunakan PC Windows, pastikan untuk mengklik kotak tarik-turun di bawah input nama file, berlabel “Simpan sebagai tipe. ” dan pilih opsi “Semua file”. Ini akan memastikan dokumen Anda disimpan dalam format yang benar. Lanjutkan dan simpan dokumen Anda.
Melihat File Anda Di Browser Web
Sekarang arahkan ke mana pun Anda memilih untuk menyimpan file Anda (saya sarankan membuat folder baru di desktop Anda untuk menyimpan semua file pembelajaran Anda) dan klik dua kali "test. html. ” Ini akan membuka halaman kami di browser web dan Anda akan disambut oleh tajuk yang tampak agak sederhana yang berbunyi "Ini adalah tajuk tebal besar" diikuti dengan daftar item belanjaan berpoin

Memberi Judul Halaman Anda
Anda mungkin memperhatikan bahwa halaman kami tidak memiliki judul (biasanya ditampilkan di bilah judul browser web kami). Judul halaman web adalah kebutuhan mutlak, karena mereka memainkan peran besar dalam mesin pencari untuk dapat menemukan halaman Anda. Sekarang setelah Anda sedikit lebih paham dengan sintaks HTML, mari lanjutkan dan beri judul pada halaman kita
The element should be stored in a new section of the page named <head>. In future lessons you will learn more about the <head> element, but for now just know that it is used to hold our page’s title. Add the following code directly below our <html> start tag:</p><pre><head> <title>My First Page</title> </head></pre>_<p>Dari dalam program pengeditan teks Anda, simpan dokumen Anda, lalu alihkan ke jendela browser web Anda dan segarkan halaman (menekan Control + R menyegarkan di PC Windows, dan Cmd + R menyegarkan di komputer Macintosh). Perhatikan bahwa halaman kita sekarang memiliki judul di bilah judul browser web</p><h2 id="hanya-satu-langkah-terakhir">Hanya Satu Langkah Terakhir</h2><p>Before we finish this lesson, let us add a bit more code that will help all web browsers better understand our code. Insert the following line of code directly below the <head> start tag:</p><pre><meta charset="utf-8"></pre><p>Ini menandai pertama kalinya Anda melihat tanda sama dengan atau tanda kutip di dalam elemen HTML. Anda akan belajar tentang sintaks baru ini di pelajaran berikutnya (Atribut dan Nilai HTML), tetapi untuk saat ini cukup puas dengan menyalin dan menempelkan kode ini dan mengetahui bahwa itu membuat halaman Anda lengkap. Anda baru saja menulis halaman web yang 100% valid dari awal. Dengan tangan. Itu lebih dari yang bisa dikatakan oleh beberapa pengembang web profesional</p><p>Ingat, tidak ada yang pernah berjanji bahwa halaman web pertama Anda akan indah. Yang penting adalah Anda sekarang tahu cara menulis kode HTML Anda sendiri dan membuat halaman web dasar. Anda mungkin berpikir “Ya, tapi saya tidak tahu semua kode elemennya. Tanpa seseorang memberi tahu saya elemen mana yang digunakan untuk mendeskripsikan suatu konten, saya akan tersesat. Izinkan saya menawarkan beberapa kata penghiburan. Anda sudah tahu lebih dari yang Anda sadari. Saya memperkirakan bahwa 95% situs web menggunakan kumpulan dasar elemen HTML yang sama yang dapat dikuasai oleh pemula dengan cepat dan mudah. Ikuti sisa pelajaran saya dan Anda akan benar-benar mahir dalam menulis HTML dalam waktu singkat</p><p>Untuk referensi Anda, berikut adalah kode yang baru saja kami kumpulkan, secara keseluruhan</p><pre><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My First Page</title> </head> <body> <h1>This is a big bold heading</h1> <ul> <li>Milk</li> <li>Bread</li> <li>Eggs</li> </ul> </body> </html></pre>_<p>Jika Anda lebih suka menonton pelajaran video daripada membaca pelajaran tertulis, lihat kursus video 8 jam saya dan pelajari HTML tingkat profesional, CSS, dan desain responsif</p><div></div> <div></div> <h3 id="bagaimana-cara-menyimpan-file-html-sebagai-file-teks">Bagaimana cara menyimpan file HTML sebagai file teks?</h3> <div><span>Pilih File > Simpan sebagai di menu Notepad</span> . Beri nama file "index. htm" dan setel penyandian ke UTF-8 (yang merupakan penyandian yang lebih disukai untuk file HTML). Tip. Anda dapat menggunakan keduanya. htm atau. html sebagai ekstensi file. Tidak ada perbedaan; . </div> <h3 id="bagaimana-cara-menyimpan-file-html-dari-situs-web">Bagaimana cara menyimpan file HTML dari situs web?</h3> <div><div><span>Cara menyimpan halaman web dalam format HTML</span> . </div> <div>Arahkan ke halaman web, klik kanan pada halaman dan pilih Simpan sebagai</div> <div>Pilih atau buat folder baru untuk menyimpan file, gambar, dan item terkait dari halaman web</div> <div>Masukkan nama file dan pilih Halaman Web, Lengkap (*. htm;*html) untuk tipe Simpan sebagai</div> <div>Klik tombol Simpan</div> </div> <h3 id="bagaimana-cara-menyimpan-file-html-di-chrome">Bagaimana cara menyimpan file HTML di Chrome?</h3> <div><div><span>Anda harus online untuk menyimpan halaman. </span> . </div> <div>Di komputer Anda, buka Chrome</div> <div>Buka halaman yang ingin Anda simpan</div> <div>Di kanan atas, klik Lainnya Alat Lainnya. Simpan halaman sebagai</div> <div>Pilih tempat Anda ingin menyimpan halaman</div> <div>Klik Simpan</div> </div> <h3 id="bagaimana-cara-menyimpan-file-html-di-windows-10">Bagaimana cara menyimpan file HTML di Windows 10?</h3> <div>Anda perlu <span>membuka notepad di PC Anda dan menulis kode HTML Anda. </span> <span>Kemudian masuk 'File', 'Save as', tulis nama file dengan. </span> <span>html</span> contoh. nama. html. </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 yang berhubungan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/C7Po10b_Ka8?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="tags pt-3"> <a href="https://apacode.com/tags/kode" class="tag-link">kode</a> <a href="https://apacode.com/tags/html" class="tag-link">html</a> </div> <div class="post-tools"> <button data-postid="bagaimana-cara-menyimpan-kode-html-sebagai-file" class="btn btn-answerModalBox"><img class="mr-1" alt="Bagaimana cara menyimpan kode html sebagai file?" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="bagaimana-cara-menyimpan-kode-html-sebagai-file" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Bagaimana cara menyimpan kode html sebagai file?" src="/dist/images/svg/face-smile_16.svg">9</button> <button data-postid="bagaimana-cara-menyimpan-kode-html-sebagai-file" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Bagaimana cara menyimpan kode html sebagai file?" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Bagaimana cara menyimpan kode html sebagai file?" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div> </div> </div> <div id="answers_bagaimana-cara-menyimpan-kode-html-sebagai-file" 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-3058041951894594" data-ad-slot="8760943885"></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" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></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-spring-boot-mongodb-sum"><img src="https://ap.cdnki.com/r_cara-menggunakan-spring-boot-mongodb-sum---0020ff348244b6992ea8e8850980414e.webp" alt="Cara menggunakan spring boot mongodb sum"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-spring-boot-mongodb-sum">Cara menggunakan spring boot mongodb sum</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="/bisakah-anda-mengedit-kamus-dengan-python"><img src="https://ap.cdnki.com/r_bisakah-anda-mengedit-kamus-dengan-python---42d31a7536566d66c109c35698a188d0.webp" alt="Bisakah Anda mengedit kamus dengan python?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bisakah-anda-mengedit-kamus-dengan-python">Bisakah Anda mengedit kamus dengan 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="/konversi-proyek-html-menjadi-exe"><img src="https://ap.cdnki.com/r_konversi-proyek-html-menjadi-exe---9058da496af2f993dca7da982e9784a2.webp" alt="Konversi proyek html menjadi exe"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/konversi-proyek-html-menjadi-exe">Konversi proyek html menjadi exe</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="/bagaimana-saya-bisa-menambahkan-sms-gateway-di-php"><img src="https://ap.cdnki.com/r_bagaimana-saya-bisa-menambahkan-sms-gateway-di-php---126320d7f86e429d9fae1e617e0aa2ca.webp" alt="Bagaimana saya bisa menambahkan sms gateway di php?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-saya-bisa-menambahkan-sms-gateway-di-php">Bagaimana saya bisa menambahkan sms gateway di 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="/cara-menggunakan-python-dataframe-to-list"><img src="https://ap.cdnki.com/r_cara-menggunakan-python-dataframe-to-list---d0090d59fd1f627fe12766c74fd94ede.webp" alt="Cara menggunakan python dataframe to list"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-python-dataframe-to-list">Cara menggunakan python dataframe to list</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="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885"></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-csv-to-sqlite-nodejs"><img src="https://ap.cdnki.com/r_cara-menggunakan-csv-to-sqlite-nodejs---c0c696459762de97360c23dd7bb2bf32.webp" alt="Cara menggunakan csv to sqlite nodejs"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-csv-to-sqlite-nodejs">Cara menggunakan csv to sqlite nodejs</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="/bagaimana-anda-menginisialisasi-daftar-dengan-python"><img src="https://ap.cdnki.com/r_bagaimana-anda-menginisialisasi-daftar-dengan-python---f8cd55447289ef48dc579a8f7043c739.webp" alt="Bagaimana Anda menginisialisasi daftar dengan python?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-menginisialisasi-daftar-dengan-python">Bagaimana Anda menginisialisasi daftar dengan 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-mereset-lembar-excel-ke-default"><img src="https://ap.cdnki.com/r_cara-mereset-lembar-excel-ke-default---9b10249ae74e18961ce0328492bd4c87.webp" alt="Cara mereset lembar excel ke default"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-mereset-lembar-excel-ke-default">Cara mereset lembar excel ke default</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-reverse-set-in-python"><img src="https://ap.cdnki.com/r_cara-menggunakan-reverse-set-in-python---d86052c30c8f95a2cfd5cfc6fd1a9452.webp" alt="Cara menggunakan reverse set in python"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-reverse-set-in-python">Cara menggunakan reverse set 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-python-php-connection"><img src="https://ap.cdnki.com/r_cara-menggunakan-python-php-connection---364982e6b8f660985247c7d445234c2d.webp" alt="Cara menggunakan python php connection"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-python-php-connection">Cara menggunakan python php connection</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 class="footerRelated"></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:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" 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://apacode.com/cara-membuat-kotak-ajaib-dengan-python">Cara membuat kotak ajaib dengan python</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/VerticalAnkle" class="author">VerticalAnkle</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menggunakan-perintah-php-fpm">Cara menggunakan perintah php-fpm</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HelmetedCloseness" class="author">HelmetedCloseness</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-membuat-tas-dari-kain-satin">Cara membuat tas dari kain satin</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/HomesickClerk" class="author">HomesickClerk</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/tarik-data-dari-kamus-python-bersarang">Tarik data dari kamus python bersarang</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SpecializedRegulator" class="author">SpecializedRegulator</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/sesi-php-berakhir-terlalu-cepat">Sesi php berakhir terlalu cepat</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/ArrestingPneumonia" class="author">ArrestingPneumonia</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-menghapus-aplikasi-yang-tidak-bisa-dihapus-di-hp-realme">Cara menghapus aplikasi yang tidak bisa dihapus di HP Realme</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/TemptingHousing" class="author">TemptingHousing</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/cara-mengecek-rumus-di-google-sheets">Cara mengecek rumus di google sheets</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/SaturatedAppraisal" class="author">SaturatedAppraisal</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/how-to-install-php-gd-in-xampp">How to install PHP GD in xampp?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/BorrowedFoyer" class="author">BorrowedFoyer</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/concat-string-dalam-loop-php">Concat string dalam loop php</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CardboardAllegation" class="author">CardboardAllegation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://apacode.com/di-mana-prosedur-tersimpan-di-mysql">Di mana prosedur tersimpan di mysql?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://apacode.com/author/CounterproductiveLiterature" class="author">CounterproductiveLiterature</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 class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-6-nilai-minimum-f-x-y-4x-2y-pada-d-16-e-14-2x-3y-18-4x-3y-24-x-0-y-0-adalah-a-40-b-36-c-2022">Top 10 6 nilai minimum f x y 4x 2y pada d 16 e 14 2x 3y 18 4x 3y 24 x 0 y 0 adalah a 40 b 36 c 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-dia-selalu-lupa-membawa-pensil-ke-sekolah-saran-yang-tepat-untuk-dia-adalah-2022">Top 10 dia selalu lupa membawa pensil ke sekolah saran yang tepat untuk dia adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-diketahui-sebuah-data-tunggal-2-4-6-7-7-8-9-10-berapakah-modusnya-2022">Top 10 diketahui sebuah data tunggal 2 4 6, 7 7, 8, 9, 10 berapakah modusnya 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-persamaan-kuadrat-yang-akar-akarnya-7-2-dan-5-adalah-2022">Top 10 persamaan kuadrat yang akar akarnya 7/ 2 dan -5 adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jika-panjang-sisi-bangun-persegi-panjang-16-cm-dan-lebar-8-cm-maka-kelilingnya-adalah-2022">Top 10 jika panjang sisi bangun persegi panjang 16 cm dan lebar 8 cm maka kelilingnya adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-perhatikan-gambar-mata-berikut-nama-bagian-mata-yang-ditunjukkan-angka-i-dan-ii-adalah-2022">Top 9 perhatikan gambar mata berikut nama bagian mata yang ditunjukkan angka i dan ii adalah 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-jelaskan-apa-yang-dimaksud-dengan-3-jenis-kemasan-2022">Top 10 jelaskan apa yang dimaksud dengan 3 jenis kemasan? 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-9-sebutkan-tiga-keadilan-yang-harus-terwujud-dalam-kehidupan-bermasyarakat-2022">Top 9 sebutkan tiga keadilan yang harus terwujud dalam kehidupan bermasyarakat 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-pada-getaran-harmonik-pegas-jika-massa-beban-yang-digantung-pada-ujung-bawah-pegas-100g-2022">Top 10 pada getaran harmonik pegas, jika massa beban yang digantung pada ujung bawah pegas 100g 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#10</div> <div class="media-body"> <h5><a href="https://apacode.com/toplist-top-10-permainan-bulu-tangkis-di-atas-meja-yang-dimainkan-oleh-dua-atau-empat-orang-2022">Top 10 permainan bulu tangkis di atas meja yang dimainkan oleh dua atau empat orang 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> </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:block" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" 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="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" style="text-align:center"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-3058041951894594" data-ad-slot="8760943885" 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 ='bagaimana-cara-menyimpan-kode-html-sebagai-file'</script> <script>var postTime ='2023-01-17T15:52:17.411Z'</script> <script>var siteDomain ='apacode.com'</script> <script type="text/javascript" src="https://apacode.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 post</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> <div class="container networkLinks"> <a target='blank' href='https://apacode.com'>home</a><a target='blank' href='https://en.apacode.com'>en</a><a target='blank' href='https://de.apacode.com'>de</a><a target='blank' href='https://ja.apacode.com'>ja</a><a target='blank' href='https://ko.apacode.com'>ko</a><a target='blank' href='https://pt.apacode.com'>pt</a><a target='blank' href='https://zh.apacode.com'>zh</a><a target='blank' href='https://th.apacode.com'>th</a><a target='blank' href='https://it.apacode.com'>it</a><a target='blank' href='https://tr.apacode.com'>tr</a> </div> <hr class="border-top-gray my-3"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <img src ="/dist/images/dmca_protected_sml.png"/> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2024 <a href="https://apacode.com"><span style="font-size:20px">apa<span style="color:#ff0000">code</span></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://apacode.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://apacode.com/dist/js/sweetalert2.js"></script> <script src="https://apacode.com/dist/js/moment.js"></script> <script src="https://apacode.com/dist/js/main.js?v=1"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWPK8P2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> </html>

Bagaimana cara menyimpan kode html sebagai file?