Please visit our sponsors
You must have or get some images
to place
images on your web page(s). 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, you are going to want to
place your text and images anywhere on the page. You are 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:website@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.
Example 1
<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 |
Example 2
<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 (table) rows and (table) data. You can use empty <td> </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:
McJeff's HTML 101 CLASS #8
Class 1|Class 2|Class 3|Class
4
Class 5|Class 6|Class
7
