Page 20 - PortGPT_V2.1_C8_Flipbook
P. 20
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 D: drive of computer then the path of the image will be D:\lily.jpg.
Tech Fact
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="D:\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.
<MARQUEE BEHAVIOR="ALTERNATE"> will make the object move from start to the end and
then bounce back from end to start. It seems that the object is bouncing between the start
and the end point.
• DIRECTION: It allows you to set the direction in which the object will move. It can have four
values, which are UP, DOWN, RIGHT and LEFT.
<MARQUEE DIRECTION="UP"> - It moves the object in the upward direction, that is, from
bottom to top.
18 Premium Edition-VIII

