{"id":1031,"date":"2015-11-06T01:57:53","date_gmt":"2015-11-06T01:57:53","guid":{"rendered":"https:\/\/courses.candelalearning.com\/zelixite115resources\/?post_type=chapter&#038;p=1031"},"modified":"2015-11-06T01:57:53","modified_gmt":"2015-11-06T01:57:53","slug":"reading-lists","status":"publish","type":"chapter","link":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/chapter\/reading-lists\/","title":{"raw":"Reading: Lists","rendered":"Reading: Lists"},"content":{"raw":"Let's make some lists. First we'll make an ordered list; this is a list that has numbers. Here's how:\r\n<table class=\"notepad_table\">\r\n<tbody>\r\n<tr>\r\n<td>&lt;!DOCTYPE html&gt;\r\n&lt;html lang=\"en\"&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;List Example&lt;\/title&gt;\r\n&lt;meta charset=\"utf-8\"&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;Judy's Shopping List &lt;\/h1&gt;\r\n<p class=\"style4\"><strong>&lt;ol&gt;\r\n&lt;li&gt;Milk&lt;\/li&gt;\r\n&lt;li&gt;Sugar&lt;\/li&gt;\r\n&lt;li&gt;Candy&lt;\/li&gt;\r\n&lt;li&gt;Bread&lt;\/li&gt;\r\n&lt;\/ol&gt;<\/strong><\/p>\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\nGive it a try. Copy the code into Notepad, save it with the name \"shop.html\", then open it in the browser and see how it looks.\r\n\r\nYou might have figured out that the \"ol\" in the code stands for \"ordered list.\" The \"li\" in the code stands for \"list item.\" Notice, every beginning tag has an ending tag.\r\n\r\nNow try an unordered list: replace the &lt;ol&gt; tag with &lt;ul&gt;, and the &lt;\/ol&gt; tag with &lt;\/ul&gt;. Yes, \"ul\" stands for \"unordered list.\"","rendered":"<p>Let&#8217;s make some lists. First we&#8217;ll make an ordered list; this is a list that has numbers. Here&#8217;s how:<\/p>\n<table class=\"notepad_table\">\n<tbody>\n<tr>\n<td>&lt;!DOCTYPE html&gt;<br \/>\n&lt;html lang=&#8221;en&#8221;&gt;<br \/>\n&lt;head&gt;<br \/>\n&lt;title&gt;List Example&lt;\/title&gt;<br \/>\n&lt;meta charset=&#8221;utf-8&#8243;&gt;<br \/>\n&lt;\/head&gt;<\/p>\n<p>&lt;body&gt;<\/p>\n<p>&lt;h1&gt;Judy&#8217;s Shopping List &lt;\/h1&gt;<\/p>\n<p class=\"style4\"><strong>&lt;ol&gt;<br \/>\n&lt;li&gt;Milk&lt;\/li&gt;<br \/>\n&lt;li&gt;Sugar&lt;\/li&gt;<br \/>\n&lt;li&gt;Candy&lt;\/li&gt;<br \/>\n&lt;li&gt;Bread&lt;\/li&gt;<br \/>\n&lt;\/ol&gt;<\/strong><\/p>\n<p>&lt;\/body&gt;<\/p>\n<p>&lt;\/html&gt;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Give it a try. Copy the code into Notepad, save it with the name &#8220;shop.html&#8221;, then open it in the browser and see how it looks.<\/p>\n<p>You might have figured out that the &#8220;ol&#8221; in the code stands for &#8220;ordered list.&#8221; The &#8220;li&#8221; in the code stands for &#8220;list item.&#8221; Notice, every beginning tag has an ending tag.<\/p>\n<p>Now try an unordered list: replace the &lt;ol&gt; tag with &lt;ul&gt;, and the &lt;\/ol&gt; tag with &lt;\/ul&gt;. Yes, &#8220;ul&#8221; stands for &#8220;unordered list.&#8221;<\/p>\n\n\t\t\t <section class=\"citations-section\" role=\"contentinfo\">\n\t\t\t <h3>Candela Citations<\/h3>\n\t\t\t\t\t <div>\n\t\t\t\t\t\t <div id=\"citation-list-1031\">\n\t\t\t\t\t\t\t <div class=\"licensing\"><div class=\"license-attribution-dropdown-subheading\">CC licensed content, Shared previously<\/div><ul class=\"citation-list\"><li>Judy&#039;s HTML5 Tutorial. <strong>Authored by<\/strong>: Judy Jacobs Miller. <strong>Provided by<\/strong>: Extended Learning Institute (ELI), Northern Virginia Community College (NOVA). <strong>Located at<\/strong>: <a target=\"_blank\" href=\"http:\/\/www.nvcc.edu\/home\/jumiller\/html_tutorial\/lists.html\">http:\/\/www.nvcc.edu\/home\/jumiller\/html_tutorial\/lists.html<\/a>. <strong>License<\/strong>: <em><a target=\"_blank\" rel=\"license\" href=\"https:\/\/creativecommons.org\/licenses\/by-nc-nd\/4.0\/\">CC BY-NC-ND: Attribution-NonCommercial-NoDerivatives <\/a><\/em><\/li><\/ul><\/div>\n\t\t\t\t\t\t <\/div>\n\t\t\t\t\t <\/div>\n\t\t\t <\/section>","protected":false},"author":74,"menu_order":9,"template":"","meta":{"_candela_citation":"[{\"type\":\"cc\",\"description\":\"Judy\\'s HTML5 Tutorial\",\"author\":\"Judy Jacobs Miller\",\"organization\":\"Extended Learning Institute (ELI), Northern Virginia Community College (NOVA)\",\"url\":\"http:\/\/www.nvcc.edu\/home\/jumiller\/html_tutorial\/lists.html\",\"project\":\"\",\"license\":\"cc-by-nc-nd\",\"license_terms\":\"\"}]","CANDELA_OUTCOMES_GUID":"","pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-1031","chapter","type-chapter","status-publish","hentry"],"part":389,"_links":{"self":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapters\/1031","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/wp\/v2\/users\/74"}],"version-history":[{"count":1,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapters\/1031\/revisions"}],"predecessor-version":[{"id":1032,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapters\/1031\/revisions\/1032"}],"part":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/parts\/389"}],"metadata":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapters\/1031\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/wp\/v2\/media?parent=1031"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/pressbooks\/v2\/chapter-type?post=1031"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/wp\/v2\/contributor?post=1031"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/courses.lumenlearning.com\/sanjacinto-computerapps\/wp-json\/wp\/v2\/license?post=1031"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}