Page 79 - TechPluse_C8_Flipbook
P. 79

<B> Inserting image on the web page </B>

                 <IMG SRC="lily.jpg"
                 WIDTH="200"
                 HEIGHT="200"

                 ALIGN="right"
                 BORDER="2">

                 </BODY>                                                             Image inserted with border
                 </HTML>

                 Ensure that an image which we want to insert on the web page should be saved at the
                 same location where we have saved our HTML file. If we want to insert an image from any
                 other location, we need to provide the complete path of the image to the SRC attribute. For
                 example, if our image is saved in the Documents folder of computer then the path of the
                 image will be ~/Documents/lily.jpg.
                 Clickipedia



                   Some of the image formats supported by HTML are Joint Photographic Experts Group (JPEG),
                   Graphics Interchange Format (GIF) and Portable Network Graphics (PNG).


                     CREATING MARQUEE

                 While surfing the Internet, you might have seen the moving advertisements in the form of text
                 or images. The moving objects get special attention of the user. HTML allows you to move your
                 objects left, right, up, and down by using the <MARQUEE> tag.

                 The  <MARQUEE>  tag  is  a  container  tag.  It  takes  the  text  or  image  between  the  opening
                 <MARQUEE> and the closing </MARQUEE> tags.
                        <MARQUEE> Hello! I am a moving text </MARQUEE>

                 Similarly, the image can also be added to this moving part or section.
                        <MARQUEE> <IMG SRC="smiley.gif"> </MARQUEE>

                 The <MARQUEE> tag has the following attributes:
                    BEHAVIOR: It can have three values, which are SLIDE, SCROLL and ALTERNATE.
                     •   <MARQUEE BEHAVIOR=”SLIDE”> will make the object move only once, that is, when
                         object reaches the end point, the object stops moving and no movement is  seen
                         afterwards. You need to press F5 key or refresh the web page to see the output again.

                     •   <MARQUEE BEHAVIOR=”SCROLL”> will make the object move from start point to the
                         end and then emerges out again from the start point. It seems that the object is coming
                         out of the start point and going inside the end point and continues to do the same thing.
                         It follows the same loop again and again.






                                                                                                More on HTML          77
   74   75   76   77   78   79   80   81   82   83   84