search

Apa itu halaman html sederhana?

Ngày đăng: 20/01/2023
Trả lời: 0
Lượt xem: 99

Selamat datang di Belajar HTML, cara termudah belajar HTML & CSS online, interaktif

Show

Mempelajari HTML & CSS sangat penting untuk pengembang web mana pun, dan tidak perlu mengetahui cara memprogram menggunakan JavaScript

Sebelum Anda mulai, saya sarankan Anda memulai dengan mengunduh IDE HTML & CSS. Preferensi pribadi saya adalah menggunakan IDE oleh JetBrains. Anda dapat mengunduh Edisi Komunitas PyCharm secara gratis, yang memiliki dukungan pengembangan HTML, CSS, dan JavaScript yang sangat bagus, bersama dengan semua barang yang disediakan oleh IDE yang bagus - integrasi kode sumber, pemfaktoran ulang kode, indentasi otomatis, penyorotan sintaks, perbandingan

Berikut adalah daftar editor HTML, CSS, dan JavaScript yang dapat Anda pilih

Dalam tutorial ini Anda sebenarnya tidak memerlukan IDE, karena semua pengkodean dilakukan secara online

pengantar

HTML (HyperText Markup Language) adalah standar yang dikembangkan selama bertahun-tahun untuk menyampaikan informasi melalui internet dengan menggunakan "hyperlink" - atau hanya tautan seperti yang kita kenal sekarang. Berbeda dengan PDF, halaman HTML jauh lebih dinamis, memungkinkan Anda menjelajahi web dengan mengeklik tautan dan berinteraksi dengan halaman tersebut. Tautan dapat membawa Anda ke lokasi lain dalam halaman saat ini, atau ke halaman lain melalui internet

Versi terakhir dari HTML adalah HTML 5. 0, yang memiliki BANYAK kemampuan lebih dari apa yang awalnya ada dalam pikiran web. HTML 5 adalah platform yang sangat komprehensif yang memungkinkan pembuatan antarmuka pengguna kelas atas bersama dengan kekuatan CSS dan JavaScript. HTML 5 sangat kuat sehingga berhasil menghilangkan Adobe Flash, Microsoft Silverlight, dan hampir semua plugin HTML seperti pemutar video, applet Java, dan lainnya

Jadi apa perbedaan antara HTML, CSS, dan JavaScript?

  • Halaman HTML adalah dokumen HTML yang mendefinisikan konten halaman dengan menggunakan markup khusus yang mirip dengan XML
  • Lembar gaya CSS menentukan gaya elemen HTML di halaman. Itu disematkan di dalam halaman HTML atau dimuat menggunakan tag
  • JavaScript adalah bahasa pemrograman yang digunakan untuk berinteraksi dengan halaman HTML melalui API yang disebut DOM (Document Object Model) Bindings. Dengan kata lain, DOM Bindings adalah perekat antara bahasa pemrograman dan halaman HTML yang awalnya dimuat ke dalam browser.

Dasar-dasar tutorial ini mencakup HTML dan CSS. Bagian lanjutan juga mengasumsikan pengetahuan dalam pemrograman dan JavaScript. Untuk mempelajari JavaScript, buka https. // www. belajar-js. org

Kami akan menggunakan kerangka kerja CSS yang disebut Bootstrap oleh Twitter, pustaka CSS paling umum saat ini. Prinsip dasar perpustakaan CSS hampir sama - semuanya didasarkan pada "sistem kisi", yang merupakan cara mudah untuk menentukan tata letak halaman HTML - metodologi yang dikembangkan selama bertahun-tahun dalam pengembangan web

Halaman HTML pertama Anda

Mari kita mulai dengan membuat halaman HTML sederhana. Halaman HTML memiliki tata letak dasar berikut

Mari kita mulai dengan membuat halaman sederhana yang berisi kalimat "Halo, Dunia. " di dalam tubuh. Halaman tersebut juga akan memiliki judul - hal yang muncul di judul tab di browser Anda. element defines the title of the HTML page.

