{"id":3883,"date":"2022-12-15T12:29:05","date_gmt":"2022-12-15T12:29:05","guid":{"rendered":"https:\/\/isophal.com\/?p=3883"},"modified":"2022-12-15T12:35:10","modified_gmt":"2022-12-15T12:35:10","slug":"%e1%9e%80%e1%9e%b6%e1%9e%9a%e1%9e%94%e1%9e%84%e1%9f%92%e1%9e%80%e1%9e%be%e1%9e%8f%e1%9e%93%e1%9e%b7%e1%9e%98%e1%9e%b7%e1%9e%8f%e1%9f%92%e1%9e%8f%e1%9e%9f%e1%9e%89%e1%9f%92%e1%9e%89%e1%9e%b6-%e1%9e%93","status":"publish","type":"post","link":"https:\/\/isophal.com\/news\/2022\/12\/15\/3883.html\/","title":{"rendered":"\u1780\u17b6\u179a\u1794\u1784\u17d2\u1780\u17be\u178f\u1793\u17b7\u1798\u17b7\u178f\u17d2\u178f\u179f\u1789\u17d2\u1789\u17b6 \u1793\u17b7\u1784\u179b\u17c1\u1781\u179a\u17c0\u1784\u178a\u17c4\u1799\u179f\u17d2\u179c\u17d0\u1799 HTML Lists"},"content":{"rendered":"\n<p><strong>HTML Lists<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ordered Lists (OL)<\/li>\n\n\n\n<li>Unordered Lists (UL)<\/li>\n\n\n\n<li>Definition Lists (DL,DT, DD)<\/li>\n\n\n\n<li>Nesting Lists<\/li>\n<\/ul>\n\n\n\n<p>Download Lesson Slide : HTML Lists<\/p>\n\n\n\n<p>Reference :<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.w3schools.com\/html\/html_lists.asp\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.w3resource.com\/html\/HTML-lists.php\n<\/div><\/figure>\n\n\n\n<p><a href=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4189.P21-S2-Room104.A1IT-A-T32\/Shared Documents\/3-Web Programming\/Lesson VI Web Programming.pdf\" data-type=\"URL\" data-id=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4189.P21-S2-Room104.A1IT-A-T32\/Shared Documents\/3-Web Programming\/Lesson VI Web Programming.pdf\">Lesson VI Web Programming.pdf<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>&nbsp;HTML List Tags<\/strong><\/p>\n\n\n\n<p>Description<\/p>\n\n\n\n<p>&lt;ul&gt;Defines an unordered list<\/p>\n\n\n\n<p>&lt;ol&gt;Defines an ordered list<\/p>\n\n\n\n<p>&lt;li&gt;Defines a list item<\/p>\n\n\n\n<p>&lt;dl&gt;Defines a description list<\/p>\n\n\n\n<p>&lt;dt&gt;Defines a term in a description list<\/p>\n\n\n\n<p>&lt;dd&gt;Describes the term in a description list<\/p>\n\n\n\n<p>Video Tutorial : HTML Lists:<\/p>\n\n\n\n<p><a href=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_175417-Meeting%20Recording.mp4\" data-type=\"URL\" data-id=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_175417-Meeting%20Recording.mp4\">HTML Lists-\u1780\u17b6\u179a\u1794\u1784\u17d2\u1780\u17be\u178f\u1793\u17b7\u1798\u17b7\u178f\u17d2\u178f\u179f\u1789\u17d2\u1789\u17b6 \u1793\u17b7\u1784\u179b\u17c1\u1781\u179a\u17c0\u1784\u178a\u17c4\u1799\u179f\u17d2\u179c\u17d0\u1799\u1794\u17d2\u179a\u179c\u178f\u17d2\u178f\u17b7 Part A.mp4<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_191917-Meeting%20Recording.mp4\" data-type=\"URL\" data-id=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_191917-Meeting%20Recording.mp4\">HTML Lists-\u1780\u17b6\u179a\u1794\u1784\u17d2\u1780\u17be\u178f\u1793\u17b7\u1798\u17b7\u178f\u17d2\u178f\u179f\u1789\u17d2\u1789\u17b6 \u1793\u17b7\u1784\u179b\u17c1\u1781\u179a\u17c0\u1784\u178a\u17c4\u1799\u179f\u17d2\u179c\u17d0\u1799\u1794\u17d2\u179a\u179c\u178f\u17d2\u178f\u17b7 Part B.mp4<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_193653-Meeting%20Recording.mp4\" data-type=\"URL\" data-id=\"https:\/\/bbukh.sharepoint.com\/sites\/PP4190.P21.S2-R206.D1IT-A.T3\/Shared%20Documents\/2-Web%20Programming\/Recordings\/HTML%20Lists-20211207_193653-Meeting%20Recording.mp4\">HTML Lists-How to embed Font form Google Font API.mp4<\/a><\/p>\n\n\n\n<p><strong>Exercise 1: Order Lists (Source HTML)<\/strong><\/p>\n\n\n\n<p>&lt;ol&gt;<\/p>\n\n\n\n<p>&lt;li&gt;One Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Two Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Three Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p>&lt;hr&gt;<\/p>\n\n\n\n<p>&lt;ol type=&#8221;A&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;One Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Two Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Three Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p>&lt;hr\/&gt;<\/p>\n\n\n\n<p>&lt;ol type=&#8221;I&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;One Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Two Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Three Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p>&lt;hr\/&gt;<\/p>\n\n\n\n<p>&lt;ol type=&#8221;a&#8221; start=&#8221;5&#8243;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;One Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Two Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Three Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p><strong>Exercise 2: Unorder Lists (Source HTML)<\/strong><\/p>\n\n\n\n<p>&lt;ul&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Four Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Five Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Six Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ul&gt;<\/p>\n\n\n\n<p>&lt;hr\/&gt;<\/p>\n\n\n\n<p>&lt;ul type=&#8221;circle&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Four Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Five Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Six Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ul&gt;<\/p>\n\n\n\n<p>&lt;hr\/&gt;<\/p>\n\n\n\n<p>&lt;ul type=&#8221;square&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Four Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Five Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Six Item&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ul&gt;<\/p>\n\n\n\n<p><strong>Exercise 3: Nesting Lists (Source HTML)<\/strong><\/p>\n\n\n\n<p>Display:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"644\" src=\"https:\/\/isophal.com\/wp-content\/uploads\/2022\/12\/image.png\" alt=\"\" class=\"wp-image-3885\" srcset=\"https:\/\/isophal.com\/news\/wp-content\/uploads\/2022\/12\/image.png 450w, https:\/\/isophal.com\/news\/wp-content\/uploads\/2022\/12\/image-210x300.png 210w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/figure>\n\n\n\n<p><strong><em>Source HTML:<\/em><\/strong><\/p>\n\n\n\n<p>&lt;ol type=&#8221;I&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Background<\/p>\n\n\n\n<p>&lt;ol&gt;<\/p>\n\n\n\n<p>&lt;li&gt;SR&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;BBT&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;BMC&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Takeo&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p>&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Mission<\/p>\n\n\n\n<p>&lt;ul type=&#8221;circle&#8221;&gt;<\/p>\n\n\n\n<p>&lt;li&gt;PSH<\/p>\n\n\n\n<p>&lt;ol&gt;<\/p>\n\n\n\n<p>&lt;li&gt;One&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Two&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Three<\/p>\n\n\n\n<p>&lt;ul&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Four&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Five&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Six&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ul&gt;<\/p>\n\n\n\n<p>&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p>&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Stung Treng&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Ratanakiri&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ul&gt;<\/p>\n\n\n\n<p>&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;vision&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Goal&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;li&gt;Others&lt;\/li&gt;<\/p>\n\n\n\n<p>&lt;\/ol&gt;<\/p>\n\n\n\n<p><strong>Exercise 4: HTML definition list &#8211; dl, dt, dd tag and elements<\/strong><\/p>\n\n\n\n<p>&lt;dl&gt;<\/p>\n\n\n\n<p>&lt;dt&gt;PHP&lt;\/dt&gt;<\/p>\n\n\n\n<p>&lt;dd&gt;A server side scripting language.&lt;\/dd&gt;<\/p>\n\n\n\n<p>&lt;dt&gt;JavaScript&lt;\/dt&gt;<\/p>\n\n\n\n<p>&lt;dd&gt;A client side scripting language.&lt;\/dd&gt;<\/p>\n\n\n\n<p>&lt;\/dl&gt;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Download PDF<\/p>\n","protected":false},"excerpt":{"rendered":"<p>HTML Lists Download Lesson Slide : HTML&hellip;<\/p>\n","protected":false},"author":1,"featured_media":3884,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[73,388,538],"class_list":["post-3883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","tag-html","tag-html-list","tag-list"],"_links":{"self":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/3883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/comments?post=3883"}],"version-history":[{"count":2,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/3883\/revisions"}],"predecessor-version":[{"id":3889,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/posts\/3883\/revisions\/3889"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media\/3884"}],"wp:attachment":[{"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/media?parent=3883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/categories?post=3883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isophal.com\/news\/wp-json\/wp\/v2\/tags?post=3883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}