Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 29 - 2619_PlusGPT V2.1_C-7
P. 29

    Tech Fact

                       Some of the image formats supported by HTML are Joint Photographic Experts Group (JPEG),
                                 Graphics Interchange Format (GIF) and Portable Network Graphics (PNG).

                     Similar to MS Word, you can also create lists and tables on the web pages in HTML. HTML allows
                     you to create different types of lists and tables. 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
                     HTML.

                            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 HTML 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 HTML 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.

                     Below table shows different examples of the TYPE attribute:

                                  TYPE          Numbering/Alphabetical Scheme                  Examples

                                    A      Uppercase letters                             A,B,C,D…..

                                    a      Lowercase letters                             a,b,c,d……

                                    I      Uppercase Roman numbers                       I, II, III, IV…

                                    i      Lowercase Roman numbers                       i, ii, iii, iv…

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

                                                                                             Images and Lists in HTML  27

| 24 25 26 27 28 29 30 31 32 33 34 |