The tag defines the document type that the browser is going to render. This is used for legacy reasons. If you want to get to the latest version of HTML (HTML5) then it's recommended to use this tag.

The

element defines a "paragraph", a block of text that has a small amount of spacing in between its top and bottom.

Notice how the tags have a start tag and an end tag denoted with a slash (

). Everything in between is the content of the tag. The content of a tag can usually have additional HTML tags within them.

   Example</code></p><p><code>This is an example of a simple HTML page with one paragraph.</code></p><p>Anda juga dapat menyalin dan menempelkan kode ini ke file baru di editor teks atau IDE Anda, dan menyimpan file sebagai "index. html". Indeks. html" adalah file default yang akan dicari oleh server web saat mengakses situs web. Setelah menyimpan file, Anda dapat mengklik dua kali untuk membukanya dengan browser Anda</p><div></div> <p>HTML (HyperText Markup Language) adalah kode yang digunakan untuk menyusun halaman web dan kontennya. Misalnya, konten dapat disusun dalam kumpulan paragraf, daftar poin berpoin, atau menggunakan gambar dan tabel data. Seperti judulnya, artikel ini akan memberi Anda pemahaman dasar tentang HTML dan fungsinya</p><section><h2></h2><p><p>HTML adalah bahasa markup yang menentukan struktur konten Anda. HTML terdiri dari serangkaian elemen, yang Anda gunakan untuk menyertakan, atau membungkus, bagian konten yang berbeda untuk membuatnya tampil dengan cara tertentu, atau bertindak dengan cara tertentu. Tag penutup dapat membuat hyperlink kata atau gambar ke tempat lain, dapat memiringkan kata, dapat membuat font lebih besar atau lebih kecil, dan sebagainya. Misalnya, ambil baris konten berikut</p><pre>My cat is very grumpy
