Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 58 - 2609_Logiccode
P. 58

    </BODY>

                      </HTML>
                      Code 7.  Write the HTML code to present the given web page using the LIST-STYLE-IMAGE 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 8.  Write  the  HTML code  to  present  the  given  web  page  using  the  CSS  property
                               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');

                       56   Premium Edition-VII

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