HTML: – How To Create List In html? Unordered list,Ordered list,Description list

HTML: – How To Create List In html? Unordered list,Ordered list,Description list


[Music] hello guys you are watching technical bench youtube channel and i am kunal in this video you can learn about HTML list so let’s start. so in html there are three types of lists unordered list ordered list and description list so we first look at unordered list so unordered lists are used when we place list item in any order it is used when the order is doesn’t matter so unordered list

    tag is used so this is the start of the list and this is the end of the list inside the list for each list item

  • tag is used for each list item so in this example we create a liste of programming languages so this is our unordered list we save this file now let’s open the file so as you can see the list is created the list item will be marked with bullet by default. you can also change this list style by CSS list style type property so use css list style type property so they’re basically four type of list style which is disc Circle Square and none so we can this list style to square and see this file and refresh the webpage so as you can see the list style is change to the square so you can also change the list style to none so we save this and the refresh the page so as you can see the bulletin are gone so this is all about unordered list so let us look at the order list so for order list
      tag is used to order list are used were we need specific order of our item so this is our order list we see this file and these refresh the web page so as you can see the order listed are created by default the list item will be marked with numbered as you can see one two three if you want to change this use the type attribute inside the

        tag so you can change the list type in following ways first one is as you can see as a number, as a upercase list or as a lowercase list or Roman letters uppercase or lower romman letter so we change this list to uppercase letters so just type A here and save this file and when you refresh the webpage as you can see the change to alphabet ok so this is all about the ordered list so let us look at the description list so description list associated specific name and the value within a list so for description list use

        tag which is description list so these are description list inside the description list you first have to specify your description title which is denoted by

        and inside this

        tag you have to specify the description title so for example we create a list of programming language for example like PHP for description of the above the description title used
        tag which is the denote description data and write description about the about the description title example PHP is server-side scripting language so this is our description list so we save this file and refresh the webpage so as you can see this is a description list so first shows the description title and then show the description data so in this video we learn about HTML LIST if you like this video click on to like button and don’t forgot to SUBSCRIBE this channel thank you very much

Comments

  1. Post
    Author

Leave a Reply

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