</pre>_<p>Jika kita ingin baris tersebut berdiri sendiri, kita dapat menentukan bahwa itu adalah sebuah paragraf dengan melampirkannya dalam tag paragraf</p><p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre></p></section><section><h3></h3><p><p>Mari jelajahi elemen paragraf ini sedikit lebih jauh</p><p><div class="imgBox"><img alt="Apa itu halaman html sederhana?" data-orgimg="https://sg.cdnki.com/apa-itu-halaman-html-sederhana---aHR0cHM6Ly9pMC53cC5jb20vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvTGVhcm4vR2V0dGluZ19zdGFydGVkX3dpdGhfdGhlX3dlYi9IVE1MX2Jhc2ljcy9ncnVtcHktY2F0LXNtYWxsLnBuZw==.webp" ></img></div></p></p><p>Bagian utama dari elemen kami adalah sebagai berikut</p><ol><li>Tag pembuka. Ini terdiri dari nama elemen (dalam hal ini, p), dibungkus dengan tanda kurung sudut buka dan tutup. Ini menyatakan di mana elemen dimulai atau mulai berlaku — dalam hal ini di mana paragraf dimulai</li><li>Tag penutup. Ini sama dengan tag pembuka, kecuali ada garis miring sebelum nama elemen. Ini menyatakan di mana elemen berakhir — dalam hal ini di mana paragraf berakhir. Gagal menambahkan tag penutup adalah salah satu kesalahan pemula standar dan dapat menyebabkan hasil yang aneh</li><li>Konten. Ini adalah konten elemen, yang dalam hal ini hanyalah teks</li><li>Elemen. Tag pembuka, tag penutup, dan konten bersama-sama membentuk elemen</li></ol><p>Elemen juga dapat memiliki atribut yang terlihat seperti berikut</p><p><div class="imgBox"><img alt="Apa itu halaman html sederhana?" data-orgimg="https://sg.cdnki.com/apa-itu-halaman-html-sederhana---aHR0cHM6Ly9pMC53cC5jb20vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvTGVhcm4vR2V0dGluZ19zdGFydGVkX3dpdGhfdGhlX3dlYi9IVE1MX2Jhc2ljcy9ncnVtcHktY2F0LWF0dHJpYnV0ZS1zbWFsbC5wbmc=.webp" ></img></div></p><p>Atribut berisi informasi tambahan tentang elemen yang tidak ingin Anda tampilkan di konten sebenarnya. Di sini, <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>_4 adalah nama atribut dan <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>5 adalah nilai atribut. Atribut <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>_4 memungkinkan Anda memberi elemen pengidentifikasi non-unik yang dapat digunakan untuk menargetkannya (dan elemen lainnya dengan nilai <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>4 yang sama) dengan informasi gaya dan hal lainnya. Beberapa atribut tidak memiliki nilai, seperti <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>8</p><p>Atribut yang menetapkan nilai selalu memiliki</p><ol><li>Spasi antara itu dan nama elemen (atau atribut sebelumnya, jika elemen sudah memiliki satu atau lebih atribut)</li><li>Nama atribut diikuti dengan tanda sama dengan</li><li>Nilai atribut dibungkus dengan tanda petik pembuka dan penutup</li></ol><p><p>Catatan. Nilai atribut sederhana yang tidak berisi spasi putih ASCII (atau salah satu karakter <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>9 <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>0 <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>1 <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>2 <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>3 <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>4) dapat tetap tidak dikutip, tetapi disarankan agar Anda mengutip semua nilai atribut, karena membuat kode lebih konsisten dan mudah dipahami</p></section><section><h3></h3><p><p>Anda juga dapat meletakkan elemen di dalam elemen lain — ini disebut bersarang. Jika kita ingin menyatakan bahwa kucing kita sangat pemarah, kita dapat membungkus kata "sangat" dalam elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>5, yang artinya kata tersebut harus ditekankan dengan kuat</p><p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>_</p><p>Namun Anda perlu memastikan bahwa elemen Anda bersarang dengan benar. Pada contoh di atas, kita membuka elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>_6 terlebih dahulu, lalu elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>5; . Berikut ini adalah salah</p><p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre></p><p>Elemen harus membuka dan menutup dengan benar sehingga jelas berada di dalam atau di luar satu sama lain. Jika tumpang tindih seperti yang ditunjukkan di atas, browser web Anda akan mencoba membuat tebakan terbaik pada apa yang ingin Anda katakan, yang dapat menyebabkan hasil yang tidak terduga. Jadi jangan lakukan itu</p></section><section><h3></h3><p><p>Beberapa elemen tidak memiliki konten dan disebut elemen kosong. Ambil elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>_0 yang sudah kita miliki di halaman HTML kita</p><p><pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre></p><p>Ini berisi dua atribut, tetapi tidak ada penutup <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>1 tag dan tidak ada konten dalam. Ini karena elemen gambar tidak membungkus konten untuk memengaruhinya. Tujuannya adalah untuk menyematkan gambar di halaman HTML di tempat tampilannya</p></section><section><h3></h3><p><p>Itu meringkas dasar-dasar elemen HTML individu, tetapi mereka tidak berguna dengan sendirinya. Sekarang kita akan melihat bagaimana elemen individual digabungkan untuk membentuk seluruh halaman HTML. Mari tinjau kembali kode yang kita masukkan ke dalam contoh <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>2 kita (yang pertama kali kita jumpai di artikel Berurusan dengan file)</p><p><pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre></p><p>Di sini, kami memiliki yang berikut ini</p><ul><li><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>3 — doctype. Ini adalah pembukaan yang diperlukan. Dalam kabut waktu, ketika HTML masih muda (sekitar 1991/92), doctypes dimaksudkan untuk bertindak sebagai tautan ke seperangkat aturan yang harus diikuti oleh halaman HTML untuk dianggap sebagai HTML yang baik, yang bisa berarti pemeriksaan kesalahan otomatis dan lainnya. . Namun, saat ini, mereka tidak melakukan banyak hal dan pada dasarnya hanya diperlukan untuk memastikan dokumen Anda berfungsi dengan benar. Hanya itu yang perlu Anda ketahui untuk saat ini</li><li><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>4 — elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>5. Elemen ini membungkus semua konten di seluruh halaman dan terkadang dikenal sebagai elemen root. Ini juga mencakup atribut <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>_6, mengatur bahasa utama dokumen</li><li><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>7 — elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>8. Elemen ini berfungsi sebagai penampung untuk semua hal yang ingin Anda sertakan di halaman HTML yang bukan merupakan konten yang Anda tampilkan ke pemirsa halaman Anda. Ini termasuk hal-hal seperti kata kunci dan deskripsi halaman yang ingin Anda tampilkan di hasil pencarian, CSS untuk mengatur gaya konten kami, deklarasi kumpulan karakter, dan banyak lagi</li><li><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>9 — Elemen ini menetapkan kumpulan karakter yang harus digunakan dokumen Anda untuk UTF-8 yang menyertakan sebagian besar karakter dari sebagian besar bahasa tertulis. Pada dasarnya, sekarang dapat menangani teks apa pun yang mungkin Anda masukkan ke dalamnya. Tidak ada alasan untuk tidak menyetel ini, dan ini dapat membantu menghindari beberapa masalah di kemudian hari</li><li><pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>0 — Hal ini memastikan halaman dirender pada lebar viewport, mencegah browser seluler merender halaman lebih lebar dari viewport lalu mengecilkannya</li><li><pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>1 — elemen <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>2. Ini menetapkan judul halaman Anda, yang merupakan judul yang muncul di tab browser tempat halaman dimuat. Ini juga digunakan untuk mendeskripsikan halaman saat Anda menandai/memfavoritkannya</li><li><pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>_3 — elemen <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>4. Ini berisi semua konten yang ingin Anda tampilkan kepada pengguna web saat mereka mengunjungi halaman Anda, baik itu teks, gambar, video, game, trek audio yang dapat diputar, atau apa pun.</li></ul></p></p></section><section><h2></h2><p><p>Mari alihkan perhatian kita ke elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>0 lagi</p><p><pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre></p><p>Seperti yang kami katakan sebelumnya, itu menyematkan gambar ke halaman kami di posisi yang muncul. Ini dilakukan melalui atribut <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>_6 (sumber), yang berisi jalur ke file gambar kita</p><p>Kami juga menyertakan atribut <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>_7 (alternatif). Di , Anda menentukan teks deskriptif untuk pengguna yang tidak dapat melihat gambar, kemungkinan karena alasan berikut</p><ol><li>Mereka tunanetra. Pengguna dengan gangguan penglihatan yang signifikan sering kali menggunakan alat yang disebut pembaca layar untuk membacakan teks alternatif kepada mereka</li><li>Terjadi kesalahan yang menyebabkan gambar tidak ditampilkan. Misalnya, coba dengan sengaja mengubah jalur di dalam atribut <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>6 Anda untuk membuatnya salah. Jika Anda menyimpan dan memuat ulang halaman, Anda akan melihat sesuatu seperti ini di tempat gambar</li></ol><p><div class="imgBox"><img alt="Apa itu halaman html sederhana?" data-orgimg="https://sg.cdnki.com/apa-itu-halaman-html-sederhana---aHR0cHM6Ly9pMC53cC5jb20vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvTGVhcm4vR2V0dGluZ19zdGFydGVkX3dpdGhfdGhlX3dlYi9IVE1MX2Jhc2ljcy9hbHQtdGV4dC1leGFtcGxlLnBuZw==.webp" ></img></div></p><p>Kata kunci untuk teks alternatif adalah "teks deskriptif". Teks alt yang Anda tulis harus memberikan informasi yang cukup kepada pembaca untuk mendapatkan ide bagus tentang apa yang disampaikan gambar tersebut. Dalam contoh ini, teks "My test image" kita saat ini tidak bagus sama sekali. Alternatif yang jauh lebih baik untuk logo Firefox kami adalah "Logo Firefox. rubah menyala yang mengelilingi Bumi. "</p><p>Coba buat beberapa teks alt yang lebih baik untuk gambar Anda sekarang</p><p><p>Catatan. Cari tahu lebih lanjut tentang aksesibilitas dalam modul pembelajaran aksesibilitas kami</p></section><section><h2></h2><p><p>Bagian ini akan membahas beberapa elemen HTML penting yang akan Anda gunakan untuk menandai teks</p></section><section><h3></h3><p><p>Heading elements allow you to specify that certain parts of your content are headings — or subheadings. In the same way that a book has the main title, chapter titles, and subtitles, an HTML document can too. HTML contains 6 heading levels, <h1> - <h6>, although you'll commonly only use 3 to 4 at most:</p><p><pre><code><span><!-- 4 heading levels: --></span>
<span><span><span><</span>h1</span><span>></span></span>My main title<span><span><span></</span>h1</span><span>></span></span>
<span><span><span><</span>h2</span><span>></span></span>My top level heading<span><span><span></</span>h2</span><span>></span></span>
<span><span><span><</span>h3</span><span>></span></span>My subheading<span><span><span></</span>h3</span><span>></span></span>
<span><span><span><</span>h4</span><span>></span></span>My sub-subheading<span><span><span></</span>h4</span><span>></span></span>
</code></pre></p><p><p>Catatan. Apa pun dalam HTML antara <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>_0 dan <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>1 adalah komentar HTML. Browser mengabaikan komentar saat merender kode. Dengan kata lain, mereka tidak terlihat di halaman - hanya di kode. Komentar HTML adalah cara bagi Anda untuk menulis catatan bermanfaat tentang kode atau logika Anda</p><p>Sekarang coba tambahkan judul yang sesuai ke halaman HTML Anda tepat di atas elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>0 Anda</p><p><p>Catatan. Anda akan melihat bahwa tajuk tingkat 1 Anda memiliki gaya implisit. Jangan gunakan elemen judul untuk membuat teks lebih besar atau tebal, karena digunakan untuk dan. Cobalah untuk membuat urutan heading yang berarti di halaman Anda, tanpa melewatkan level</p></section><section><h3></h3><p><p>Seperti dijelaskan di atas, <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very<span><span><span></</span>strong</span><span>></span></span> grumpy.<span><span><span></</span>p</span><span>></span></span>
</code></pre>6 elemen adalah untuk memuat paragraf teks; </p><p><pre><code><span><span><span><</span>p</span><span>></span></span>This is a single paragraph<span><span><span></</span>p</span><span>></span></span>
</code></pre></p></p><p>Tambahkan teks sampel Anda (Anda harus memilikinya dari Seperti apa tampilan situs web Anda?) ke dalam satu atau beberapa paragraf, ditempatkan tepat di bawah elemen <pre><code><span><span><span><</span>p</span><span>></span></span>My cat is <span><span><span><</span>strong</span><span>></span></span>very grumpy.<span><span><span></</span>p</span><span>></span></span><span><span><span></</span>strong</span><span>></span></span>
</code></pre>0 Anda</p></section><section><h3></h3><p><p>Banyak konten web adalah daftar dan HTML memiliki elemen khusus untuk ini. Menandai daftar selalu terdiri dari setidaknya 2 elemen. Jenis daftar yang paling umum adalah daftar terurut dan tidak terurut</p><ol><li>Daftar yang tidak diurutkan adalah untuk daftar yang urutan itemnya tidak penting, seperti daftar belanja. Ini dibungkus dalam elemen <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>5</li><li>Daftar yang dipesan adalah untuk daftar yang urutan itemnya penting, seperti resep. Ini dibungkus dalam elemen <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>_6</li></ol><p>Setiap item di dalam daftar diletakkan di dalam elemen <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>7 (item daftar).</p><p>Misalnya, jika kita ingin mengubah bagian fragmen paragraf berikut menjadi daftar</p><p><pre><code><span><span><span><</span>p</span><span>></span></span>
  At Mozilla, we're a global community of technologists, thinkers, and builders
  working together…
