web程序设计实验报告集合.pdf

一、实验目的

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

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

二、实验要求

1.独立完成实验。

2.书写实验报告书。

三、实验内容

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

并在浏览器中运行。

源程序清单如下：

HTML

HEAD

TITLEExample/TITLE

/HEAD

H1

B

I

MARQUEEMARQUEEDIRECTION=LEFTBEHAVIOR=ALTERMATEwelcome

toyou!

/MARQUEE

/FONT

/I

/B

/H1

HR

H2ALIGN=CENTER

/FONT

/H2

EMWelcometotheworldofHTML!/EM

PThisisasimpleHTMLdocument.Itistogiveyouanoutlineofhowto

writeHTMLfileandhowtheBmarkuptags/BworkintheIHTML/Ifile

/P

PFollowinginthreechapters.

ULTYPE=square

LIThisisthechapterone!/LI

LIThisisthechapterthree!/LI

/UL

/P

HR

P

/A

/P

TR

THitem/TH

THcoment/TH

/TR

TR

TDitem1/TD

TDfont/TD

/TR

TR

TDitem2/TD

TDtable/TD

/TR

TR

TDitem3/TD

TDform/TD

/TR

/TABLE

hr

P

1P2P3P4P5P6P7P

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

/P

/BODY

/HTML

运行结果：

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

程序代码：

HTML

HEAD

TITLE表单范例/TITLE

/HEAD

实验实验实验一实验一

H1ALIGN=CENTER请留下个人资料HRSIZE=5WIDTH=240COLOR=MAROON/H1

FORM

Pnbsp;nbsp;姓名：姓名：姓名姓名

PE-mail：：邮箱邮箱

Pnbsp;nbsp;电话：电话：电话电话

Pnbsp;nbsp;性别：nbsp;nbsp;INPUTnbsp;nbsp;INPUTnbsp;nbsp;INPUT性别性别CHECKED

女女性别性别男/P

Pn