{"id":6922,"date":"2013-01-28T03:55:43","date_gmt":"2013-01-28T03:55:43","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=6922"},"modified":"2024-04-12T14:13:31","modified_gmt":"2024-04-12T08:43:31","slug":"ol-tag-for-ordered-lists-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/","title":{"rendered":"ol Tag for Ordered Lists"},"content":{"rendered":"<h4><strong>ol Tag for Ordered Lists<\/strong><\/h4>\n<p>An ordered list uses either numbers (1, 2, 3), letters (A, B, C), or Roman numerals (i, ii, iii) to prefix each list item.<\/p>\n<p>An ordered list starts with the opening tag &lt;ol&gt; and ends with the closing tag &lt;\/ol&gt;. Each individual item in the list is nested inside the opening tag &lt;ol&gt; and the closing tag &lt;\/ol&gt;. Further, each individual item is contained in the opening &lt;li&gt; and closing &lt;\/li&gt; tags where \u2018li\u2019 stands for list item and \u2018ol\u2019 stands for start of an ordered list as shown<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"276\">\n<p style=\"text-align: center;\"><strong>HTML code<\/strong><\/p>\n<p>&lt;ol&gt;<\/p>\n<p>&lt;li&gt;One&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Two&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Three&lt;\/li&gt;<\/p>\n<p>&lt;\/ol&gt;<\/td>\n<td width=\"314\">\n<p style=\"text-align: center;\"><strong>Browser output<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-40613\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png\" alt=\"The ol Tag for Ordered Lists\" width=\"62\" height=\"67\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Ordered list is also illustrated as \u2013<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-40617\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists-2.png\" alt=\"The ol Tag for Ordered Lists 2\" width=\"343\" height=\"107\" \/><\/p>\n<p>All the universal and UI event attributes can be used with the &lt;ol&gt; tag but it has two special attributes which are<\/p>\n<p><strong>type attribute<\/strong> \u2013 It is used for using letters or Roman numerals in &lt;ol&gt; tag. It is not used now but CSS is used for the purpose as shown in the example<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"276\">\n<p style=\"text-align: center;\"><strong>HTML code<\/strong><\/p>\n<p>&lt;ol type=&#8221;I&#8221;&gt;<\/p>\n<p>&lt;li&gt;One&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Two&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Three&lt;\/li&gt;<\/p>\n<p>&lt;\/ol&gt;<\/td>\n<td width=\"314\">\n<p style=\"text-align: center;\"><strong>Browser output<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-40620\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists-3.png\" alt=\"The ol Tag for Ordered Lists 3\" width=\"73\" height=\"68\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Different values of type are listed in the table<\/p>\n<table>\n<thead>\n<tr>\n<td width=\"182\"><strong>Value of Type Attribute <\/strong><\/td>\n<td width=\"203\"><strong>Numbering Style<\/strong><\/td>\n<td width=\"88\"><strong>Example<\/strong><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td width=\"182\">1<\/td>\n<td width=\"203\">Arabic numbers<\/td>\n<td width=\"88\">1,2,3,\u2026<\/td>\n<\/tr>\n<tr>\n<td width=\"182\">a<\/td>\n<td width=\"203\">Lowercase alphabet<\/td>\n<td width=\"88\">a,b,c,\u2026<\/td>\n<\/tr>\n<tr>\n<td width=\"182\">A<\/td>\n<td width=\"203\">Uppercase alphabet<\/td>\n<td width=\"88\">A,B,C,\u2026<\/td>\n<\/tr>\n<tr>\n<td width=\"182\">i<\/td>\n<td width=\"203\">Lowercase Roman numerals<\/td>\n<td width=\"88\">i,ii,iii,\u2026<\/td>\n<\/tr>\n<tr>\n<td width=\"182\">I<\/td>\n<td width=\"203\">Uppercase Roman numerals<\/td>\n<td width=\"88\">I, II, III,\u2026<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>start Attribute<\/strong> \u2013 It is used to control the number at which a list starts. Its value should be integer only. It is not used now but CSS is used for the purpose as shown in the example<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"276\">\n<p style=\"text-align: center;\"><strong>HTML code<\/strong><\/p>\n<p>&lt;ol type=&#8221;1&#8243; start=&#8221;5&#8243;&gt;<\/p>\n<p>&lt;li&gt;One&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Two&lt;\/li&gt;<\/p>\n<p>&lt;li&gt;Three&lt;\/li&gt;<\/p>\n<p>&lt;\/ol&gt;<\/td>\n<td width=\"314\">\n<p style=\"text-align: center;\"><strong>Browser output<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-40621\" src=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists-4.png\" alt=\"The ol Tag for Ordered Lists 4\" width=\"65\" height=\"66\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div class=\"apply\">\n<h3>Apply for HTML5 Certification Now!!<\/h3>\n<p><a href=\"http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer\" target=\"_blank\" rel=\"noopener\">http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer<\/a><\/p>\n<h4><a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/certified-html5-developer\/\" target=\"_blank\" rel=\"noopener\"><strong>Back to Tutorial<\/strong><\/a><\/h4>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ol Tag for Ordered Lists An ordered list uses either numbers (1, 2, 3), letters (A, B, C), or Roman numerals (i, ii, iii) to prefix each list item. An ordered list starts with the opening tag &lt;ol&gt; and ends with the closing tag &lt;\/ol&gt;. Each individual item in the list is nested inside the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[135],"tags":[6768,6767,2444,2510],"class_list":["post-6922","page","type-page","status-publish","hentry","category-html5-developer","tag-html5","tag-html5-developer","tag-html5-developer-certification","tag-ol-tag-for-ordered-lists"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>ol Tag for Ordered Lists - Tutorial<\/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.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ol Tag for Ordered Lists - Tutorial\" \/>\n<meta property=\"og:description\" content=\"ol Tag for Ordered Lists An ordered list uses either numbers (1, 2, 3), letters (A, B, C), or Roman numerals (i, ii, iii) to prefix each list item. An ordered list starts with the opening tag &lt;ol&gt; and ends with the closing tag &lt;\/ol&gt;. Each individual item in the list is nested inside the...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:43:31+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/\",\"name\":\"ol Tag for Ordered Lists - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png\",\"datePublished\":\"2013-01-28T03:55:43+00:00\",\"dateModified\":\"2024-04-12T08:43:31+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ol Tag for Ordered Lists\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ol Tag for Ordered Lists - Tutorial","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.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/","og_locale":"en_US","og_type":"article","og_title":"ol Tag for Ordered Lists - Tutorial","og_description":"ol Tag for Ordered Lists An ordered list uses either numbers (1, 2, 3), letters (A, B, C), or Roman numerals (i, ii, iii) to prefix each list item. An ordered list starts with the opening tag &lt;ol&gt; and ends with the closing tag &lt;\/ol&gt;. Each individual item in the list is nested inside the...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:43:31+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/","name":"ol Tag for Ordered Lists - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png","datePublished":"2013-01-28T03:55:43+00:00","dateModified":"2024-04-12T08:43:31+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/The-ol-Tag-for-Ordered-Lists.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/ol-tag-for-ordered-lists-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"ol Tag for Ordered Lists"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/6922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=6922"}],"version-history":[{"count":8,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/6922\/revisions"}],"predecessor-version":[{"id":126402,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/6922\/revisions\/126402"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=6922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=6922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=6922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}