《计算机网络技术及应用》上机实验2-实验报告

实验2  网页设计－HTML编程

一、实验目的

1．熟悉HTML语言的标记代码；

2. 掌握用HTML编写简单的网页；

3. 为完成好实验报告3做技术准备。

二、实验要求

在熟悉HTML的基础上，在编辑器中书写代码，设计所要求的网页；

（推荐使用UltraEdit编辑器）

三、实验内容

试编写下列页面的HTML代码：

1．页面1

            

答：

<table border=3>

<tr align=CENTER >

    <td width=50>1</td>

    <td width=50>2</td>

    <td width=50>3</td>

</tr>

<tr align=CENTER >

    <td>4</td>         

        <td>5</td> 

        <td rowspan=2>6</td>

</tr>

<tr align=CENTER >

<td colspan=2>7</td>

  

</tr>

   </table>

2．页面2

(注：图片效果可不考虑)

答：

<html><BODY>

<TABLE BORDER=1>

<tr><td colspan=5 align=CENTER><FONT COLOR=RED SIZE=2><b>南非世界杯32强分组一览</b></FONT></td></tr>

<tr align=CENTER>

<td> A组</td><td>南非 </td><td>墨西哥 </td><td> 乌拉圭</td><td>法国 </td>

</tr>

<tr align=CENTER>

<td>B组 </td><td> 阿根廷</td><td>尼日利亚</td><td> 韩国</td><td> 希腊</td>

</tr>

<tr align=CENTER>

<td> C组</td><td> 英格兰</td><td>美国 </td><td>阿尔及利亚 </td><td>斯洛文尼亚 </td>

</tr>

<tr align=CENTER>

<td> D组</td><td> 德国</td><td>澳大利亚 </td><td> 塞尔维亚</td><td> 加纳</td>

</tr>

<tr align=CENTER>

<td> E组</td><td> 荷兰</td><td>丹麦 </td><td> 日本</td><td> 喀麦隆</td>

</tr>

<tr align=CENTER>

<td> F组</td><td> 意大利</td><td> 巴拉圭</td><td> 新西兰</td><td> 斯洛伐克</td>

</tr>

<tr align=CENTER>

<td> G组</td><td>巴西 </td><td> 朝鲜</td><td> 科特迪瓦</td><td>葡萄牙 </td>

</tr>

<tr align=CENTER>

<td> H组</td><td> 西班牙</td><td> 瑞士</td><td> 洪都拉斯</td><td> 智利</td>

</tr>

</TABLE>

</BODY></html>

2．页面3

答：

<html>

<body bgcolor=yellow>

<center><b><h3>申请表</h3></b></center>

<hr color=green>

<form >

<p>姓名：&nbsp<input type=text size=10 name=NAME>

<p>感兴趣的职位：

<p><input type=radio value=v1 checkedname=job>Web &nbsp设计人员

<input type=radio value=v2 checkedname=job>Web &nbsp管理员

<input type=radio value=v3 checkedname=job>Web &nbsp开发人员

<p>其他要求

<p><textarea rows=4 cols=63 name=request> 包括薪水待遇、工作地点等。</textarea>

<p><input type=checkbox name=ensure>发送确认信息

<p>经验<select size=1 name=experience>

<option value=a1>无经验</option>

<option value=a2>1 &nbsp年</option>

<option value=a3> 3 &nbsp年</option>

<option value=a4>5 &nbsp年</option>

</select>

<p align=center>

<input type=button value=确定 name=n1>&nbsp &nbsp

<input type=reset value=重置 name=n2>

</form>

</body>

</html>

4．页面

（注意：设计时不用考虑背景效果）

答<html>

<body>

<table border=1>

<tr><td width=80 height=5 align=center colspan=2><H3><b>20##年世界杯热点调查</b></H3></td></tr>

<tr><td rowspan=2>

<p><b>你认为哪支球队最有希望在

<p>20##年世界杯上折桂？</b>

<p><input type=radio value=a1 checkedname=country>巴西

<p><input type=radio value=a2 checkedname=country>西班牙

<p><input type=radio value=a3 checkedname=country>英格兰

<p><input type=radio value=a4 checkedname=country>意大利

<p><input type=radio value=a5 checkedname=country>阿根廷

<p><input type=radio value=a6 checkedname=country>德国

<p><input type=radio value=a7 checkedname=country>荷兰

<p><input type=radio value=a8 checkedname=country>其他

<p align=center><input type=button value=投票 name=b1>&nbsp

<input type=button value=查看 name=b2>

</td>

<td>

<p><b>你认为哪两支球队能够从A组

<p>携手出线？</b>

<p><input type=checkbox name=country1 value=on>南非

<p><input type=checkbox name=country1 value=on>墨西哥

<p><input type=checkbox name=country1 value=on>乌拉圭

<p><input type=checkbox name=country1 value=on>法国

<p align=center><input type=button value=投票 name=q1>&nbsp

<input type=button value=查看 name=q2>

</td></tr>

<tr><td>

<p><b>你认为哪两支球队能够从G组

<p>携手出线？</b>

<p><input type=checkbox name=country2 value=on>巴西

<p><input type=checkbox name=country2 value=on>葡萄牙

<p><input type=checkbox name=country2 value=on>朝鲜

<p><input type=checkbox name=country2 value=on>科特迪瓦

<p align=center><input type=button value=投票 name=q1>&nbsp

<input type=button value=查看 name=q2>

</td></tr>

</table>

</body>

</html>

 

第二篇：辽宁工程技术大学上机实验报告(1)

辽宁工程技术大学上机实验报告

相关推荐

专栏推荐