{"id":705,"date":"2015-03-12T09:41:04","date_gmt":"2015-03-12T09:41:04","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/?p=705"},"modified":"2015-03-12T09:43:51","modified_gmt":"2015-03-12T09:43:51","slug":"html-lists","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/2015\/03\/12\/html-lists\/","title":{"rendered":"HTML &#8211; Lists"},"content":{"rendered":"<p>A <a href=\"http:\/\/www.w3schools.com\/html\/html_lists.asp\" target=\"_blank\">HTML list<\/a> is composed of two types of tag<\/p>\n<h2>List Type<\/h2>\n<p>This tag tells the browser what type of list we will be displaying. the two main types are<\/p>\n<p><strong>Unordered List &lt;ul&gt;&lt;\/ul&gt;<\/strong>, this list displays bullet point. It is used when you do not want to give a ranking to the list items.<\/p>\n<ul>\n<li>Item 1<\/li>\n<li>Item 2<\/li>\n<li>Item 3<\/li>\n<\/ul>\n<p><strong> Ordererd List&lt;ol&gt;&lt;\/ol&gt;<\/strong>, this list is numbered. This is used when you want to give a ranking to the pages.<\/p>\n<ol>\n<li>Item 1<\/li>\n<li>Item 2<\/li>\n<li>Item 3<\/li>\n<\/ol>\n<h2>List Item<\/h2>\n<p>The list type must be placed around the List Item &lt;li&gt;&lt;\/li&gt;, the browser will then display the items with the format specified from the list type.<\/p>\n<p><span style=\"text-decoration: underline\">Unordered List example<\/span><\/p>\n<pre>&lt;ul&gt;\r\n&lt;li&gt;Item 1&lt;\/li&gt;\r\n&lt;li&gt;Item 2&lt;\/li&gt;\r\n&lt;li&gt;Item 3&lt;\/li&gt;\r\n&lt;\/ul&gt;\r\n<\/pre>\n<p><span style=\"text-decoration: underline\">Ordered List example<\/span><\/p>\n<pre>&lt;ol&gt;\r\n&lt;li&gt;Item 1&lt;\/li&gt;\r\n&lt;li&gt;Item 2&lt;\/li&gt;\r\n&lt;li&gt;Item 3&lt;\/li&gt;\r\n&lt;\/ol&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>A HTML list is composed of two types of tag List Type This tag tells the browser what type of list we will be displaying. the two main types are Unordered List &lt;ul&gt;&lt;\/ul&gt;, this list displays bullet point. It is used when you do not want to give a ranking to the list items. Item &hellip;<\/p>\n","protected":false},"author":32,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17010,17013,73746],"tags":[9201],"class_list":["post-705","post","type-post","status-publish","format-standard","hentry","category-information-systems-development","category-national-5","category-structures-and-links-database","tag-html"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/comments?post=705"}],"version-history":[{"count":6,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/705\/revisions"}],"predecessor-version":[{"id":712,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/posts\/705\/revisions\/712"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/media?parent=705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/categories?post=705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/nl\/ColtnessHS-ComputingScience\/wp-json\/wp\/v2\/tags?post=705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}