{"id":1878,"date":"2020-10-27T12:01:28","date_gmt":"2020-10-27T07:01:28","guid":{"rendered":"https:\/\/baabulilmnotes.com\/?p=1878"},"modified":"2020-10-27T12:39:49","modified_gmt":"2020-10-27T07:39:49","slug":"working-with-html-lists","status":"publish","type":"post","link":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/","title":{"rendered":"Working  with  HTML  Lists"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1878\" class=\"elementor elementor-1878\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c24983f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c24983f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-21e97326\" data-id=\"21e97326\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-212a30d1 elementor-widget elementor-widget-text-editor\" data-id=\"212a30d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lists play an important role in Web Development, Lists are used to combined similar items. In HTML, list are specified by using three ways. All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.<\/p><p><strong>Also Read this:\u00a0<a href=\"https:\/\/wp.me\/pbVWQO-nu\" target=\"_blank\" rel=\"noopener\">Best Microsoft Keyboard Shortcuts<\/a><\/strong><\/p><ul><li><strong>&lt;ul&gt;<\/strong> &#8211; Unordered list is used to list items using plain bullets.<\/li><li><strong>&lt;ol&gt;<\/strong> &#8211; Ordered list is used to list items by using different types of numbers.<\/li><li><strong>&lt;dl&gt;<\/strong> &#8211; Definition list is used to list your items in such a way as they are stored and arranged in a dictionary.<\/li><\/ul><p><strong style=\"font-size: 16px;\">Unordered Lists:-<\/strong><\/p><p>HTML unordered list is a collection of similar items and have no specific order or sequence. HTML unordered list can be created by using HTML tag i.e.\u00a0<strong>&lt;ul&gt;<\/strong>. The items of this list are marked with bullets. The\u00a0<strong>type\u00a0<\/strong>attribute is used in\u00a0<strong>&lt;ul&gt;<\/strong> tag for specifying the different types of bullets. By default , it is a disc.<\/p><p><strong>Also Read: <a href=\"https:\/\/wp.me\/pbVWQO-cm\" target=\"_blank\" rel=\"noopener\">What is Word Processing &#8211; A Complete Guide<\/a><\/strong><\/p><p><strong>Ordered Lists:-<\/strong><\/p><p>Ordered lists are used to display the items when they are in a specific order. We used ordered list for sequence the steps of a specific information. We use different type of numbers (Decimal and Roman), letters (both Capital and lower letters).<\/p><p><strong>Also Read: <a href=\"https:\/\/baabulilmnotes.com\/index.php\/11-success-formulas-to-become-successful-in-life\/\" target=\"_blank\" rel=\"noopener\">11 Success formulas to become Successful in life<\/a><\/strong><\/p><p><strong>Difinition Lists:<\/strong><\/p><p>Difinition lists are also called Description lists. We use these type of lists when we want to display something in a flexible way. We can use these lists when we want to associate one or more items.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a7fb9fe elementor-widget elementor-widget-video\" data-id=\"2a7fb9fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/r1UIeJIB-0c&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5bb3cdd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5bb3cdd\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6abb1825\" data-id=\"6abb1825\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d884912 elementor-widget elementor-widget-spacer\" data-id=\"5d884912\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be9b5ac elementor-widget elementor-widget-text-editor\" data-id=\"be9b5ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Don\u2019t forget to like our <a href=\"https:\/\/www.youtube.com\/channel\/UCpJtEIZkX2SMgaCjzobSg6w\" rel=\"noopener\" target=\"_blank\">YouTube Channel<\/a> and <a href=\"http:\/\/www.facebook.com\/basc.pk50\" rel=\"noopener\" target=\"_blank\">Facebook Page<\/a> for new updates. We often share material related study on our page and guidance on our YouTube Channel to help you in your examinations.<\/p>\n<p>If you find any mistake or error in these notes. Please feel free to contact us at <a href=\"http:\/\/info@baabulilmnotes.com\" rel=\"noopener\" target=\"_blank\">info@baabulilmnotes.com<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Working with HTML Lists:- Lists play an important role in Web Development, Lists are used to combined similar items. In HTML, list are specified by using three ways. All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists. Also Read this:\u00a0Best Microsoft Keyboard Shortcuts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1882,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[44,42],"tags":[458,459,454,460,464,457,463,453,465,462,461,455,456,452],"class_list":["post-1878","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html","category-web-design","tag-definition-lists","tag-description-list","tag-html-list","tag-list-in-html-5","tag-list-in-html-in-hindi","tag-list-items","tag-list-tag-in-html","tag-lists","tag-lists-in-html-in-urdu","tag-ol-list","tag-ol-list-in-html","tag-ordered-lists","tag-unordered-lists","tag-working-with-lists"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Working with HTML Lists - BAABULILM Notes<\/title>\n<meta name=\"description\" content=\"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with HTML Lists - BAABULILM Notes\" \/>\n<meta property=\"og:description\" content=\"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/\" \/>\n<meta property=\"og:site_name\" content=\"BAABULILM Notes\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/basc.pk50\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/SIMRIZ\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-27T07:01:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-27T07:39:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"M. Irfan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@arfan039\" \/>\n<meta name=\"twitter:site\" content=\"@arfan039\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"M. Irfan\" \/>\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:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/\"},\"author\":{\"name\":\"M. Irfan\",\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#\\\/schema\\\/person\\\/5585688bfc5c7677f6f1510ff69d82c9\"},\"headline\":\"Working with HTML Lists\",\"datePublished\":\"2020-10-27T07:01:28+00:00\",\"dateModified\":\"2020-10-27T07:39:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/\"},\"wordCount\":347,\"commentCount\":0,\"publisher\":{\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/lesson-6-html.jpg\",\"keywords\":[\"definition lists\",\"description list\",\"html list\",\"list in html 5\",\"list in html in hindi\",\"list items\",\"list tag in html\",\"lists\",\"lists in html in urdu\",\"ol list\",\"ol list in html\",\"ordered lists\",\"unordered lists\",\"working with lists\"],\"articleSection\":[\"HTML, CSS\",\"Web Design &amp; Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/\",\"url\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/\",\"name\":\"Working with HTML Lists - BAABULILM Notes\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/lesson-6-html.jpg\",\"datePublished\":\"2020-10-27T07:01:28+00:00\",\"dateModified\":\"2020-10-27T07:39:49+00:00\",\"description\":\"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#primaryimage\",\"url\":\"https:\\\/\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/lesson-6-html.jpg\",\"contentUrl\":\"https:\\\/\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/lesson-6-html.jpg\",\"width\":1280,\"height\":720,\"caption\":\"Working with HTML Lists\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/working-with-html-lists\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/baabulilmnotes.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Working with HTML Lists\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#website\",\"url\":\"http:\\\/\\\/baabulilmnotes.com\\\/\",\"name\":\"BAAB-UL-ILM Notes\",\"description\":\"Providing Quality Education with Excellence\",\"publisher\":{\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/baabulilmnotes.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#organization\",\"name\":\"BAAB-UL-ILM Academy of Science & Commerce\",\"url\":\"http:\\\/\\\/baabulilmnotes.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i2.wp.com\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/BASC-Copy.png?fit=512%2C440&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i2.wp.com\\\/baabulilmnotes.com\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/BASC-Copy.png?fit=512%2C440&ssl=1\",\"width\":512,\"height\":440,\"caption\":\"BAAB-UL-ILM Academy of Science & Commerce\"},\"image\":{\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/basc.pk50\",\"https:\\\/\\\/x.com\\\/arfan039\",\"https:\\\/\\\/www.instagram.com\\\/SIMRIZ039\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simriz\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/arfan039\\\/boards\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/\"]},{\"@type\":\"Person\",\"@id\":\"http:\\\/\\\/baabulilmnotes.com\\\/#\\\/schema\\\/person\\\/5585688bfc5c7677f6f1510ff69d82c9\",\"name\":\"M. Irfan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g\",\"caption\":\"M. Irfan\"},\"sameAs\":[\"https:\\\/\\\/baabulilmnotes.com\",\"https:\\\/\\\/www.facebook.com\\\/SIMRIZ\",\"https:\\\/\\\/www.instagram.com\\\/simriz039\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/simriz\\\/\",\"https:\\\/\\\/www.youtube.com\\\/@BAABULILMLearningPoint\"],\"url\":\"https:\\\/\\\/baabulilmnotes.com\\\/index.php\\\/author\\\/arfan039\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with HTML Lists - BAABULILM Notes","description":"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.","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:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/","og_locale":"en_US","og_type":"article","og_title":"Working with HTML Lists - BAABULILM Notes","og_description":"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.","og_url":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/","og_site_name":"BAABULILM Notes","article_publisher":"https:\/\/www.facebook.com\/basc.pk50","article_author":"https:\/\/www.facebook.com\/SIMRIZ","article_published_time":"2020-10-27T07:01:28+00:00","article_modified_time":"2020-10-27T07:39:49+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","type":"image\/jpeg"}],"author":"M. Irfan","twitter_card":"summary_large_image","twitter_creator":"@arfan039","twitter_site":"@arfan039","twitter_misc":{"Written by":"M. Irfan","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#article","isPartOf":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/"},"author":{"name":"M. Irfan","@id":"http:\/\/baabulilmnotes.com\/#\/schema\/person\/5585688bfc5c7677f6f1510ff69d82c9"},"headline":"Working with HTML Lists","datePublished":"2020-10-27T07:01:28+00:00","dateModified":"2020-10-27T07:39:49+00:00","mainEntityOfPage":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/"},"wordCount":347,"commentCount":0,"publisher":{"@id":"http:\/\/baabulilmnotes.com\/#organization"},"image":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#primaryimage"},"thumbnailUrl":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","keywords":["definition lists","description list","html list","list in html 5","list in html in hindi","list items","list tag in html","lists","lists in html in urdu","ol list","ol list in html","ordered lists","unordered lists","working with lists"],"articleSection":["HTML, CSS","Web Design &amp; Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/","url":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/","name":"Working with HTML Lists - BAABULILM Notes","isPartOf":{"@id":"http:\/\/baabulilmnotes.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#primaryimage"},"image":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#primaryimage"},"thumbnailUrl":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","datePublished":"2020-10-27T07:01:28+00:00","dateModified":"2020-10-27T07:39:49+00:00","description":"All lists must contain one or more list elements. In this tutorial, we will learn about the working with HTML Lists.","breadcrumb":{"@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#primaryimage","url":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","contentUrl":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","width":1280,"height":720,"caption":"Working with HTML Lists"},{"@type":"BreadcrumbList","@id":"https:\/\/baabulilmnotes.com\/index.php\/working-with-html-lists\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/baabulilmnotes.com\/"},{"@type":"ListItem","position":2,"name":"Working with HTML Lists"}]},{"@type":"WebSite","@id":"http:\/\/baabulilmnotes.com\/#website","url":"http:\/\/baabulilmnotes.com\/","name":"BAAB-UL-ILM Notes","description":"Providing Quality Education with Excellence","publisher":{"@id":"http:\/\/baabulilmnotes.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/baabulilmnotes.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/baabulilmnotes.com\/#organization","name":"BAAB-UL-ILM Academy of Science & Commerce","url":"http:\/\/baabulilmnotes.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/baabulilmnotes.com\/#\/schema\/logo\/image\/","url":"https:\/\/i2.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/03\/BASC-Copy.png?fit=512%2C440&ssl=1","contentUrl":"https:\/\/i2.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/03\/BASC-Copy.png?fit=512%2C440&ssl=1","width":512,"height":440,"caption":"BAAB-UL-ILM Academy of Science & Commerce"},"image":{"@id":"http:\/\/baabulilmnotes.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/basc.pk50","https:\/\/x.com\/arfan039","https:\/\/www.instagram.com\/SIMRIZ039\/","https:\/\/www.linkedin.com\/in\/simriz\/","https:\/\/www.pinterest.com\/arfan039\/boards\/","https:\/\/www.youtube.com\/user\/"]},{"@type":"Person","@id":"http:\/\/baabulilmnotes.com\/#\/schema\/person\/5585688bfc5c7677f6f1510ff69d82c9","name":"M. Irfan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1b025cab9b4ee905a94d52708549cdec51466fe126d1ff512eb8edd64f32fe9a?s=96&d=mm&r=g","caption":"M. Irfan"},"sameAs":["https:\/\/baabulilmnotes.com","https:\/\/www.facebook.com\/SIMRIZ","https:\/\/www.instagram.com\/simriz039","https:\/\/www.linkedin.com\/in\/simriz\/","https:\/\/www.youtube.com\/@BAABULILMLearningPoint"],"url":"https:\/\/baabulilmnotes.com\/index.php\/author\/arfan039\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/lesson-6-html.jpg","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":1893,"url":"https:\/\/baabulilmnotes.com\/index.php\/html-tables-lesson-7\/","url_meta":{"origin":1878,"position":0},"title":"HTML Tables | Lesson # 7","author":"M. Irfan","date":"November 8, 2020","format":false,"excerpt":"https:\/\/youtu.be\/BCrnv-HuhrM","rel":"","context":"In &quot;HTML, CSS&quot;","block_context":{"text":"HTML, CSS","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/html\/"},"img":{"alt_text":"HTML Table | Lesson # 7","src":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/11\/HTML-Tables.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/11\/HTML-Tables.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/11\/HTML-Tables.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/11\/HTML-Tables.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/11\/HTML-Tables.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":2590,"url":"https:\/\/baabulilmnotes.com\/index.php\/guess-paper-10th-class-chemistry-baab-ul-ilm-academy\/","url_meta":{"origin":1878,"position":1},"title":"Guess Paper 10th Class Chemistry &#8211; BAAB-UL-ILM Academy","author":"M. Irfan","date":"April 8, 2023","format":false,"excerpt":"If you are surfing for Guess Paper\u00a0 - 10th Class Chemistry 2023 in English or Urdu medium. You are at right place. The best guess papers of 10th class chemistry have been uploaded here. You can download these guess paper by just clicking it only once. These guess paper are\u2026","rel":"","context":"In &quot;General&quot;","block_context":{"text":"General","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/general\/"},"img":{"alt_text":"Guess Paper 10th Class Chemistry","src":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2023\/04\/Screenshot-3.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2023\/04\/Screenshot-3.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2023\/04\/Screenshot-3.png?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2023\/04\/Screenshot-3.png?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":1097,"url":"https:\/\/baabulilmnotes.com\/index.php\/html-text-editors\/","url_meta":{"origin":1878,"position":2},"title":"HTML Text Editors","author":"M. Irfan","date":"May 23, 2020","format":false,"excerpt":"This is our 2nd lesson learning Web Development using HTML. In this video tutorial we will talk about HTML Text Editors. HTML Text Editors are of much important to learn HTML. Simple as well as complex web pages can be created and modified by using simple text editors. For learning\u2026","rel":"","context":"In &quot;HTML, CSS&quot;","block_context":{"text":"HTML, CSS","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/html\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1067,"url":"https:\/\/baabulilmnotes.com\/index.php\/introduction-to-html\/","url_meta":{"origin":1878,"position":3},"title":"Introduction to HTML","author":"M. Irfan","date":"May 16, 2020","format":false,"excerpt":"HTML stands for Hyper Text Markup Language. Hyper Text means that the text we are seeing in the page contains links in it, if we will click on it we will move to other text or pages. Markup Language means that this language make pages for the viewers more attractive\u2026","rel":"","context":"In &quot;Computer&quot;","block_context":{"text":"Computer","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/computer\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1862,"url":"https:\/\/baabulilmnotes.com\/index.php\/use-of-html-anchor-tag-image-tag\/","url_meta":{"origin":1878,"position":4},"title":"Use of HTML Anchor Tag &#038; Image Tag","author":"M. Irfan","date":"October 11, 2020","format":false,"excerpt":"This video tutorial is about the use of HTML links (Anchor tag) and Images (Image tag), Links are found in nearly all websites. Links are useful and allow users to move from one page to another easily.","rel":"","context":"In &quot;HTML, CSS&quot;","block_context":{"text":"HTML, CSS","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/html\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/html-link-les-5.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/html-link-les-5.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/html-link-les-5.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2020\/10\/html-link-les-5.jpg?resize=700%2C400&ssl=1 2x"},"classes":[]},{"id":2089,"url":"https:\/\/baabulilmnotes.com\/index.php\/html-styles-lesson-8\/","url_meta":{"origin":1878,"position":5},"title":"HTML Styles | Lesson # 8","author":"M. Irfan","date":"May 10, 2021","format":false,"excerpt":"HTML Styles | Lesson # 8 HTML Styles | Lesson # 8 is about Styles in HTML. Style is a CSS property whereas value is a CSS value in its syntax. An HTML style sttribute is used to add styles to an element, such as color, font, size and mny\u2026","rel":"","context":"In &quot;HTML, CSS&quot;","block_context":{"text":"HTML, CSS","link":"https:\/\/baabulilmnotes.com\/index.php\/category\/html\/"},"img":{"alt_text":"HTML Styles | Lesson # 8","src":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2021\/05\/lesson-8.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2021\/05\/lesson-8.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2021\/05\/lesson-8.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2021\/05\/lesson-8.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/baabulilmnotes.com\/wp-content\/uploads\/2021\/05\/lesson-8.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_shortlink":"https:\/\/wp.me\/pbVWQO-ui","_links":{"self":[{"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/posts\/1878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/comments?post=1878"}],"version-history":[{"count":5,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/posts\/1878\/revisions"}],"predecessor-version":[{"id":2096,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/posts\/1878\/revisions\/2096"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/media\/1882"}],"wp:attachment":[{"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/media?parent=1878"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/categories?post=1878"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/baabulilmnotes.com\/index.php\/wp-json\/wp\/v2\/tags?post=1878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}