web实验报告_原创精品文档.pdf

本科实验报告

课程名称：Web程序设计

实验项目：HTML语言

实验地点：逸夫楼303

专业班级：学号：

学生姓名：

指导教师：

2013年12月13日

一、实验目的和要求

1．掌握常用的HTML语言标记；

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

二、实验内容和原理

1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，

并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用）

源程序清单如下：

html

head

titleExample/title

/head/head/head/head

you/MARQUEE

/FONT/I/B/h1

hrhr

EMWelcometotheworldofHTML/EM

pThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTML

fileandhowthebmarkuptags/bworkintheIHTML/Ifile/p

pFollowingisthreechapters

ul

liThisisthechapterone/liliThisisthechapterone/li

liThisisthechapterthree/li

/ul/p

hrhrhr

tr

thitem/th

thcontent/th

/tr

tr

tditem1/td

tdfont/td

/tr

tr

tditem2/td

tdtable/td

/tr

tr

tditem3/td

tdform/td

/tr

/table

hrp

1p

2p

3p

4p

5p

6p

7p

BIFONTCOLOR=BLUESIZE=4Endoftheexampledocument/FONT/I/B

/p

/body

/html

2．编写一个能输出如图所示界面的HTML文件。

三、主要仪器设备

笔记本电脑

四、操作方法与实验步骤

实验2的源代码如下：

html

head

title表单范例/title

/head

bodybody

captionpbu请留下个人资料/b/u

/p/caption/p/caption/p/caption

姓名：/td/td

姓名姓名

trtdtrtd：/tdtdinput/tdtdinput/tdtdinput邮箱箱箱

trtdtrtd电话：/tdtdinput/tdtdinput/tdtdinput电话话

trtdtrtd性别：/tdtdinput/tdtdinput/tdtdinput性别性别checked

女女性别性别男/td/tr/td/tr

年龄：/tdtdselect