Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |