Create Ordered and Un-Ordered HTML List

Create Ordered and Un-Ordered HTML List :

HTML (Hyper text markup language) contains on numerous tags. With the usage of these html tags, we can develop many of those things instantly like web pages etc. At this time, we will learn about create html lists and its types in html to enhance our html development skills. We will develop and reveal many kinds of html list. Lets take start.

HTML Code Result
 <UL>
<Li>United States</Li>
<Li>United Kingdom</Li>
<Li>United Arab Emirates</Li>
<Li>Singapore</Li>
<UL>
  • United States
  • United Kingdom
  • United Arab Emirates
  • Singapore

The above html list style called to be default bullet style “disc”. We are capable to change the style type with the little bit changing in html code. See below.

HTML Code Result
 <UL type=”Circle”>
<Li>United States</Li>
<Li>United Kingdom</Li>
<Li>United Arab Emirates</Li>
<Li>Singapore</Li>
<UL>
  • United States
  • United Kingdom
  • United Arab Emirates
  • Singapore

Circle Disc and Square are the bullet list types in html. You may use these types same as shown in above html code.In the above html code, we utilize UL tag, Which stands for un-ordered list and second Li tag,Which stands for Line item. Lets assume that, If we need to initiate list with numeric digits and alphabetic character so, We utilize ordered list tags see the example below.

HTML Code Result
 <OL start=”1″>
<Li>United States</Li>
<Li>United Kingdom</Li>
<Li>United Arab Emirates</Li>
<Li>Singapore</Li>
<OL>
  1. United States
  2. United Kingdom
  3. United Arab Emirates
  4. Singapore

OL instead of UL change the html list style un-ordered to ordered list.Ordered list is the abbreviation of OL. Slightly ahead, You can clearly see the above html code, We utilize start="1" this is look like a command for a compiler to start html list with given query.Same apply this html code but change its type default to alphabets. See the example below.

HTML Code Result
 <OL type=”a”>
<Li>United States</Li>
<Li>United Kingdom</Li>
<Li>United Arab Emirates</Li>
<Li>Singapore</Li>
<OL>
  1. United States
  2. United Kingdom
  3. United Arab Emirates
  4. Singapore

You can see that, above html code shows the country’s name in ordered list with lower case alphabet. Now we abbreviate the whole ordered list types in the below table. You can pick one of these to expand your code style.

 Ordered List Types with Code  Result
Type=”A”  A,B,C,D,E,F and so on 
Type=”a”  a,b,c,d,e,f and so on
Type=”I”  I,II,III,IV,V and so on
Type=”i”  i,ii,iii,iv,v and so on
Type=”1″  1,2,3,4,5 and so on

Grab these types of code and put inside UL and OL tags.Usage of above tags and its types, you can develop attractive lists in html. Recapitulate the ordered and un-ordered list ,We can utilize these html list tags in our content paragraphs during writing or development procedure. In the next article, we will briefly guide about html tables. For further query and question concern html ordered and un-ordered list use below comment box.

Leave a Reply

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