{"id":39,"date":"2019-07-15T05:57:25","date_gmt":"2019-07-15T05:57:25","guid":{"rendered":"https:\/\/www.webhozz.com\/code\/?p=39"},"modified":"2019-09-03T11:56:22","modified_gmt":"2019-09-03T11:56:22","slug":"formating-text-dengan-html","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/","title":{"rendered":"HTML : Formating Text"},"content":{"rendered":"\n

HTML menyediakan beberapa tag yang dapat digunakan untuk membuat beberapa teks menjadi berbeda, misalnya kalian dapat menggunakan tag <b> untuk membuat teks bold, tag <i> untuk membuat teks italic, beri tag <mark> untuk membuat teks yang disorot\/ditandai, beri tag <code> untuk menampilkan fragmen kode komputer, tag <ins> untuk membuat teks yang telah dimasukkan ke dalam dokumen, dan <del> untuk menghapus teks dari dokumen, dan banyak lagi. <\/p>\n\n\n\n

Contoh berikut menunjukkan tag format yang paling umum digunakan dalam penerapannya. Sekarang, mari kita coba contoh tag berikut:<\/p>\n\n\n

\n<p>This is <b>bold text<\/b>.<\/p> \n<p>This is <strong>strongly important text<\/strong>.<\/p> \n<p>This is <i>italic text<\/i>.<\/p> \n<p>This is <em>emphasized text<\/em>.<\/p> \n<p>This is <mark>highlighted text<\/mark>.<\/p> \n<p>This is <code>computer code<\/code>.<\/p> \n<p>This is <small>smaller text<\/small>.<\/p> \n<p>This is <sub>subscript<\/sub> and <sup>superscript<\/sup> text.<\/p> \n<p>This is <del>deleted text<\/del>.<\/p> \n<p>This is <ins>inserted text<\/ins>.<\/p>\n<\/pre><\/div>\n\n\n
Secara default, tag <strong> biasanya ditampilkan di browser sebagai <b>, sedangkan tag <em> diterjemahkan sebagai <i>. Bagaimanapun, ada perbedaan arti pada kedua tag ini.<\/p>\n\n\n\n
Perbedaan antara tag <strong> dan tag <b> <\/strong><\/h4>\n\n\n\n
Tag <strong> menunjukkan bahwa isi kontennya memiliki sesuatu yang penting, sedangkan tag <b> hanya digunakan untuk menarik perhatian pembaca tanpa menyampaikan sesuatu hal yang penting di dalam kontennya.<\/p>\n\n\n
\n<p><strong>WARNING!<\/strong> Please proceed with caution.<\/p> \n<p>The concert will be held at <b>Hyde Park<\/b> in London.<\/p>\n<\/pre><\/div>\n\n\n
Perbedaan antara tag <em> and tag <i><\/strong><\/h4>\n\n\n\n
Tag <em> dan <i> merender teks terlampir menjadi tipe italic, tetapi tag <em> menunjukkan bahwa isinya lebih menekankan penekanan dibandingkan dengan teks di sekitarnya, sedangkan tag <i> digunakan untuk menandai teks yang memiliki maksud khusus seperti istilah teknis, ungkapan idiomatik dari bahasa lain, pemikiran, dll.<\/p>\n\n\n
\n<p>Cats are <em>cute<\/em> animals.<\/p> \n<p>The <i>Royal Cruise<\/i> sailed last night.<\/p>\n<\/pre><\/div>\n\n\n
Format Kutipan<\/strong><\/h4>\n\n\n\n
Tag <blockquote> <\/strong>digunakan\nuntuk bagian text yang merupakan kutipan panjang. Disebut kutipan panjang\nkarena tag ini merupakan tipe\nblock element<\/em>, sehingga akan memisahkan diri dari text yang ada\nmenjadi baris baru. Tag <blockquote><\/strong> lebih\ncocok digunakan untuk memberikan penegasan penting untuk kutipan.<\/p>\n\n\n\n
Blockquote umumnya ditampilkan dengan margin kiri dan kanan yang berlekuk, bersama dengan sedikit ruang tambahan yang ditambahkan di atas dan di bawah. Mari kita coba contoh untuk melihat cara kerjanya:<\/p>\n\n\n
\n<blockquote>\n    <p>Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.<\/p>\n    <cite>\u2014 Albert Einstein<\/cite>\n<\/blockquote>\n<\/pre><\/div>\n\n\n
Menampilkan Singkatan<\/strong><\/h4>\n\n\n\n
Singkatan adalah bentuk kata, frasa, atau nama yang\ndisingkat.<\/p>\n\n\n\n
Kalian dapat menggunakan tag <abbr> untuk menunjukkan singkatan. <abbr> digunakan bersamaan dengan atribut title<\/code> yang menjelaskan kepanjangan dari singkatan tersebut dan tidak boleh berisi keterangan lain. Dan akan ditampilkan oleh browser sebagai tooltip ketika kursor mouse berada di atas elemen. Mari kita coba contoh berikut:<\/p>\n\n\n
\n<p>The <abbr title="World Wide Web Consortium">W3C<\/abbr> is the main international standards organization for the <abbr title="World Wide Web">WWW or W3<\/abbr>. It was was founded by Tim Berners-Lee.<\/p>\n<\/pre><\/div>\n\n\n
Menandai Alamat Kontak<\/strong><\/h4>\n\n\n\n
Halaman web sering menyertakan alamat jalan atau kode pos. HTML\nmenyediakan tag khusus <alamat> untuk mewakili informasi kontak (fisik\ndan \/ atau digital) untuk individu ataupun organisasi.<\/p>\n\n\n\n
Tag ini idealnya digunakan untuk menampilkan informasi kontak yang terkait dengan dokumen itu sendiri misal seperti penulis artikel. Sebagian besar browser menampilkan blok alamat dalam huruf miring (italic). Berikut contohnya<\/p>\n\n\n
\n<address>\nMozilla Foundation<br>\n331 E. Evelyn Avenue<br>\nMountain View, CA 94041, USA\n<\/address>\n<\/pre><\/div>","protected":false},"excerpt":{"rendered":"
HTML menyediakan beberapa tag yang dapat digunakan untuk membuat beberapa teks menjadi berbeda, misalnya kalian dapat menggunakan tag <b> untuk membuat teks bold, tag <i><\/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-39","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"\nBelajar HTML : Formating Text - 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\/formating-text-dengan-html\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Belajar HTML : Formating Text - WebHozz Code\" \/>\n<meta property=\"og:description\" content=\"HTML menyediakan beberapa tag yang dapat digunakan untuk membuat beberapa teks menjadi berbeda, misalnya kalian dapat menggunakan tag <b> untuk membuat teks bold, tag <i>\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Code\" \/>\n<meta property=\"article:published_time\" content=\"2019-07-15T05:57:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-03T11:56:22+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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"headline\":\"HTML : Formating Text\",\"datePublished\":\"2019-07-15T05:57:25+00:00\",\"dateModified\":\"2019-09-03T11:56:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/\"},\"wordCount\":444,\"articleSection\":[\"HTML\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/\",\"name\":\"Belajar HTML : Formating Text - WebHozz Code\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#website\"},\"datePublished\":\"2019-07-15T05:57:25+00:00\",\"dateModified\":\"2019-09-03T11:56:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/#\\\/schema\\\/person\\\/3b2b79dc317236b0dde4b1fda37263e1\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/formating-text-dengan-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/code\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML : Formating Text\"}]},{\"@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 : Formating Text - 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\/formating-text-dengan-html\/","og_locale":"en_US","og_type":"article","og_title":"Belajar HTML : Formating Text - WebHozz Code","og_description":"HTML menyediakan beberapa tag yang dapat digunakan untuk membuat beberapa teks menjadi berbeda, misalnya kalian dapat menggunakan tag <b> untuk membuat teks bold, tag <i>","og_url":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/","og_site_name":"WebHozz Code","article_published_time":"2019-07-15T05:57:25+00:00","article_modified_time":"2019-09-03T11:56:22+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"headline":"HTML : Formating Text","datePublished":"2019-07-15T05:57:25+00:00","dateModified":"2019-09-03T11:56:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/"},"wordCount":444,"articleSection":["HTML"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/","url":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/","name":"Belajar HTML : Formating Text - WebHozz Code","isPartOf":{"@id":"https:\/\/www.webhozz.com\/code\/#website"},"datePublished":"2019-07-15T05:57:25+00:00","dateModified":"2019-09-03T11:56:22+00:00","author":{"@id":"https:\/\/www.webhozz.com\/code\/#\/schema\/person\/3b2b79dc317236b0dde4b1fda37263e1"},"breadcrumb":{"@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/code\/formating-text-dengan-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/code\/"},{"@type":"ListItem","position":2,"name":"HTML : Formating Text"}]},{"@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\/39","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=39"}],"version-history":[{"count":4,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/39\/revisions"}],"predecessor-version":[{"id":398,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/posts\/39\/revisions\/398"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/categories?post=39"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/code\/wp-json\/wp\/v2\/tags?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}