Page 101 - Plus V4 with Adobe class 7
P. 101

Take Off                                                         Century   #Critical Thinking
                                                                                              21 st
                                                                                             Skills  #Technology Literacy
                 Write the HTML code (start from <BODY> tag) to display the following output on a web page:
























            Similar to MS Word, you can also create different types of lists and tables on the web pages in HTML5.
            In the previous class, you have learned the basic tags of HTML and their attributes. In this chapter, you
            will learn how to create lists and tables in HTML5.


                 CREATING LISTS


            A list is a collection of related items that can be used to represent information in pointed form. In
            our daily routine, we have to write many things such as list of items required for a festival and list of
            steps to make a dish. List feature of HTML5 allows us to display this type of information on the web
            page in an organised manner. There are three types of lists named ordered list, unordered list and
            definition list that can be created in HTML5 to display the items in the form of list. Let us learn about
            these in detail.

            Ordered List

            An ordered list is also called the numbered list. This type of list is used to display the items in a sequential
            manner. For example, steps in an algorithm, etc. In HTML, the <OL> tag is used to create an ordered list.

            The <LI> tag is used to define an item in the list. It can be used as an empty tag as well as a container
            tag. The <OL> tag have two attributes named TYPE and START which you can use in the following way:

                <OL TYPE ="A"> - will start the list from A.

                <OL TYPE ="a" START=”4”> - will start the list from d.

                <OL TYPE ="1" START=”25”> - will start the list from 25.

                <OL TYPE ="I" START="2"> - will start the list from II.

                <OL TYPE ="i" START="4"> - will start the list from iv.
            The START attribute accepts only integer values.




                                                                                      #Lists and Tables in HTML5  99
   96   97   98   99   100   101   102   103   104   105   106