Please visit our sponsors
Place Your Ad Here!

McJeff's
HTML 101 CLASS #8 Printable Version

 

You must have or get some images to place
images on your page. If you want to use the
same images we show in the example.

You can go to http://www.mcjeff.com/free.htm

We have tons of free images, backgrounds and animations there.
IMAGES USED IN THIS CLASS


"Get them free at http://www.mcjeff.com/free.htm"

NOTE:
Page design and lay out. Once you get into designing web pages your going to want to place your text and images anywhere on the page. Your going to want to control placement of everything on your page. Put it in a table and serve it up.

McJeff's HTML Class #8

WRITE THIS HTML CODE

=====================================

<html>

<head>

<title>Welcome to Flowers of the World</title>

</head>

<body background="bg2.jpg" bgcolor="#FFFFFF" text="#004000">

<center><b>

<table border="0">

<tr>

<td><img src="ban2.gif"></td>

<td><img src="a01.gif"></td>

</tr>

</table>

<table>

<tr>

<td><img src="p7.jpg"></td>

<td><img src="p2.jpg"></td>

<td><img src="p3.jpg"></td>

<td><img src="p8.jpg"></td>

</tr></table>

<a href="page2.htm"><strong>CLICK

HERE</a> to enter our Gardens

<table>

<tr>

<td><img src="p4.jpg"></td>

<td><img src="p5.jpg"></td>

<td><img src="p6.jpg"></td>

<td><img src="p1.jpg"></td>

</tr>

</table>

<br>

<table>

<tr>

<a href="mailto:flowers@mcjeff.com">EMAIL US

</a>

</td>

</tr>

</table>

</center></b>

</body>

</html>

============================

END OF HTML CODE, SAVE FILE as INDEX.HTM.


NEW TAGS:
<TABLE> </TABLE> Defines start and end of table.
<TABLE BORDER=" "> </TABLE>
Defines size of table border. "0"= no border.

<TR> </TR> = Table row.
Defines start and end of each table row.

<TD> </TD> = Table Data
Defines start and end of table data.

<table border="1">
<tr>
<td>table data can be text or images</td></tr>
<tr>
<td><center>FLOWER <img src="a01.gif">POWER </center></td></tr>
</table>

table data can be text or images
FLOWER POWER

<table border="0">
<tr>
<td>table data can be text or images</td>
<td>FLOWER <img src="a01.gif">POWER</td></tr>
</table>

table data can be text or images FLOWER POWER

Tables can be a little tricky, but aren't hard to master.
Start out small and add rows and data. You can use empty <td> for spacing.

HOMEWORK:

Write a few web pages using several tables of different sizes.

You can cut and paste any of the html code on this page.

See you, next time.

McJeff

YOUR PAGE SHOULD LOOK SOMETHING LIKE THIS



CLICK HERE to enter our Gardens



IMAGES USED IN THIS CLASS


Get them free at http://www.mcjeff.com/free.htm
Web Page by:

HTML 101 CLASS #8

Top of Page


McJeff's HTML 101 CLASS #8


Class 1|Class 2|Class 3|Class 4
Class 5|Class 6|Class 7

NEW Background collection Over 10,000 Free online NEW
http://www.mcjeff.com/backgrounds

Cooks and Johnson ALL natural hair and skin care products

Powered by

McJeff's Technical Solutions(copyrights)1997-98