HTML Blueprints | index | prev | next | view | peek |

Plan 6:
Sample Assignment

This page is meant to be printed out ore saved as a text file that provides a student the directions and a worksheet for an offline assignment. It uses table tags to display

HTML
NOTES
<html>
<head>
<title>Assignment</title>
</head>
<body bgcolor="#FFFFFF">
<font size=+3>Lesson Name: 
Assignment</font><br>
<font size=+2>Course</font><br>
<b>Instructor Name</b>, office location, 
phone number, hours, etc..
<p>
Use the <b>File</b> menu to 
print this page.
After completing the tasks below, 
sign and turn in your work..
<p>
Header and body. The body tag contains a NetScape option to colorize the background. "#FFFFFF" is the hexadecimal code for the color white. For more info, see Yahoo
<table border=4 cellpadding=4 cellspacing=10>

Start of the table.
    The options include:
  • border- the thickness of the outer border (in pixels)
  • cellpadding- the amount of white speace adjacent to the cell walls
  • cellspacing- the thickness of the inner walls.
<tr>
<td><B>Name:</B> </td>

<td><B>Date:</B> </td>

</tr>
Each row is designated by <tr> .... </tr>. Individual cells are each tagged by <td>...</td> Thjis row contains two cells.
<tr>
<td align=center colspan=2>
<font size=+1>For this assignment, 
complete the following by 
<b>date</b></font>
</td>
</tr>
This row contains one cell and is specified by using the option rowspan=2. The text is aligned by adding the modifier align=center to the <td>; tag.
<tr>
<td rowspan=2 valign=top>
<ol><font size=+2>A.</font>
<li> gfdsgfd sgfd  wjrewdfg gfd fgs!
<li> t y hjgf jhgfjhgfj ? g h fhwjg
 jfjh reiwriqirjwfe jwq49 5jiU*(&E NFJh udfh
 49 5jiwjrew
<li> gfdgs tre49 5jiytr ytryre
<li> gfdgfdsgfdsg hjg
hjg jgf jdwgj49 5jire wjrew grejgkrje
 gk jrw gjreio teqhtrjewtrew 
<li> 5432i5 52u 9u jdahd hwff3r\f
k fdifhfduhgehw tg4tjn gehtrhweigreiw htr\
</ol>
</td>
<td valign=top>
<font size=+2>B.</font><br>
After conducting your research, construct 
an outline and email it
to your partener. When you receive 
comments back, print them out and
staple them to this page
</td>
</tr>

This row contains 2 cells. The first cell has a modifier of rowpan=2 meaning that the next row after the current one will start imediately to the right.
<tr>
<td valign=top>
<B>Signature:</B></td>
</tr>
Beacuse the previous row had a rowspan of 2 this cell appears beneath the second cell in that previous row.
</table>
End of the table
<p>

<hr>
<B>Assignment</B><br>
last modified: 4/1/99<br>
<ADDRESS>
<A HREF="http://xyz.myschool.edu/">
MySchool</A><br>
<a href="http://xyz.myschool.edu/
users/me/myhome.html">
My name</a><br>
Comments to <b><A HREF=
"mailto:me@myschool.edu">
me@myschool.edu</A></b>
</ADDRESS>
<p>
<TT>
URL: http://xyz.myschool.edu/
    users/me/assignment.html
</TT>
<p>

</body>
</html>

Footer information for this document


View this web page