|
<html>
<head>
<title>My Home Page</title>
</head>
<body>
Welcome to my home page.
</body>
</html>
You now have the basic outline of your web page. In the
main body of the page we now need to create a table to hold
the text and images of the page header. So here is a description
of the markup tags you will use.
| <table> |
all elements in a table are contained
within the opening and closing table tags. |
| <tr> |
table row can be a single row or divided
or split into divisions (cells). |
| <td> |
table divisions are used to divide table
rows to hold text or images. |
| </td> |
closes the table division |
| </tr> |
closes the table row |
| </table> |
closes the table |
Above is an example of a table with two columns (table
divisions) and six rows. Borders that make the table visible
in the web browser are optional.
In addition to these tags you will need to use the following
markup attributes.
| height=" " |
Determines the height of a cell or row
in pixels or % |
| width=" " |
Determines the width of a cell or row
in pixels or % |
| valign=" " |
Determines the vertical alignment the
text or image in a cell or row. top, middle or bottom. |
| align=" " |
Determines the horizontal alignment of
the text or image in a cell or row. left, right, center,
justify. |
In this example we will use pixels as the measurement of
the table, row and divisions.
<html>
<head>
<title>My Home Page</title>
</head>
<body>
<table width="760")
<tr valign="middle">
<td width="140" height="40">image/logo
</td>
<td width="620" height="40" align="center">This
is my new home page
</td>
</tr>
</table>
</body>
</html>
Copy this code into an editor. Name the page index.htm
and save to the Folder:
C:\My Web1 If this folder contains a page called index.htm
you can overwrite the old page.
Previous Page
Go to Lesson 3
|
