{"id":3036,"date":"2016-05-28T04:34:36","date_gmt":"2016-05-28T04:34:36","guid":{"rendered":"http:\/\/www.webhozz.com\/blog\/?p=3036"},"modified":"2019-06-25T13:41:27","modified_gmt":"2019-06-25T13:41:27","slug":"html-lists","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/html-lists\/","title":{"rendered":"HTML Lists"},"content":{"rendered":"

Unordered lists dan ordered lists yang umum digunakan dalam HTML: Unordered List The first item The second item The third item The fourth item Ordered List The first item The second item The third item The fourth item-Unordered HTML List sunordered list dimulai dengan tag ul. Setiap daftar item dimulai dengan tag li. Daftar item akan ditandai dengan lingkaran hitam kecil.<\/p>\n

script html nya sebagai berikut:<\/p>\n

\r\n\r\n<ul>\r\n<li>Coffee<\/li>  \r\n<li>Tea<\/li>  \r\n<li>Milk<\/li>\r\n<\/ul>\r\n\r\n<\/pre>\n
maka tamilannya sebagai berikut:
\n\"ul\"<\/a><\/p>\n
Ordered HTML ListsOrdered HTML Lists dimulai dengan tag ol. Setiap daftar item dimulai dengan tag li .penulisan html nya seperti berikut:<\/p>\n
\r\n\r\n<ol>  \r\n<li>Coffee<\/li>  \r\n<li>Tea<\/li>  \r\n<li>Milk<\/li>\r\n<\/ol>\r\n\r\n<\/pre>\n
maka tamilannya sebagai berikut:
\n\"ol\"<\/a><\/p>\n
Terdapat beberapa jenis Atribut Ordered HTML Lists , di antaranya sebagai berikut:
\nketik = “1” Daftar Items akan diberi nomor dengan angka (default)type = “A” Daftar Items akan diberi nomor dengan huruf besartype = “a” Daftar Items akan diberi nomor dengan huruf kecil ketik = “I” Daftar Items akan diberi nomor dengan angka romawi huruf besar ketik = “i” Daftar Items akan diberi nomor dengan angka romawi huruf kecil contoh penulisan pada script html,sebagai berikut:<\/p>\n
\r\n<ol type="1">    \r\n<li>Kopi<\/li>    \r\n<li>Es Campur<\/li>    \r\n<li>Teh Manis<\/li>\r\n<\/ol>\r\n\r\n<ol type="a">    \r\n<li>Kopi<\/li>   \r\n<li>Es Campur<\/li>    \r\n<li>Teh Manis<\/li>\r\n<\/ol>\r\n\r\n<ol type="A">    \r\n<li>Kopi<\/li>    \r\n<li>Es Campur<\/li>    \r\n<li>Teh Manis<\/li>\r\n<\/ol>\r\n\r\n<ol type="i">    \r\n<li>Kopi<\/li>    \r\n<li>Es Campur<\/li>   \r\n<li>Teh Manis<\/li>\r\n<\/ol>\r\n\r\n<ol type="I">    \r\n<li>Kopi<\/li>    \r\n<li>Es Campur<\/li>    \r\n<li>Teh Manis<\/li>\r\n<\/ol>\r\n\r\n<\/pre>\n
maka hasilnya sebagai berikut:<\/p>\n
\"olul\"<\/a><\/p>\n
HTML Description ListsHTML juga mendukung daftar deskripsi. Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah. tag tag dl mendefinisikan daftar deskripsi, lalu tag dt mendefinisikan istilah (nama), dan tag dd menjelaskan setiap istilah penulisan pada htmlnya sebagai berikut:<\/p>\n
\r\n\r\n<dl>    \r\n<dt>Coffee<\/dt>    \r\n<dd>- black hot drink<\/dd>    \r\n<dt>Milk<\/dt>    \r\n<dd>- white cold drink<\/dd>\r\n<\/dl>\r\n\r\n<\/pre>\n
maka hasilnya sebagai berikut :
\n\"dt\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Unordered lists dan ordered lists yang umum digunakan dalam HTML: Unordered List The first item The second item The third item The fourth item Ordered<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[1060,1059,1061,1062],"class_list":["post-3036","post","type-post","status-publish","format-standard","hentry","category-belajar-web-design","tag-html-list","tag-list","tag-list-html","tag-membuat-list-html"],"yoast_head":"\nHTML Lists - WebHozz Blog<\/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\/blog\/html-lists\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Lists - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Unordered lists dan ordered lists yang umum digunakan dalam HTML: Unordered List The first item The second item The third item The fourth item Ordered\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/html-lists\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-28T04:34:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-06-25T13:41:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"196\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\"},\"headline\":\"HTML Lists\",\"datePublished\":\"2016-05-28T04:34:36+00:00\",\"dateModified\":\"2019-06-25T13:41:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/\"},\"wordCount\":480,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ul-300x147.png\",\"keywords\":[\"html list\",\"list\",\"list html\",\"membuat list html\"],\"articleSection\":[\"Belajar Web Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/\",\"name\":\"HTML Lists - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ul-300x147.png\",\"datePublished\":\"2016-05-28T04:34:36+00:00\",\"dateModified\":\"2019-06-25T13:41:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ul-300x147.png\",\"contentUrl\":\"http:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/05\\\/ul-300x147.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/html-lists\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Lists\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web & Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/ad1c5822a60b5b228c5ceda20e439fea\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/putralucio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML Lists - WebHozz Blog","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\/blog\/html-lists\/","og_locale":"en_US","og_type":"article","og_title":"HTML Lists - WebHozz Blog","og_description":"Unordered lists dan ordered lists yang umum digunakan dalam HTML: Unordered List The first item The second item The third item The fourth item Ordered","og_url":"https:\/\/www.webhozz.com\/blog\/html-lists\/","og_site_name":"WebHozz Blog","article_published_time":"2016-05-28T04:34:36+00:00","article_modified_time":"2019-06-25T13:41:27+00:00","og_image":[{"width":400,"height":196,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul.png","type":"image\/png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea"},"headline":"HTML Lists","datePublished":"2016-05-28T04:34:36+00:00","dateModified":"2019-06-25T13:41:27+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/"},"wordCount":480,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul-300x147.png","keywords":["html list","list","list html","membuat list html"],"articleSection":["Belajar Web Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/","url":"https:\/\/www.webhozz.com\/blog\/html-lists\/","name":"HTML Lists - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#primaryimage"},"thumbnailUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul-300x147.png","datePublished":"2016-05-28T04:34:36+00:00","dateModified":"2019-06-25T13:41:27+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/html-lists\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#primaryimage","url":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul-300x147.png","contentUrl":"http:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2016\/05\/ul-300x147.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/html-lists\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML Lists"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web & Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/ad1c5822a60b5b228c5ceda20e439fea","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bff35e4083f3870e2f911c4437e788147d340f274268d361dd7e1cf20bebb156?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/putralucio\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/3036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=3036"}],"version-history":[{"count":2,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/3036\/revisions"}],"predecessor-version":[{"id":3042,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/3036\/revisions\/3042"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=3036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=3036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=3036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}