TABLES, BLOCKQUOTES ETC..   Go back to the Main Menu 

More working with Graphics

<BLOCKQUOTE> will indent text on both sides.

When you include images on your page, remember that they contain alot of data and therefore can be slow to load. One way to reduce the size (by size i mean Kb) is to reduce the dimentions. Cutting the length and width in half results in an image only 1/4 the size in Kb. You can also reduce the number of colours. Here are a few examples:


Dimentions 310 x 304
# of colours- 238
Size- 69 Kb
Dimentions 207 x 203
# of colours- 238
Size - 34 Kb 		Dimentions 207 x 203
# of colours- 48
Size - 19 Kb

You can make a thumbnail in the following way.
Another way to link is to link not just to a page, but you a specific part of a page. Click here to be magically transported to the top or a specific spot on another page.

The Code for this page is as follows:

<HTML>
<HEAD>
<TITLE>Exercise 7 in HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff">
<FONT SIZE=4 FACE="MS SANS SERIF"><B><CENTER>More working with Graphics</CENTER></B></FONT><BR>

<BLOCKQUOTE><BLOCKQUOTE><BLOCKQUOTE> will indent text on both sides.<P>
<A NAME="upabit"></A>When you include images on your page, remember that they contain alot of data and therefore can be slow to load. One way to reduce the size (by size i mean Kb) is to reduce the dimentions. Cutting the length and width in half results in an image only 1/4 the size in Kb. You can also reduce the number of colours. Here are a few examples: </BLOCKQUOTE></BLOCKQUOTE><BR>

<!--The next bit of code involves tables which will be covered in a later exercise. End tags for TR and TD are optional -->
<CENTER><TABLE BORDER=0>
<TR>
<TD VALIGN=BOTTOM ALIGN=CENTER COLSPAN=2><IMG SRC="slylike1.gif" WIDTH=310 HEIGHT=304></TD>
</TR>

<TR>
<TD ALIGN=CENTER COLSPAN=2>
Dimentions 310 x 304<BR>
# of colours- 238<BR>
Size- 69 Kb<P>
</TD>
</TR>

<TR>
<TD VALIGN=BOTTOM><IMG SRC="slylike2.gif" WIDTH=207 HEIGHT=203></TD>
<TD VALIGN=BOTTOM><IMG SRC="slylike3.gif" WIDTH=207 HEIGHT=203></TD>
</TR><P>

<TR>
<TD ALIGN=CENTER>
Dimentions 207 x 203<BR>
# of colours- 238<BR>
Size - 34 Kb
</TD>

<TD ALIGN=CENTER>
Dimentions 207 x 203<BR>
# of colours- 48<BR>
Size - 19 Kb
</TD>
</TR></TABLE><P>

You can make a thumbnail in the following way.<BR>
<A HREF="car1.jpg"><IMG SRC="car1a.gif" WIDTH=87 HEIGHT=60></A>
Another way to link is to link not just to a page, but you a specific <I>part</I> of
a page. Click <A HREF="exercise7.htm#upabit">here</A> to be magically transported to the top or a specific spot on another page. <P>

</BODY>
</HTML>

 Go back to the Top   Go back to the Main Menu