<span><span><span></</span>p</span><span>></span></span>
</code></pre></p><p>Kami dapat memodifikasi markup untuk ini</p><p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>0</p><p>Coba tambahkan daftar terurut atau tidak terurut ke halaman contoh Anda</p></section><section><h2></h2><p><p>Tautan sangat penting — itulah yang membuat web menjadi web. Untuk menambahkan tautan, kita perlu menggunakan elemen sederhana — <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>8 — "a" adalah kependekan dari "anchor". Untuk membuat teks dalam paragraf Anda menjadi tautan, ikuti langkah-langkah berikut</p><ol><li>Pilih beberapa teks. Kami memilih teks "Mozilla Manifesto"</li><li>Bungkus teks dalam elemen <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>_8, seperti yang ditunjukkan di bawah ini<p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>1</p></li><li>Berikan elemen <pre><code><span><span><!</span><span>DOCTYPE</span> <span>html</span><span>></span></span>
<span><span><span><</span>html</span> <span>lang</span><span><span>=</span><span>"</span>en-US<span>"</span></span><span>></span></span>
  <span><span><span><</span>head</span><span>></span></span>
    <span><span><span><</span>meta</span> <span>charset</span><span><span>=</span><span>"</span>utf-8<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>meta</span> <span>name</span><span><span>=</span><span>"</span>viewport<span>"</span></span> <span>content</span><span><span>=</span><span>"</span>width=device-width<span>"</span></span> <span>/></span></span>
    <span><span><span><</span>title</span><span>></span></span>My test page<span><span><span></</span>title</span><span>></span></span>
  <span><span><span></</span>head</span><span>></span></span>
  <span><span><span><</span>body</span><span>></span></span>
    <span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
  <span><span><span></</span>body</span><span>></span></span>
