Page 171 - Webapplication11_C11_Flipbook
P. 171

Below table shows different examples of the type attribute:

                                Type            Numbering/Alphabetical Scheme                 Examples

                                  A      Upper Case letters                            A,B,C,D…..
                                  a      Lower Case letters                            a,b,c,d……

                                  I      Upper Case Roman numbers                      I, II, III, IV…

                                  i      Lower Case Roman numbers                      i, ii, iii, iv…

                                  1      Numbers                                       1,2,3,4……..

                 Let us use the <OL> tag.
                 <!DOCTYPE html>

                 <HTML>
                 <HEAD> <TITLE> Ordered List or Numbered List </TITLE> </HEAD>
                 <BODY>
                 <B> Cup of Tea </B>

                 <HR>
                 Steps to make a cup of Tea.
                 <OL>
                 <LI> Take 3/4 cup of water and
                 boil it in kettle.
                 <LI> Add a table spoon sugar.
                 <LI> Add 1/4 cup of milk.

                 <LI> Pour the tea into a cup.
                 <LI> Add a tea bag.
                 </OL>

                 </BODY>
                 </HTML>
                 Unordered Lists

                 An unordered list is also called bulleted list. This type of list is generally used to display random items which never
                 require to place in a sequential manner. The <UL> tag is used to define an unordered list. The <UL> tag has only TYPE
                 attribute which describe the type of bullet style will appear with list items. There are three bullet styles that can be
                 used in an unordered list.
                              Disc
                        o      Circle
                               Square
                 The default bullet style is Disc in HTML. Let us use the <UL> tag to create an unordered list:

                 <!DOCTYPE html>
                 <HTML>

                 <HEAD> <TITLE> Unordered List or Bulleted List </TITLE> </HEAD>
                 <BODY>

                                                                                Website Building Using HTML and CSS  169
   166   167   168   169   170   171   172   173   174   175   176