Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 119 - CodePilot V5.0 C7
P. 119

    <LI>HEART</LI>

                     <LI>BRAIN</LI>
                     <LI>LUNGS</LI>                                                       Whenever you are using

                     <LI>LIVER</LI>                                                        LIST-STYLE-IMAGE, use
                                                                                           a small size for images.
                     <LI>KIDNEYS</LI>
                                                                                        Otherwise, it may not appear
                     </UL>                                                                 in the list item marker.
                     <H2>External Organs</H2>

                     <UL STYLE="LIST-STYLE-IMAGE: URL('green-check-mark-icon.png');">

                     <LI>SKIN</LI>
                     <LI>EYES</LI>

                     <LI>EARS</LI>

                     <LI>NOSE</LI>
                     <LI>MOUTH</LI>

                     </UL>

                     </BODY>

                     </HTML>
                     The output of the preceding code is as follows:

                                     List Style Position Inside with Image

                                    List Style Position outside with Image

                            LIST STYLING WITH COLOURS

                     You can also style lists with colours, to make them look a little more interesting. Anything added
                     to the <OL> or <UL> tag affects the entire list, while properties added to the <LI> tag will affect the
                     individual list items.

                                                                                                                      117
                                                                                              Lists and Tables in HTML5

| 114 115 116 117 118 119 120 121 122 123 124 |