第一个页面代码：<body>
<h3>Frequently Asked Questions</h3>
<p></p>
<ol>
<li><a href="#">Is it secure to send my company'sinformation
to COMIS?</a></li>
<li><a href="#">How can I enable SSL for my computer?</a></li>
</ol>
<p></p>
<div style="margin-left: 60px; width: 800px">
<ol>
<li><p>
<b>Is it secure to send my company's information to COMIS?</b>
</p>
<p>Your company information is protected by your unique user
name and password which are used to identify your company each time
you log in to COMIS.During and after your login,all data send
to/from COMIS are encrypted with 128-bit encryption;and the system
is protected by firewalls.</p>
<p>An automatic 'time-out'frature is activated after login.If
there is no activity after a predefined period of time,the session
will be automatically terminated to prevent unauthorized access.</p>
<p>Security is a joint effort.You should note the following at
all times to help ensure security is not compromised:</p></li>
<ul style="list-style-type: circle;">
<li>Do not disclose your password</li>
<li>Do not share your user name and password with others</li>
<li>Avoid using the same user name and password to access other
Internet services</li>
<li>Select a password that cannot be easily guessed</li>
<li>The password should be a combination of mumbers and letters
with upper and lower case</li>
<li>Change your password regularly</li>
</ul>
</ol>
</div>
<div width="100%">
<a href="#" style="float: right;">Back to Top</a>
</div>
<div style="margin-left: 60px; margin-top: 30px; width: 800px">
<ol start="2">
<li><p>
<b>How can I enable SSL for my computer?</b>
</p></li>
<p>Steps to enable SSl for Netscape Communicator 4.79:</p>
<ol type="a">
<li>Select"Communicator" from the Menu bar.</li>
<li>Select"Tools".</li>
<li>Select"Secunity Information".</li>
<p>
<img src="images/1.png" alt="">
</p>
<li>Select"Navigator".</li>
<li>GO to "Advanced Security(SSL)Configuration" section and
click"Enable SSL(Secure Sockets Layer)v2"and"Enable SSL(Secure
Sockets Layer)v3" check box and</li>
<p>
<img src="images/2.png" alt="">
</p>
<li>Click"OK" to exit the dialog box.</li>
</ol>
</ol>
</div>
<div width="100%">
<a href="#" style="float: right;">Back to Top</a>
</div></body>
效果图：
第二个作业代码：
<body>
<table width="800px">
<tr>
<td style="border-right: 4px solid #c8c8c8" width="150px"></td>
<td width="150px"></td>
<td width="300px">W-2802B Philippine Stock Exchange
Centre,Exchange Road,<br>Ortigas Center,Pasig City 1605,Metro
Manila,Philippines
</td>
<td>Tel:(632)6375960<br>Fax:(632)6375963
</td>
</tr>
<tr>
<td></td>
<td colspan="3"><h1>Deborah Greer</h1></td>
</tr>
<tr>
<td bgcolor="#c8c8c8" height="30px"
style="border-right: 4px solid #ffffff;"><b>Objective</b></td>
<td colspan="3">[Click <b>Here</b> and type your objective]
</td>
</tr>
<tr style="margin-top: 20px">
<td bgcolor="#c8c8c8" height="30px"
style="border-right: 4px solid #ffffff;"><b>Experience</b></td>
<td width="150px">1990 - 1994</td>
<td style="text-align: center;">Arbor Shoes</td>
<td width="150px">Southridge WA</td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><b>National Sales Manager</b></p>
<ul>
<li>Increased sales from $50 million to $100 million.</li>
<li>Doubled sales per representative from $5 million to $10
million.</li>
<li>Suggested new products that increased earnings by 23%.</li>
</ul></td>
</tr>
<tr style="margin-top: 20px">
<td></td>
<td width="150px">1985 - 1990</td>
<td style="text-align: center;">Ferguson and Bardell</td>
<td width="150px">Southridge,WA</td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><b>District Sales Manager</b></p>
<ul>
<li>Increased regional sales from $25 million to $350 million.</li>
<li>Managed 250 sales representatives in 10 Western states.</li>
<li>Implemented training course for new recruits-speeding
profitability.</li>
</ul></td>
</tr>
<tr style="margin-top: 20px">
<td></td>
<td width="150px">1985 - 1990</td>
<td style="text-align: center;">Ferguson and Bardell</td>
<td width="150px">Southridge,WA</td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><b>District Sales Manager</b></p>
<ul>
<li>Increased regional sales from $25 million to $350 million.</li>
<li>Managed 250 sales representatives in 10 Westem states.</li>
<li>Implemented training course for new recruits-speeding
profitability.</li>
</ul></td>
</tr>
<tr style="margin-top: 20px">
<td></td>
<td width="150px">1980 - 1984</td>
<td style="text-align: center;">Duffy Vineyards</td>
<td width="150px">Southridge,WA</td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><b>Senior Sales Representative</b><p>
<ul>
<li>Expanded sales team from 50 to 100 representatives.</li>
<li>Tripled division revenues for each sales associate.</li>
<li>Expanded sales to include mass market accounts.</li>
</ul></td>
</tr>
<tr style="margin-top: 20px">
<td></td>
<td width="150px">1975 - 1980</td>
<td style="text-align: center;">LitWare,Inc</td>
<td width="150px">Southridge,WA</td>
</tr>
<tr>
<td></td>
<td colspan="3"><p><b>Sales Representative</b></p>
<ul>
<li>Expanded temitorial sales by 400%.</li>
<li>Received company's highest sales award four years in a
row.</li>
<li>Developed Excellence In Sales training course.</li>
</ul></td>
</tr>
<tr style="margin-top: 20px">
<td bgcolor="#c8c8c8" height="30px"
style="border-right: 4px solid #ffffff;"><b>Education</b></td>
<td width="150px">1971 - 1975</td>
<td style="text-align: center;">Southridge State University</td>
<td width="150px">Southridge,WA</td>
</tr>
<tr>
<td></td>
<td colspan="3">
<ul>
<li>B.A,Business Administration and Computer Science.</li>
<li>Graduated Summa Cum Laude.</li>
</ul>
</td>
</tr>
<tr>
<td bgcolor="#c8c8c8" height="30px"
style="border-right: 4px solid #ffffff;"><b>Interests</b></td>
<td colspan="3">Southridge Board of Directors,running
gardening,carpentry,computers.</td>
</tr>
<tr>
<td bgcolor="#c8c8c8" height="30px"
style="border-right: 4px solid #ffffff;"><b>References</b></td>
<td colspan="3">Available upon request.</td>
</tr>
</table>
</body>
第二个作业效果图：
转载于:https://my.oschina.net/ZxArvin/blog/1811526