Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku (<…>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.

Table of Contents Show

Contoh:

Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutup. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/) di depan nama tag

Setiap tag memiliki fungsinya masing-masing. Ada yang digunakan untuk membuat judul, membuat link, membuat paragraf, heading, dll

Berikut adalah daftar tag dasar, yang menurut saya harus Anda ingat.

TagFungsiuntuk memulai dokumen HTMLuntuk membuat bagian headuntuk membuat bagian body

sampai

untuk membuat heading pada artikel
untuk membuat paragraphuntuk membuat komentar

Cara Menulis Tag HTML yang Benar

Beberapa orang sering melakukan kesalahan dalam penulisan tag. Ada yang lupa ditutup, ada yang salah ketik nama, dan sejenisnya

Beberapa saran penulisan tag yang bagus

1. Tag wajib

Ada beberapa tag yang harus ada dalam HTML. Anda harus menulis tag ini. jika tidak, bisa jadi kode HTML Anda akan error menurut validator W3C

Berikut ini adalah daftar tag yang harus ada dalam HTML

<. DOCTYPE html> — untuk deklarasi tipe dokumen;

— tag utama dalam HTML;

— membuat kepala dari dokumen;

— bagian dari judul web;</p><p><body> — untuk isi dokumen</p><h4>2. Gunakan Huruf Kecil</h4><p>Hindari penggunaan huruf kapital dalam penulisan nama tag dan sebaiknya gunakan huruf kecil saja</p><p>Huruf kecil lebih mudah diketik dan juga akan membuat kode HTML terlihat lebih bersih dan rapi</p><p>Tapi khusus untuk tag <!DOCTYPE html>. ia ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C.</p><p>Namun untuk dokumen XHTML, penggunaan DOCTYPE dengan huruf kecil akan mengakibatkan error</p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><h4>3. Pastikan untuk Menutup Tag dengan Benar</h4><p>Tag HTML nantinya akan ditulis secara bertumpuk. Artinya, di dalam tag tersebut ada tag lain. Terkadang kita sering salah dalam menutup tag yang bertumpuk tersebut. Akibatnya, kode HTML kami tidak valid</p><div></div> <p>Pada tutorial Belajar HTML kali ini kita akan membahas tag paragraf, cara menulis tag paragraf dan cara membuat paragraf di HTML</p><hr><p>Untuk memahami cara membuat paragraf dalam HTML, kita akan menggunakan contoh struktur HTML yang dibuat pada tutorial sebelumnya, dan menambahkan beberapa teks. Silahkan buka lagi text editor, lalu ketikkan kode berikut</p><p>Contoh penggunaan tag paragraf</p><pre><!DOCTYPE html> <html> <head> <title>Title dari Websiteku</title> </head> <body> Ini adalah paragraf pertama Ini adalah paragraf kedua </body> </html></pre><p>Simpan sebagai paragraf. html, lalu jalankan di web browser</p><p><div class="imgBox"><img alt="Cara menggunakan penulisan tag html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-penulisan-tag-html---aHR0cHM6Ly9pMC53cC5jb20vd3d3LmR1bmlhaWxrb20uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEzLzA0L0NhcmEtTWVtYnVhdC1QYXJhZ3JhZi1kaS1IVE1MLmpwZw==.webp" ></div></p><p></p><p>Kita akan melihat bahwa paragraf tersebut tidak berada pada baris yang berbeda, tetapi pada baris yang sama. Dalam HTML, <span>spasi akan diabaikan, t</span> termasuk jika kita mengubahnya menjadi. </p><p>Contoh penggunaan tag paragraf 2</p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><pre><!DOCTYPE html> <html> <head> <title>Title dari Websiteku</title> </head> <body> Ini adalah paragraf pertama Ini adalah paragraf kedua </body> </html></pre>_<p>Kita harus memberi tahu browser web bahwa kedua kalimat itu harus dipisahkan. Dan bahwa setiap kalimat adalah paragraf</p><hr><h3 id="tag-paragraf">Tag Paragraf ()</h3><p>HTML menyediakan tag khusus untuk membuat paragraf. Penulisannya menggunakan huruf p, sebagai berikut : <p>. Mari kita revisi contoh kode HTML sebelumnya, dan menambahkan tag <p>.<br></p><p>Contoh penggunaan tag paragraf 3</p><pre><!DOCTYPE html> <html> <head> <title>title dari websiteku</title> </head> <body> <p>ini adalah paragraf pertama</p> <p>ini adalah paragraf kedua</p> </body> </html></pre><p><div class="imgBox"><img alt="Cara menggunakan penulisan tag html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-penulisan-tag-html---aHR0cHM6Ly9pMC53cC5jb20vd3d3LmR1bmlhaWxrb20uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEzLzA0L0NhcmEtTWVtYnVhdC1QYXJhZ3JhZi1kaS1IVE1MLTEuanBn.webp" ></div></p><p>Maka kali ini kita akan melihat bahwa kedua paragraf tersebut sudah berada pada posisinya masing-masing. Untuk setiap tag paragraf, browser web akan menyediakan spasi antar paragraf</p><hr><h3 id="tag-break">Tag Break ()</h3><p>Cara lain untuk memisahkan kedua paragraf adalah dengan menggunakan tag <br> (br singkatan dari break).</p><p>Contoh penggunaan tag <br>:</p><pre><!DOCTYPE html> <html> <head> <title>title dari websiteku</title> </head> <body> ini adalah paragraf pertama <br /> ini adalah paragraf kedua </body> </html></pre><p>Jika kode HTML diatas dijalankan, maka hasilnya hampir sama dengan menggunakan tag <p>. Namun pemisahan paragraf menggunakan tag <br> bukanlah untuk membuat paragraf. Tag <br> berfungsi untuk memisahkan sebuah bagian text dengan text lain. Jika yang kita butuhkan adalah struktur paragraf, maka gunakan tag <p>.</p><p></p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p><p><p><div class="imgBox"><img alt="Cara menggunakan penulisan tag html" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/cara-menggunakan-penulisan-tag-html---aHR0cHM6Ly9pMC53cC5jb20vd3d3LmR1bmlhaWxrb20uY29tL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDEzLzA0L0NhcmEtcGVuZ2d1bmFhbi10YWctZW0tZGFuLXN0cm9uZy5qcGc=.webp" ></div><p></p><p>Meskipun tanda spasi tidak akan diperhitungkan dalam HTML, namun untuk membuat kode HTML, indentasi beberapa baris dalam tag akan membuat kode lebih mudah dibaca.</p><p><p><p></p><p>eBuku HTML Uncover Duniailkom</p><p>Apakah Anda serius ingin menguasai HTML? . EBook ini membahas tentang HTML secara lebih detail dan lengkap hingga fitur terbaru dari HTML5. Penjelasan lebih lanjut bisa ke. eBuku HTML Uncover Duniailkom</p><div></div> <div></div> <h3 id="tag-html-dimulai-dengan-kode-apa">Tag HTML dimulai dengan kode apa?</h3> <div>Umumnya penulisan <span>tag</span> pada <span>html</span> adalah berpasangan-pasangan <span>mulai</span> dengan <span>HTML< /a></span> adalah blok <span>kode</span> yang <span>dimulai</span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span><span>< a i=12> dari </span> dari <span>tag</span> pembuka hingga <span>tag</span> penutup, tetapi ada juga <span>tag</span> yang dalam penulisannya berdiri sendiri seperti </div> <h3 id="apa-itu-tag-html">Apa itu tag HTML?</h3> <div><div><span>Berikut daftar tag yang harus ada di HTML. </span> . </div> <div><. DOCTYPE html> — untuk deklarasi tipe dokumen;</div> <div><html> — tag utama dalam HTML;</div> <div><head> — untuk bagian kepala dokumen;</div> <div><title> — untuk judul web;</div> <div><body> — untuk bagian tubuh dokumen</div> </div> <h3 id="bagaimana-cara-menulis-tag-penutup-html">Bagaimana cara menulis tag penutup HTML?</h3> <div>Apa <span>tag html</span> yang harus <span>penutup</span> ? . , Contoh. <span>tag</span> <span>tag</span> < p> harus ditutup dengan . Untuk membuat <span>tag</span> Tanpa Fill, <span>tag</span> harus tetap ditutup. Pembuatan <span>tag</span> yang tidak memiliki isi dapat dilakukan dengan format atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . atau cukup dengan . </div> <h3 id="di-mana-kode-html-ditulis">Di mana kode HTML ditulis?</h3> <div>htm atau. <span>html</span> . Kita dapat menulis <span>kode</span> pada editor <span>kode</span> seperti Notepad, Sublime Teks atau yang lainnya. </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/6bQI_JQeC-Y?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://ketajaman.com/tags/kode" class="tag-link">kode</a> <a href="https://ketajaman.com/tags/html" class="tag-link">html</a> </div> <div class="post-tools"> <button data-postid="cara-menggunakan-penulisan-tag-html" class="btn btn-answerModalBox"><img class="mr-1" alt="Cara menggunakan penulisan tag html" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="cara-menggunakan-penulisan-tag-html" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan penulisan tag html" src="/dist/images/svg/face-smile_16.svg">6</button> <button data-postid="cara-menggunakan-penulisan-tag-html" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Cara menggunakan penulisan tag html" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Cara menggunakan penulisan tag html" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div> </div> </div> <div id="answers_cara-menggunakan-penulisan-tag-html" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></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-4987931798153631" data-ad-slot="6695343318"></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-install-script-php-di-cpanel"><img src="https://ap.cdnki.com/r_cara-install-script-php-di-cpanel---5bc9e23c5b4334895cd19aeda6d702dd.webp" alt="Cara install script php di cpanel"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-install-script-php-di-cpanel">Cara install script php di cpanel</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-keluar-dari-for-loop-dalam-satu-loop-dengan-python"><img src="https://i.ytimg.com/vi/JDpzdz4MRDQ/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCwLsxRa-kqcgSPnrI0icvPfnao4w" alt="Bagaimana Anda keluar dari for loop dalam satu loop dengan python?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-anda-keluar-dari-for-loop-dalam-satu-loop-dengan-python">Bagaimana Anda keluar dari for loop dalam satu loop 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="/apa-itu-blank-di-javascript"><img src="https://ap.cdnki.com/r_apa-itu-_blank-di-javascript---7b492fb5519d2f5c600676f8e3b74134.webp" alt="Apa itu _blank di javascript?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/apa-itu-blank-di-javascript">Apa itu _blank di 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> <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-html-dari-google-sheets"><img src="https://ap.cdnki.com/r_cara-menggunakan-html-dari-google-sheets---f874527c461bba29534f31719b0a5aa0.webp" alt="Cara menggunakan html dari google sheets"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-html-dari-google-sheets">Cara menggunakan html dari google sheets</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-cara-menyalin-konten-yang-sama-dari-beberapa-lembar-di-excel"><img src="https://ap.cdnki.com/r_bagaimana-cara-menyalin-konten-yang-sama-dari-beberapa-lembar-di-excel---83b71aba22a0148b6a161e414373e103.webp" alt="Bagaimana cara menyalin konten yang sama dari beberapa lembar di excel?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-menyalin-konten-yang-sama-dari-beberapa-lembar-di-excel">Bagaimana cara menyalin konten yang sama dari beberapa lembar 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"> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></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-ubuntu-php-server"><img src="https://ap.cdnki.com/r_cara-menggunakan-ubuntu-php-server---e06a03cde8e209cd89af55ada68b475d.webp" alt="Cara menggunakan ubuntu php server"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-ubuntu-php-server">Cara menggunakan ubuntu php server</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-cara-membuat-permintaan-http-dengan-python"><img src="https://i.ytimg.com/vi/PLAeE7M0j6E/hq720.jpg?sqp=-oaymwEXCNAFEJQDSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBNtRzJ98eMyeIj7jmJmQl2hHl-Zg" alt="Bagaimana cara membuat permintaan http dengan python?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/bagaimana-cara-membuat-permintaan-http-dengan-python">Bagaimana cara membuat permintaan http 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-menggunakan-un-di-mysql"><img src="https://ap.cdnki.com/r_cara-menggunakan-un-di-mysql---d50a1280bb4c50e03540b1fa6a10fbec.webp" alt="Cara menggunakan un di mysql"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-un-di-mysql">Cara menggunakan un 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"> </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-menghapus-sel-di-google-sheets"><img src="https://ap.cdnki.com/r_cara-menghapus-sel-di-google-sheets---9e9b862fb3ed9a41e51cc8bf94b19317.webp" alt="Cara menghapus sel di google sheets"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menghapus-sel-di-google-sheets">Cara menghapus sel di google sheets</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-mengambil-data-dari-database-di-php-dan-menampilkannya-di-tabel"><img src="https://ap.cdnki.com/r_cara-mengambil-data-dari-database-di-php-dan-menampilkannya-di-tabel---8d7eda37b61887011645cfcfc73d36ba.webp" alt="Cara mengambil data dari database di php dan menampilkannya di tabel"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-mengambil-data-dari-database-di-php-dan-menampilkannya-di-tabel">Cara mengambil data dari database di php dan menampilkannya di tabel</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-4987931798153631" data-ad-slot="6695343318" 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://ketajaman.com/cara-menggunakan-mysql-timestamp-from-string">Cara menggunakan mysql timestamp from string</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/ShavenBrainstorming" class="author">ShavenBrainstorming</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/langkah-langkah-membuat-web-menggunakan-html-dan-css">Langkah langkah membuat web menggunakan HTML dan CSS?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/OverheatedCabbage" class="author">OverheatedCabbage</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-cara-mengonversi-file-txt-ke-google-sheets">Bagaimana cara mengonversi file txt ke google sheets?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/DeprivedAppeasement" class="author">DeprivedAppeasement</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-anda-mengganti-huruf-tertentu-dengan-python">Bagaimana Anda mengganti huruf tertentu dengan python?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/FunctioningApartheid" class="author">FunctioningApartheid</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/apa-upaya-kita-untuk-mengatasi-krisis-air-bersih">Apa upaya kita untuk mengatasi krisis air bersih?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/BeardedAnnoyance" class="author">BeardedAnnoyance</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-cara-membekukan-area-yang-dipilih-di-excel">Bagaimana cara membekukan area yang dipilih di excel?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/CrackingMolasses" class="author">CrackingMolasses</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/bagaimana-anda-mengonversi-bilangan-bulat-negatif-menjadi-byte-dengan-python">Bagaimana Anda mengonversi bilangan bulat negatif menjadi byte dengan python?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/Wage-priceAccomplice" class="author">Wage-priceAccomplice</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/apakah-infeksi-bakteri-pada-miss-v-bisa-sembuh-sendiri">Apakah infeksi bakteri pada Miss V bisa sembuh sendiri?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/FrayedDaddy" class="author">FrayedDaddy</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/database-mana-yang-digunakan-di-phpmyadmin">Database mana yang digunakan di phpmyadmin?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/ParamountCounselor" class="author">ParamountCounselor</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://ketajaman.com/cara-menggunakan-semua-jenis-acara-javascript">Cara menggunakan semua jenis acara javascript</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://ketajaman.com/author/CondemnedMirth" class="author">CondemnedMirth</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://ketajaman.com/toplist-top-7-unterschied-griechischer-joghurt-und-joghurt-griechischer-art-2022">Top 7 unterschied griechischer joghurt und joghurt griechischer art 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://ketajaman.com/toplist-top-9-ibc-container-600-liter-gebraucht-2022">Top 9 ibc container 600 liter gebraucht 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://ketajaman.com/toplist-top-7-excel-hintergrundfarbe-auslesen-ohne-vba-2022">Top 7 excel hintergrundfarbe auslesen ohne vba 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://ketajaman.com/toplist-top-6-dji-mavic-air-2-wann-welcher-filter-2022">Top 6 dji mavic air 2 wann welcher filter 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://ketajaman.com/toplist-top-7-rosen-schwarze-flecken-am-stiel-2022">Top 7 rosen schwarze flecken am stiel 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://ketajaman.com/toplist-top-8-wann-wird-es-wieder-spater-dunkel-2022-2022">Top 8 wann wird es wieder später dunkel 2022 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://ketajaman.com/toplist-top-6-em-nome-do-pai-em-nome-do-filho-2022">Top 6 em nome do pai em nome do filho 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://ketajaman.com/toplist-top-8-zdf-neben-der-spur-erlose-mich-2022">Top 8 zdf neben der spur -- erlöse mich 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://ketajaman.com/toplist-top-8-como-melhorar-dor-no-calcanhar-2022">Top 8 como melhorar dor no calcanhar 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://ketajaman.com/toplist-top-7-vinho-e-bom-para-pressao-alta-2022">Top 7 vinho é bom para pressão alta 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-4987931798153631" data-ad-slot="6695343318" 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-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='cara-menggunakan-penulisan-tag-html'</script> <script>var postTime ='2023-01-14T00:38:04.364Z'</script> <script>var siteDomain ='ketajaman.com'</script> <script type="text/javascript" src="https://ketajaman.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://ketajaman.com'>home</a><a target='blank' href='https://en.ketajaman.com'>en</a><a target='blank' href='https://de.ketajaman.com'>de</a><a target='blank' href='https://ja.ketajaman.com'>ja</a><a target='blank' href='https://hi.ketajaman.com'>hi</a><a target='blank' href='https://ko.ketajaman.com'>ko</a><a target='blank' href='https://pt.ketajaman.com'>pt</a><a target='blank' href='https://zh.ketajaman.com'>zh</a><a target='blank' href='https://th.ketajaman.com'>th</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://ketajaman.com"><span style="color:#f00">keta</span>jaman</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://ketajaman.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ketajaman.com/dist/js/sweetalert2.js"></script> <script src="https://ketajaman.com/dist/js/moment.js"></script> <script src="https://ketajaman.com/dist/js/main.js?v=1"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4WVHTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> </html>

Cara menggunakan penulisan tag html

sampai

untuk membuat heading pada artikeluntuk membuat paragraphuntuk membuat komentar

Cara Menulis Tag HTML yang Benar

1. Tag wajib

untuk membuat heading pada artikel
untuk membuat paragraphuntuk membuat komentar