实 验 报 告
课程名称：      Web应用开发技术       
 
  实验项目：        HTML语 言、       
                      网页程序设计-JavaScript、
        Request与Response对象的应用、       
实验地点：          致远楼503             
专业班级：          学号：               
学生姓名：                             
指导教师：          秦 宇 强               
2013年 12  月  28  日
课程名称
WEB
实验题目
HTML语言
一．实验目的
1．掌握常用的HTML语言标记；
2．利用文本编辑器建立HTML文档，制作简单网页。
二．实验内容
1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保
存，并在浏览器中运行。
  源程序清单如下：
<html>
<head>
<title>Example</title>
</head>
<body bgcolor="#00DDFF">
<h1><B><I><FONT COLOR="#FF00FF">
<MARQUEE BGCOLOR= "#FFFF00" direction=left behavior=alternate>welcome to you</MARQUEE>
</FONT></I></B></h1>
<hr>
<h2 align=center><FONT COLOR="#0000FF">A simple HTML document</FONT></h2>
<EM>Welcome to the world of HTML</EM>
<p>This is a simple HTML document.It is to give you an outline of how to write HTML file and how the<b> markup tags</b> work in the <I>HTML</I> file</p>
<p>Following is three chapters
<ul>
<li>This is the chapter one</li>
<li><A  HREF="#item">This is the chapter two</A></li>
<li>This is the chapter three</li>
</ul></p>
<hr>
<p><A NAME="item">Following is items of the chapter two</A> </p>
<table border=2 bgcolor=gray width="40%">
<tr>
<th>item</th>
<th>content</th>
</tr>
<tr>
<td>item 1</td>
<td>font</td>
</tr>
<tr>
<td>item 2</td>
<td>table</td>
</tr>
<tr>
<td>item 3</td>
<td>form</td>
</tr>
</table>
<hr><p>
1<p>
2<p>
3<p>
4<p>
5<p>
6<p>
7<p>
<B><I><FONT COLOR=BLUE SIZE=4>End of the example document </FONT></I></B>
</p>
</body>
</html>
2．编写一个能输出如图所示界面的HTML文件。
3．实验结果
1.
2.实验内容代码：
<html>
<head><title>表单范例</title></head>
<body >
<h2>
<p align=center ><u><b>请留下个人资料</b></u></p>
</h2>
<from>
<table border=0>
<pre>
                              姓名：<input type=text name="姓名"><br>
                            E-mail: <input type=text  name="邮件"><br>
                              电话：<input  type=text name="电话"><br>
                              性别：<input type= radio name="male"  checked>女  <input type= radio name="fmale" >男<br>
                              年龄：<select size=1><option>20以下<option>20到40<option>40以上</option></select>
  </pre>
     
      <tr><td rowspan=2><pre>                          留言板:</pre></td>
     
          <td><textarea  name="留言板" rows=5 cols=50></textarea></td><td></td></tr>                     
</table>
    <pre>                       
                                    <input type=checkbox name="运动">运动 <br>
                        您的爱好： <input type=checkbox name="阅读" >阅读 <br>
                                    <input type=checkbox name="听音乐">听音乐 <br>
                                    <input type=checkbox name="旅游">旅游 <br>
</pre>
  <p align=center>
  <input type=submit name="提交" value="提交">  
  <input type=reset name="重写" value="全部重写">
  </p>
</from>
</body>
</html>
实验结果图片：
四．实验过程中遇到的问题及解决方法
  HTML较为简单，没有遇到太多问题，只是有一些不熟悉的属性在编写的时候需要查阅。
五．实验结论和感想
  通过此次实验，让我收获许多，主要收获如下：
    1.能熟练地掌握基本的用户登录界面设计代码htmlHTML语言标记，懂得每一个标记所代表的意思。      2.进一步熟悉了表单的制作过程以及表单中各标记的灵活应用。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。