太原理工大学web实验报告(2)
时间：2025-04-23
太原理工大学大学软件学院
学院名称 学生姓名 课程名称
学号 专业班级 Web 开发实用技术基础 实验题目
实验成绩 实验日期 HTML 语言
一.实验目的和要求1.掌握常用的 HTML 语言标记； 2.利用文本编辑器建立 HTML 文档，制作简单网页。 3.独立完成实验。 4.书写实验报告书。
二.实验内容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 文件。
三、主要仪器设备笔记本电脑
四、实验结果实验内容 1:
太原理工大学大学软件学院
页面中包含的元素有滚动条 welcome to you,标题 A simple HTML docunment,文字 部分 Welcome to the world of HTML.This is a simple HTML document.It is to give you an outline of how to write HTML file and how the markup tags work in the HTML(格式不同) ,列表，表 格，段落。 实验内容 2: 代码： <html><head> <title>表单范例</title> </head><body> <h2 align="center"><b><SPAN style="TEXT-DECORATION: underline">请留下个人 资料</SPAN></b></h2> <table align="center"> <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="提交"> <input type="reset" name="重写" value="全部重写"></td></tr> </form> </table> </body> </html> 结果截图：
五、讨论、心得程序开始编写的时候虽然有了要求的 form,但是格式却不如例图 中的整齐，后来查阅资料发现用表格可以使 form 里的元素格式变的整 齐，看起来和例图中的一样了。
太原理工大学大学软件学院
学院名称 学生姓名 课程名称
学号 专业班级 Web 开发实用技术基础 实验题目
实验成绩 实验日期 网页程序设计-JavaScript
一.实验目的和要求 1.掌握 JavaScript 技术,基本掌握 JavaScript 的开发技巧。 2.利用文本编辑器建立 JavaScript 脚本语言进行简单编程。 3.据以下实验内容书写实验准备报告。 4.独立完成实验。
二.实验内容 1.显示一个动态的时钟 在文本编辑器“记事本”中输入 …… 此处隐藏：2606字，全部文档内容请下载后查看。喜欢就下载吧 ……
太原理工大学web实验报告(2).doc
将本文的Word文档下载到电脑
上一篇：电子商务中避税及反避税问题
下一篇：阀门培训资料
