Page 118 - CodePilot V5.0 C7
P. 118

Code     Write the HTML code to present the given web page using the LIST-STYLE-IMAGE
                       7      property to specify an image as the list item marker.


                  <!DOCTYPE HTML>

                  <HTML>

                  <HEAD>

                  <TITLE>Human Organs</TITLE>
                  </HEAD>

                  <BODY STYLE="BACKGROUND-COLOR: #e6f7ff;">

                  <H1>MAJOR ORGANS OF THE HUMAN BODY</H1>
                  <UL STYLE="LIST-STYLE-IMAGE: URL('green-check-mark-icon.png');">

                  <LI>HEART</LI>

                  <LI>BRAIN</LI>
                  <LI>LUNGS</LI>

                  <LI>LIVER</LI>

                  <LI>KIDNEYS</LI>
                  </UL>

                  </BODY>

                  </HTML>
                  In the preceding code, you should keep an image file named green-check-mark-icon.png in the
                  same folder as the HTML code. Otherwise, it will not work.

                     Code     Write  the  HTML code  to  present  the  given  web  page  using  the  CSS  property
                       8      LIST-STYLE-POSITION to position the list marker.


                  <!DOCTYPE HTML>

                  <HTML>
                  <HEAD>

                  <TITLE>Using LIST-STYLE-POSITION property</TITLE>

                  </HEAD>
                  <BODY STYLE="BACKGROUND-COLOR: #e6f7ff;">

                  <H1>MAJOR ORGANS OF THE HUMAN BODY</H1>

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

                  LIST-STYLE-POSITION: INSIDE;">



                   116
                        CodePilot (V5.0)-VII
   113   114   115   116   117   118   119   120   121   122   123