{"id":50341,"date":"2024-09-25T15:00:00","date_gmt":"2024-09-25T08:00:00","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=50341"},"modified":"2024-12-13T14:47:45","modified_gmt":"2024-12-13T07:47:45","slug":"belajar-html-part-5","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-html-part-5\/","title":{"rendered":"Belajar HTML Part 5: Membuat Heading dan Paragraf"},"content":{"rendered":"\n<p>Setelah membahas cara <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-html-part-4\/\" target=\"_blank\" rel=\"noopener\" title=\"belajar html part 4\">membuat list dan hyperlink<\/a> pada HTML, selanjutnya pada sesi belajar HTML part 5, kita akan belajar tentang cara membuat <em>heading <\/em>dan paragraf.<\/p>\n\n\n\n\n\n<p><em>Heading<\/em> dan paragraf adalah elemen dasar HTML yang harus Anda kuasai, karena sering digunakan saat membuat website berbasis <a href=\"https:\/\/www.rumahweb.com\/journal\/html-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"\">HTML<\/a>. Oleh karena itu, pastikan Anda menyimak panduan ini hingga akhir, agar penguasaan materi dasar HTML Anda semakin meningkat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu <em>Heading<\/em>?<\/h2>\n\n\n\n<p><em>Heading <\/em>dalam HTML digunakan untuk membentuk struktur konten di halaman website, untuk membantu mesin pencari membaca dan memahami hierarki informasi website Anda. Ada 6 level <em>Heading <\/em>didalam HTML yaitu &lt;h1&gt; hingga &lt;h6&gt;.<\/p>\n\n\n\n<p><em>Heading <\/em>&lt;h1&gt; paling penting dan wajib ada didalam website karena berkaitan dengan optimasi SEO.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Penggunaan <em>Heading <\/em>dalam HTML<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;h1&gt; : <em>Heading <\/em>ini biasanya digunakan sebagai judul utama atau topik paling penting dalam halaman website.<\/li>\n\n\n\n<li>&lt;h2&gt; : Sub-judul dari &lt;h1&gt;, sering kali digunakan untuk penjelasan atau pembagian besar konten.<\/li>\n\n\n\n<li>&lt;h3&gt; &#8211; &lt;h6&gt; : <em>Heading <\/em>yang digunakan untuk sub-bagian untuk memberikan struktur yang lebih detail.<\/li>\n<\/ul>\n\n\n\n<p>Berikut adalah contoh penggunaan heading html yang dijadikan sebagai daftar isi.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading.png\"><img loading=\"lazy\" decoding=\"async\" width=\"831\" height=\"639\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading.png\" alt=\"contoh heading dalam html - belajar html\" class=\"wp-image-50386\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading.png 831w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-300x231.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-768x591.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-370x285.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-270x208.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-570x438.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/contoh-heading-740x569.png 740w\" sizes=\"auto, (max-width: 831px) 100vw, 831px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Contoh <em>script heading <\/em>pada HTML<\/h3>\n\n\n\n<p>Berikut contoh <em>code heading <\/em>pada bahasa HTML.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h1&gt;H1 - Belajar HTML Heading&lt;\/h1&gt;\n&lt;h2&gt;H2 - Pengertian Heading&lt;\/h2&gt;\n&lt;h3&gt;H3 - Contoh Penggunaan Heading&lt;\/h3&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Dalam membuat halaman website, setidaknya harus ada <em>heading <\/em>yang Anda gunakan, contohnya H1 pada judul yang hukumnya wajib. Hal ini bertujuan agar memudahkan google dalam memahami struktur website Anda, serta website yang memiliki stuktur lebih rapi akan meningkatkan kenyamanan penggunanya.<\/p>\n\n\n\n<p>Setelah kita bahas tentang <em>heading<\/em>, dibawah ini kami akan melanjutkan membahas Paragraf.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa Itu Paragraf?<\/h2>\n\n\n\n<p>Selain <em>Heading<\/em>, paragraf juga penting digunakan dalam membuat halaman website. Paragraf digunakan untuk mendefinisikan teks paragraf, dengan elemen &lt;p&gt; .. &lt;\/p&gt;. Setiap blok paragraf yang berada didalam elemen &lt;p&gt; &#8230; &lt;\/p&gt; secara otomatis akan dipisahkan jarak atau enter.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cara Menggunakan Paragraf di HTML<\/h3>\n\n\n\n<p>Berikut adalah cara menggunakan beserta contoh <em>script <\/em>penggunaan paragraf dalam HTML:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;p&gt;Paragraf satu, adalah contoh paragraf dalam HTML.&lt;\/p&gt;\n&lt;p&gt;Paragraf dua, yang menjelaskan topik berbeda.&lt;\/p&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p>Pemakaian <em>element <\/em>paragraf penting digunakan untuk menyajikan informasi teks yang rapi dan mudah dibaca.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kesimpulan<\/h2>\n\n\n\n<p>Dalam belajar <em>heading <\/em>dan paragraf pada HTML, penting untuk memahami bagaimana struktur ini dapat mempengaruhi dalam pembacaan konten dihalaman website.<\/p>\n\n\n\n<p><em>Heading <\/em>membantu membentuk struktur konten dan memudahkan mesin pencari melakukan crawl halaman website kita. Sedangkan Paragraf digunakan untuk menyajikan informasi teks agar mudah dibaca.<\/p>\n\n\n\n<p>Demikian tutorial belajar HTML part 5 tentang heading dan paragraf. Selanjutnya, kita akan belajar tentang <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-html-part-6\/\" target=\"_blank\" rel=\"noopener\" title=\"atribut html\">atribut HTML<\/a> di part berikutnya.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setelah membahas cara membuat list dan hyperlink pada HTML, selanjutnya pada sesi belajar HTML part 5, kita akan belajar tentang cara membuat heading dan paragraf. Heading dan paragraf adalah elemen dasar HTML yang harus Anda kuasai, karena sering digunakan saat membuat website berbasis HTML. Oleh karena itu, pastikan Anda menyimak panduan ini hingga akhir, agar [&hellip;]<\/p>\n","protected":false},"author":321,"featured_media":50385,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[1697,56,2278,2330],"class_list":{"0":"post-50341","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-html","9":"tag-html","10":"tag-html-dasar","11":"tag-tutorial-html"},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/321"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=50341"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/50341\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/50385"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=50341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=50341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=50341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}