Page 193 - Web Applications (803) Class 11
P. 193

</p>
                      <p class="rev">Duck-billed platypuses are shy,
                      tiny creatures who they have a flattened head and body
                      </p>

                      </body>
                      </html>
                    2.  Type the following code and see the output.

                      <!DOCTYPE html>
                       <html>
                      <head>
                      <style type="text/css">
                      p {font-family: Courier;background-color: yellow;}
                      h2 {background-color: grey;}
                      </style>
                      </head>
                      <body>
                      <h2>
                      Elephant seals are enormous, earless, ocean-going seals
                      </h2>
                      <p>
                       By the end of the 19th century, both the northern elephant seal and the
                       southern elephant
                        seal had been driven to extinction for oil, but their numbers have since
                       recovered
                      </p>
                      </body>
                      </html>




                   2.22 HANDLING IMAGES USING CSS

                 Any  webpage  would  be  incomplete  without  images.  Although  it  is  not  suggested  to  include  a  large  number  of
                 photographs, it is nevertheless necessary to include high-quality images wherever they are required. CSS is useful for
                 controlling image presentation. CSS can be used to set the following properties:
                          Property                                             Purpose

                  border                     Used to define the width of an image border.
                  Height                     Used to define the height of an image.

                  width                      Used to define the width of an image.

                  -moz-opacity               Used to define the opacity of an image.





                                                                            Website Development using HTML and CSS   191
   188   189   190   191   192   193   194   195   196   197   198