Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 102 - CodePilot V5.0 C7
P. 102

    <IMG STYLE="BORDER: 5PX solid  #FF6347;  BORDER-RADIUS:  15PX;  OPACITY:
                      0.7; WIDTH: 300PX;"

                      SRC="beautiful-flamingos-lake.jpg" ALT="Flamingo Image" >

                      <P STYLE="COLOR:  #2F4F4F;  TEXT-ALIGN: CENTER;">Flamingos  are tall,
                      wading birds known for their long legs, elegant necks and distinct pink
                      feathers.

                      </P>
                      </BODY>

                      </HTML>

                      WRAPPING TEXT AROUND AN IMAGE

                      The float property allows you to position an image and allows text to wrap around it. The following
                      table lists the CSS FLOAT property and values used with the <IMG> tag:

                         Property Name                       Value                               Description

                       FLOAT                  LEFT, RIGHT, inline-start, inline-end  It specifies where the image should
                                                                                     be positioned.

                         Code     Write the HTML code to present the given web page using the float property to wrap
                           8      text around the image.

                      <!DOCTYPE HTML>

                      <HTML>
                      <HEAD>

                      <TITLE>Flamingo Facts</TITLE>

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

                      <H1 STYLE="COLOR: #FF6347;

                      TEXT-ALIGN:  CENTER;">All  About  Flamingos
                      </H1>
                      <H2 STYLE="COLOR: #4682B4;  TEXT-ALIGN: CENTER;">The  Graceful  Pink

                      Birds</H2>
                      <IMG STYLE="FLOAT: RIGHT; WIDTH: 300PX; HEIGHT: 200PX;"

                      SRC="beautiful-flamingos-lake.jpg" ALT="Flamingo Image">

                      <P STYLE="COLOR:  #2F4F4F;  TEXT-ALIGN: CENTER;">Flamingos  are tall,
                      wading birds known for their long legs, elegant necks and distinct pink
                      feathers.</P>

                      100
                            CodePilot (V5.0)-VII

| 97 98 99 100 101 102 103 104 105 106 107 |