<span><span><span></</span>html</span><span>></span></span>
</code></pre>_8 atribut <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>1, seperti yang ditunjukkan di bawah ini<p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>2</p></li><li>Isi nilai atribut ini dengan alamat web yang ingin Anda link<p><pre><code><span><span><span><</span>p</span><span>></span></span>My cat is very grumpy<span><span><span></</span>p</span><span>></span></span>
</code></pre>_3</p></li></ol><p>Anda mungkin mendapatkan hasil yang tidak diharapkan jika Anda menghilangkan bagian <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>2 atau <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>3, yang disebut protokol, di awal alamat web. Setelah membuat tautan, klik untuk memastikannya mengirim Anda ke tempat yang Anda inginkan</p><p><p>Catatan. <pre><code><span><span><span><</span>img</span> <span>src</span><span><span>=</span><span>"</span>images/firefox-icon.png<span>"</span></span> <span>alt</span><span><span>=</span><span>"</span>My test image<span>"</span></span> <span>/></span></span>
</code></pre>1 mungkin tampak seperti pilihan yang agak kabur untuk nama atribut pada awalnya. Jika Anda kesulitan mengingatnya, ingatlah bahwa itu singkatan dari hypertext reference</p><p>Tambahkan link ke halaman Anda sekarang, jika Anda belum melakukannya</p></section><section><h2></h2><p><p>Jika Anda telah mengikuti semua petunjuk dalam artikel ini, Anda akan berakhir dengan halaman yang terlihat seperti di bawah ini (Anda juga dapat melihatnya di sini)</p><p><div class="imgBox"><img alt="Apa itu halaman html sederhana?" data-orgimg="https://sg.cdnki.com/apa-itu-halaman-html-sederhana---aHR0cHM6Ly9pMC53cC5jb20vZGV2ZWxvcGVyLm1vemlsbGEub3JnL2VuLVVTL2RvY3MvTGVhcm4vR2V0dGluZ19zdGFydGVkX3dpdGhfdGhlX3dlYi9IVE1MX2Jhc2ljcy9maW5pc2hlZC10ZXN0LXBhZ2Utc21hbGwucG5n.webp" ></img></div></p><p>Jika Anda buntu, Anda selalu dapat membandingkan pekerjaan Anda dengan kode contoh kami yang telah selesai di GitHub</p><p>Di sini, kami hanya benar-benar menggores permukaan HTML. Untuk mengetahui lebih lanjut, buka topik Belajar HTML kami</p><div></div> <div></div>
			<h3 id="apa-halaman-html-paling-sederhana-yang-dijelaskan">Apa halaman HTML paling sederhana yang dijelaskan?</h3>
			<div>Contoh 1.  <span>Contoh ini membuat halaman sederhana tanpa konten apa pun, yang membantu dalam memahami cara menggunakan tag Html, Head, dan Body di halaman HTML</span> . Pada contoh berikut, kita tidak menentukan judul halaman web pada tag Head, sehingga akan menampilkan nama file Html sebagai judulnya. </div>
		
			<h3 id="bagaimana-anda-menulis-halaman-html-paling-sederhana">Bagaimana Anda menulis halaman HTML paling sederhana?</h3>
			<div>Kebanyakan tag perlu dibuka < tag > dan ditutup . Untuk membuat halaman web sederhana, Anda hanya perlu mengetahui empat tag.  <span>< HTML > memberi tahu browser bahwa halaman Anda ditulis dalam format HTML</span> .  <span>< HEAD ></span>  ini adalah semacam kata pengantar dari informasi penting yang tidak muncul di layar. </div>
		
			<h3 id="apa-struktur-halaman-html-sederhana">Apa struktur halaman HTML sederhana?</h3>
			<div>Dokumen HTML terutama dibagi menjadi dua bagian. KEPALA. Ini berisi informasi tentang dokumen HTML. Misalnya, Judul halaman, versi HTML, Meta Data, dll. TUBUH. Ini berisi semua yang ingin Anda tampilkan di Halaman Web</div>
		
			<h3 id="apa-itu-halaman-html">Apa itu halaman HTML?</h3>
			<div>HTML adalah  <span>bahasa markup standar untuk membuat halaman Web</span> . HTML menggambarkan struktur halaman Web. HTML terdiri dari serangkaian elemen. Elemen HTML memberi tahu browser cara menampilkan konten. Elemen HTML memberi label potongan konten seperti "ini adalah judul", "ini adalah paragraf", "ini adalah tautan", dll. </div></p></section></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/9N997ddQV7o?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>
																</div>
							</div>
							
							
							<div class="post-tools">
                                    <button data-postid="apa-itu-halaman-html-sederhana" class="btn btn-answerModalBox"><img class="mr-1" alt="Apa itu halaman html sederhana?" src="/dist/images/svg/messages_16.svg">Reply</button>
                                    <button data-postid="apa-itu-halaman-html-sederhana" data-vote="up"  class="btn btn-doVote"><img class="mr-1" alt="Apa itu halaman html sederhana?"  src="/dist/images/svg/face-smile_16.svg">5</button>
                                    <button data-postid="apa-itu-halaman-html-sederhana" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Apa itu halaman html sederhana?"  src="/dist/images/svg/poo_16.svg">0</button>
                                    <button class="btn"><img class="mr-1" alt="Apa itu halaman html sederhana?"  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_apa-itu-halaman-html-sederhana" 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 ='apa-itu-halaman-html-sederhana'</script>
<script>var postTime ='2023-01-20T13:31:58.502Z'</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="eda15a63daad6a2090be50b6-|49" defer></script>