课程名称： WEB程序设计基础
实验项目： WEB程序设计基础实验
实验地点： 逸夫楼402
专业班级： 软件1415班
学生姓名： 朱伟 学号：
指导教师： 田玉玲
2016年 11 月 21 日
实验一 HTML语言
一、实验目的
1．掌握常用的HTML语言标记；
2．利用文本编辑器建立HTML文档，制作简单网页。
二、实验要求
1．独立完成实验。
2．书写实验报告书。
三、实验内容
1．在文本编辑器“记事本”中输入如下的HTML代码程序，，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）
（1）程序代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<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 theworld of Html</EM>
<p>This is a simple HTML 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>item1</td>
<td>font</td>
</tr>
<tr>
<td>item2</td>
<td>table</td>
</tr>
<tr>
<td>item3</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>
</body>
</html>
（2）实验结果
编写一个能输出如图所示界面的HTML文件。
（1）程序代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单范例</title>
<style>
h1{
text-align: center;
}
</style>
</head>
<body>
<form action="#">
<table border="0" align="center">
<tr>
<td colspan="2">
<h1><u>请留下个人资料</u></h1>
</td>
</tr>
<
太原理工大学web程序设计基础实验报告2016 来自淘豆网m.daumloan.com转载请标明出处.
