HTML List: Written Article with Video Lecture

HTML List

In this article, we are going to discuss HTML List.

List

Lists are used in every web page to create navigation menus and different products in an order. There exist following three type.

  1. Order List
  2. Un-order List
  3. Description List

in HTML List, 

  • Elements is used to define list items.

    HTML List and its Type video lecture in Urdu/Hindi

    HTML Order List

    Elements

      is used to define Order List. Order list displays the items in specific order. For example the list of the subject:

      1. English
      2. Math
      3. Physics
      4. Computer
      5. Electronics

      Oder List Styling

      Order list can also be displayed with different list item maker. There are the different type of list item maker exist to use in the list. Type attribute can be specify with

        elements.
      • 1 type =  1  : Items will be numbered with Decimal (Default).
      • 2  type = a  : Items will be numbered with Lower Case.
      • 3 type =  A  : Items will be numbered with Upper Case.
      • 4  type =  i  : Items will be numbered with Lower Case Roman.
      • 5  type = I  : Items will be numbered with Upper Case Roman.
      Example of HTML Order List
      
      
      1. Computer
      2. Physics
      3. Math

      HTML Un-Order List

      Elements

        is used to define Un-Order List. Un-Order list displays the items without any sequence. For example the list of sports:

        • Cricket
        • Football
        • Hockey
        • Basketball
        • Archery

        Un-Oder List Styling

        The un-order list can also be displayed with different list item maker. There are the different type of list item maker exist to use in the list. Style attribute can be specify with

          elements. The CSS style attribute and list-style-type property used to define different list item maker in HTML.

          [table id=2 /]
          Example of HTML un-order List
          
          
          • Cricket
          • Football
          • Hockey

          HTML Description List

          HTML Elements 

          is used to define description list.  Elements
          is used to define Description Title.
          elements is used to define description data.

          Â 
          
          Computer
          First Description Data are to be listed here
          Computer
          Second Description Data are to be listed here
          Computer
          Third Description Data are to be listed here

           

          Example program of HTML List

          
          
          
          
          
          
          
          
          • Cricket
          • Football
          • Hockey
          1. Computer
          2. Physics
          3. Math
          Computer
          First Description Data are to be listed here
          Computer
          Second Description Data are to be listed here
          Computer
          Third Description Data are to be listed here

          I hope this article is really helpful. You can also learn about CSS3, Bootstrap4, PHP7, and HTML. If you have any queries, please discuss in the comment section. This is really helpful to improve performance. Thank You.

        • Leave a Comment

          Your email address will not be published. Required fields are marked *

          Scroll to Top