太原理工大学实验报告Web 程序设计基础

ziye_01

本科实验报告

课程名称：      Web 程序设计基础         

实验项目：      实验一  HTML语言      

实验地点：      迎西校区4506机房       

专业班级：软件工程      学号：         

学生姓名：                               

指导教师：                               

20##年  4月    

一、        实验目的

1.   掌握常用的HTML语言标记。

2.   利用文本编辑器建立HTML文档，制作简单网页。

二、       实验要求

1． 独立完成实验。

2． 书写实验报告书。

三、       实验内容

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 a 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>

      <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文件。

四、       实验结果

1.          

2.   程序清单：

<html>

  <head>

     <title>表单范例</title>

  </head>

  <body>

    <table align="center"><caption><h2><b>请留下个人资料</b><hr size="1" width="170" color="black"></h2></p></caption>

    <form name="form">

          <tr><td align="right">姓名：</td>

         <td><input type="text" name="姓名"></td></tr>

         <tr><td align="right">E-mail：</td><td><input type="text" name="邮箱"></td></tr>

         <tr><td align="right">电话：</td><td><input type="text" name="电话"></td></tr>

         <tr><td align="right">性别：</td><td><input type="radio" name="性别" checked>女

               <input type="radio" name="性别">男</td></tr>

         <tr><td align="right">年龄：</td><td><select>

                   <option selected>20以下

                   <option>40以下

                   <option>60以下

                   <option>60以上

               </select></td></tr>

         <tr><td align="right">留言板：</td>

         <td><textarea name="留言板" rows="5" cols="40"></textarea><br></td></tr>

         <tr><td align="right">您的爱好：</td>

         <td><input type="checkbox" name="运动">运动<br>

             <input type="checkbox" name="阅读">阅读<br>

             <input type="checkbox" name="听音乐">听音乐<br>

             <input type="checkbox" name="旅游">旅游

         </td></tr>

         <tr><td align="center" colspan="2"><input type="submit" name="提交" value="提交">

         &nbsp&nbsp&nbsp&nbsp&nbsp<input type="reset"  name="重写" value="全部重写"></td></tr>

     </form>

   </table>

   </body>

</html>

五、       讨论、心得

通过此次实验，让我收获许多，主要收获如下：

1.能熟练地掌握基本的HTML语言标记，懂得每一个标记所代表的意思。

2.进一步熟悉了表单的制作过程以及表单中各标记的灵活应用。

 

第二篇：太原理工大学web实验报告3

本科实验报告

课程名称：    Web开发实用技术基础     

实验项目：HTML语言、网页程序设计Javascript、request与response对象的应用、       

Application与Session对象的应用                           

实验地点：       逸夫楼                      

专业班级：软件1227   学号： 2012005774      

学生姓名：        王晓春                     

指导教师：         崔晓红                    

20##年  10   月 30   

相关推荐

专栏推荐