{"id":35,"date":"2019-07-12T12:55:24","date_gmt":"2019-07-12T12:55:24","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=35"},"modified":"2019-09-03T11:56:30","modified_gmt":"2019-09-03T11:56:30","slug":"paragraph-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/paragraph-html\/","title":{"rendered":"HTML : Paragraph"},"content":{"rendered":"\n

Membuat Paragraph<\/strong><\/p>\n\n\n\n

Elemen paragraf digunakan untuk mempublikasikan teks di\nhalaman web.<\/p>\n\n\n\n

Paragraf ditulis dengan tag <p>. Tag paragraf adalah tag yang sangat mendasar dan biasanya menjadi tag pertama yang kalian perlukan untuk mempublikasikan teks kalian di halaman web. Berikut contohnya:<\/p>\n\n\n

\n<p>This is a paragraph.<\/p>\n<p>This is another paragraph.<\/p>\n<\/pre><\/div>\n\n\n
Catatan:<\/em><\/strong> Browser bawaan secara otomatis akan membuat ruang di atas dan di bawah konten paragraf (disebut margin), tetapi kalian bisa mengaturnya lagi menggunakan CSS.<\/p>\n\n\n\n
Penutup Elemen Paragraf<\/strong><\/p>\n\n\n\n
Kebanyakan browser saat ini akan menampilkan HTML dengan benar bahkan jika kalian lupa menulis tag akhirnya. Sebagai contoh:<\/p>\n\n\n
\n&lt;p>This is a paragraph.\n&lt;p>This is another paragraph.\n<\/pre><\/div>\n\n\n
Kode HTML pada contoh di atas akan berfungsi di sebagian besar browser web, tetapi jangan berpatokan pada hal tersebut karena melupakan tag akhir dapat menghasilkan hasil yang salah atau tidak diinginkan.<\/p>\n\n\n\n
Membuat Line Break<\/strong><\/p>\n\n\n\n
Tag <br> digunakan untuk menyisipkan satu baris di\nhalaman web.<\/p>\n\n\n\n
Karena <br> adalah elemen kosong, maka penutup tag <\/br> tidak diperlukan. Berikut contohnya:<\/p>\n\n\n
\n<p>This is a paragraph <br> with line break.<\/p>\n<p>This is <br>another paragraph <br> with line breaks.<\/p>\n<\/pre><\/div>\n\n\n
Catatan:<\/em><\/strong> Jangan gunakan paragraf kosong yaitu <p> <\/p> untuk menambah ruang ekstra di halaman web Anda. Browser dapat mengabaikan paragraf kosong tersebut karena itu akan terbaca sebagai tag yang logis. Gunakan margin CSS sebagai gantinya untuk menyesuaikan ruang di sekitar elemen.<\/p>\n\n\n\n
Membuat Garis Horizontal (hr tag)<\/strong><\/p>\n\n\n\n
Kalian dapat menggunakan tag <hr> untuk membuat garis horizontal untuk memisahkan bagian konten secara visual pada halaman web. Seperti <br>, tag <hr> juga merupakan elemen kosong. Berikut contohnya:<\/p>\n\n\n
\n<p>This is a paragraph.<\/p>\n<hr>\n<p>This is another paragraph.<\/p>\n<\/pre><\/div>\n\n\n
Mengatur Spasi<\/strong><\/p>\n\n\n\n
Biasanya browser akan menampilkan beberapa spasi yang dibuat di dalam kode HTML dengan menekan tombol spasi atau tombol tab pada keyboard. Beberapa baris spasi yang dibuat di dalam kode HTML dengan menekan tombol enter juga akan ditampilkan sebagai satu baris spasi.<\/p>\n\n\n\n
Paragraf berikut akan ditampilkan dalam satu baris tanpa baris tambahan:<\/p>\n\n\n
\n<p>This paragraph contains  multiple   spaces    in the source code.<\/p>\n<p>\n    This paragraph\n    contains multiple tabs and line breaks\n    in the source code.\n<\/p>\n<\/pre><\/div>\n\n\n
Sisipkan   untuk membuat baris spasi yang lebih luas, berikut contohnya:<\/p>\n\n\n
\n<p>This paragraph has multiple\u00a0\u00a0\u00a0spaces.<\/p>\n<p>This paragraph has multiple<br><br>line<br><br><br>breaks.<\/p>\n<\/pre><\/div>\n\n\n
Terkadang, menggunakan   , <br>, dll. Untuk mengelola baris spasi sangat tidak nyaman. Maka dari itu kalian dapat menggunakan tag <pre> untuk menampilkan spasi, tab, penghentian baris, dll. Persis seperti yang tertulis dalam file HTML. Ini sangat membantu dalam pembuatan file seperti puisi atau kode-kode lainnya.<\/p>\n\n\n\n
Berikut contohnya:<\/p>\n\n\n
\n<pre>\n    Twinkle, twinkle, little star, \n    How I wonder what you are! \n    Up above the world so high, \n    Like a diamond in the sky.\n<\/pre>\n<\/pre><\/div>\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Membuat Paragraph Elemen paragraf digunakan untuk mempublikasikan teks di halaman web. Paragraf ditulis dengan tag <p>. Tag paragraf adalah tag yang sangat mendasar dan biasanya<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"\nBelajar HTML : Paragraph - WebHozz Code<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/code\/paragraph-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Paragraph - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"Membuat Paragraph Elemen paragraf digunakan untuk mempublikasikan teks di halaman web. Paragraf ditulis dengan tag <p>. Tag paragraf adalah tag yang sangat mendasar dan biasanya\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/paragraph-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-12T12:55:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:56:30+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Paragraph\",\"datePublished\":\"2019-07-12T12:55:24+00:00\",\"dateModified\":\"2019-09-03T11:56:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/\"},\"wordCount\":351,\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/\",\"name\":\"Belajar HTML : Paragraph - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"datePublished\":\"2019-07-12T12:55:24+00:00\",\"dateModified\":\"2019-09-03T11:56:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/paragraph-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Paragraph\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\",\"name\":\"WebHozz Code\",\"description\":\"Tutorial Web & Pemrograman Indonesia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/author\\\/dody\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Belajar HTML : Paragraph - WebHozz Code","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/code\/paragraph-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Paragraph - WebHozz Code","og_description":"Membuat Paragraph Elemen paragraf digunakan untuk mempublikasikan teks di halaman web. Paragraf ditulis dengan tag <p>. Tag paragraf adalah tag yang sangat mendasar dan biasanya","og_url":"https:\/\/www.webhozz.com\/code\/paragraph-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-12T12:55:24+00:00","article_modified_time":"2019-09-03T11:56:30+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Paragraph","datePublished":"2019-07-12T12:55:24+00:00","dateModified":"2019-09-03T11:56:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/"},"wordCount":351,"articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/","url":"https:\/\/www.webhozz.com\/code\/paragraph-html\/","name":"Belajar HTML : Paragraph - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"datePublished":"2019-07-12T12:55:24+00:00","dateModified":"2019-09-03T11:56:30+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/paragraph-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/paragraph-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Paragraph"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/code\/#website","url":"https:\/\/www.webhozz.com\/code\/","name":"WebHozz Code","description":"Tutorial Web & Pemrograman Indonesia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/code\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f222cb0ed38f2100d666bb262fd38d4f0d8e5673698208e40ff83118f10a4e8e?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/code\/author\/dody\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":3,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/35\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}