WebMaster icon, Lecture 3

Graphics HTML

<IMG SRC="MyPic.gif">

Positioning

<IMG SRC="MyPic.gif" Align=Bottom>
<IMG SRC="MyPic.gif" Align=Top>
<IMG SRC="MyPic.gif" Align=Left>
<IMG SRC="MyPic.gif" Align=Center>
<IMG SRC="MyPic.gif" Align=Right> <CENTER>
<IMG SRC="MyPic.gif"></CENTER>

Graphical Link

<A HREF="MyPic.html"> <IMG SRC="MyPic.gif"></A>






Prev | Next | Improving Your Home Page with Graphics


To insert a graphic into your web page use the following syntax:

<IMG SRC="MyPic.gif">

IMG stands for Image. SRC is short for Source. The file name is between quotes. By default, text will be placed at the bottom of the graphic (same as align=bottom option) and will be wrapped between the border of the graphic and the edge of the window. The top, middle and bottom options will display one line of text next to the graphic aligned vertically by the option:

align=top

align=middle or align=center

align=bottom

The align=left option will cause the graphic to be placed on the left of the text and will be wrapped between the border of the graphic and the edge of the window. More text will wrap until it comes below the graphic.

The align=right option will cause the graphic to be placed on the right of the text and will be wrapped between the edge of the window and the border of the graphic. More text will wrap until it comes below the graphic.

The only way to center the graphic is to use the <CENTER> tags:

Another valuable option in Netscape is the hspace option. I use it to keep graphic from touching the text or window:

hspace=0

hspace=10

hspace=20

A Graphical Link or Clickable Graphic is an image that is surrounded by a hypertext anchor link. Note the graphic has a blue border indicating it is clickable (this link takes you to the next page):


Prev | Next | Improving Your Home Page with Graphics


'The WebMaster Speaks....' 3-5

Webmaster Lectures
Welcome to a series of lectures on the World Wide Web
Home | Lectures overview | Lecture 1 | Lecture 2 | Lecture 3 | Lecture 4 | Lecture 5 | Lecture 6 | Lecture 7 | Lecture 8



Membership

Login





Last update: Tuesday, July 11, 2000 at 10:04:04 PM.
Go to John Koch's home page or send him a message.