Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 59 - 2609_Logiccode
P. 59

    LIST-STYLE-POSITION: INSIDE;">

                     <LI>HEART</LI>
                     <LI>BRAIN</LI>

                     <LI>LUNGS</LI>

                     <LI>LIVER</LI>
                     <LI>KIDNEYS</LI>

                     </UL>

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

                                                                                              Lists and Tables in HTML5  57

| 54 55 56 57 58 59 60 61 62 63 64 |