-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathImg.htm
72 lines (71 loc) · 3.62 KB
/
Img.htm
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE HTML 4.0 TRANSITIONAL PUBLIC "_//w3c//dtd html 4.0//en">
<HTML>
<HEAD>
<LINK REL=STYLESHEET TYPE="TEXT/CSS" HREF="STYLES.CSS">
<TITLE> HTML Tutorial </TITLE>
</HEAD>
<body class="MIC">
<H1> IMG </H1>
This is to be used in the <SPAN CLASS= INTRO> <A HREF="BODY.HTM" TITLE= "Body-Contains the Formatting Tags. Its contents are displayed on the Browser"> BODY </A> </SPAN> Tag.
This Tag <SPAN CLASS="INTRO"> places an Inline Image in a Document. </SPAN><BR>
This is not a Container Tag and thus need not be closed.
<H4> Attributes </H4>
<OL>
<LI CLASS="HAND"> ALT :
<SPAN CLASS= MAIN>Provides a <SPAN CLASS= INTRO> Textual Description of the Image.
</SPAN> It is useful for the Visitors who have text only browsers. It can
also be used as a <SPAN CLASS= INTRO> ToolTip</SPAN>. </SPAN>
<LI CLASS="HAND"> BORDER :
<SPAN CLASS= MAIN>Indicates the <SPAN CLASS= INTRO> Width (in px.) of a Border
around the Image. The Default value is 0 i.e., NoBorder</SPAN>. </SPAN>
<LI CLASS="HAND"> HEIGHT :
<SPAN CLASS= MAIN>Specifies the <SPAN CLASS= INTRO> Vertical Dimensions (in px.) of the
Image</SPAN>. If it is not used the Image is Displayed in its Original Height
It is used with the Width Attribute to Enlarge or Reduce the Image.</SPAN>
<LI CLASS="HAND"> HSPACE :
<SPAN CLASS= MAIN>Eshtablishes a <SPAN CLASS= INTRO> Margin of White Spaces (in px.)
to the Left and Right of the Image.</SPAN></SPAN>
<LI CLASS="HAND"> ISMAP :
<SPAN CLASS= MAIN>Indicates that the <SPAN CLASS= INTRO> Graphic Image Functions as
a Clickable Image Map</SPAN>. This attribute instructs the Browser to send the
Pixel Coordinates to the Server Side Image Map or any CGI Application
when the user selects the Image with a Mouse Pointer. This is basically
to implement the Server Side Image Map but, now a days Client Side Image
Maps are more Popular. See the USEMAP Attribute. </SPAN>
<LI CLASS="HAND"> LONGDESC :
<SPAN CLASS= MAIN>Provides a <SPAN CLASS= INTRO> long Textual Description of the
Image</SPAN>. It is useful for the Visitors who have text only browsers
or for other reasons can't view the Image.</SPAN>
<LI CLASS="HAND"> SRC :
<SPAN CLASS= MAIN>Specifies the <SPAN CLASS= INTRO> Relative or Absolute URL of the
Image file </SPAN> which you want to load in your document. </SPAN>
<LI CLASS="HAND"> USEMAP :
<SPAN CLASS= MAIN>Specifies the URL of a Client Side Image Map Data. See the
<SPAN CLASS= INTRO> <A HREF="MAP.HTM" TITLE= "Map-Specifies a Container for Client Side Image Maps"> MAP </A> </SPAN>
because it gives the MAP Data an Anchor Name. The Name should be included
with the Name.</SPAN>
<LI CLASS="HAND"> VSPACE :
<SPAN CLASS= MAIN>Eshtablishes a <SPAN CLASS= INTRO> Margin of White Spaces (in px.)
to the Top and Bottom of the Image.</SPAN></SPAN>
<LI CLASS="HAND"> WIDTH :
<SPAN CLASS= MAIN>Specifies the <SPAN CLASS= INTRO> Horizontal Dimensions (in px.) of the
Image</SPAN>. If it is not used the Image is Displayed in its Original Width
It is used with the Height Attribute to Enlarge or Reduce the Image.</SPAN>
</OL>
<H2> Syntax </H2>
<SPAN CLASS= MAIN> <IMG [ALT="ALT"] [BORDER="n"] [HEIGHT="n"] [HSPACE="n"]
[ISMAP] [LONGDESC="LONG DESCRIPTION"] [SRC="URL"] [USEMAP="URL"] [VSPACE="n"]
[WIDTH="n"]>
</IMG> </SPAN>
<H3> Example </H3>
<SPAN CLASS= MAIN> <IMG SRC="IMAGES\ANI.GIF">
</SPAN>
<H5> Effect </H5>
<IMG SRC="IMAGES\ani.GIF">
<BR>
<BR>
<A HREF=" INTRO.HTM" TITLE="HTML Tutorial Home-Introduction to HTML"> Home </A>
<BR>
<A HREF=" ABOUT.HTM" TITLE="About HTML Tutorial"> About </A>
</BODY>
</HTML>