web程序设计实验报告集合.docx
- 文档编号:29947853
- 上传时间:2023-08-03
- 格式:DOCX
- 页数:40
- 大小:1.74MB
web程序设计实验报告集合.docx
《web程序设计实验报告集合.docx》由会员分享,可在线阅读,更多相关《web程序设计实验报告集合.docx(40页珍藏版)》请在冰豆网上搜索。
web程序设计实验报告集合
一、实验目得
1.掌握常用得HTML语言标记;
2.利用文本编辑器建立HTML文档,制作简单网页.
二、实验要求
1.独立完成实验。
2.书写实验报告书。
三、实验内容
1.在文本编辑器“记事本”中输入如下得HTML代码程序,以文件名sy1、html保存,并在浏览器中运行。
源程序清单如下:
〈HTML>
ﻩ<HEAD>
ﻩﻩ
〈BODYBGCOLOR="#00DDFF”>
ﻩﻩ〈H1>
ﻩ <I〉
ﻩﻩ 〈FONTCOLOR="#FF00FF"〉
ﻩ<MARQUEEBGCOLOR="#FFFF00”DIRECTION=LEFTBEHAVIOR=ALTERMATE>weletoyou!
ﻩ
ﻩﻩ </FONT〉
〈/I>
ﻩ </B〉
ﻩﻩH1〉
ﻩ
ﻩﻩ〈H2ALIGN=CENTER>
ﻩ <FONTCOLOR="#0000FF”>AsimpleHTMLdocument
ﻩ 〈/FONT〉
ﻩﻩ</H2>
ﻩ〈EM〉WeletotheworldofHTML!
</EM>
ﻩ
markuptags〈/B>workinthe<I>HTML〈/I>file
ﻩﻩ</P>
ﻩﻩ
Followinginthreechapters、
<UL TYPE=square>
<LI>Thisisthe chapterone!
〈/LI>
ﻩ <LI>〈A HREF="#ITEM">This isthechaptertwo!
</A〉</LI〉
ﻩ<LI>This is thechapterthree!
</LI>
ﻩ</UL〉
ﻩﻩ〈/P>
ﻩ<HR〉
ﻩ
ﻩ 〈ANAME="ITEM”>Followingisitemofthechapter two!
ﻩ
ﻩP〉
ﻩ
ﻩ <TR〉
ﻩ <TH>item
ﻩ<TH>ent〈/TH>
ﻩ <TR>
ﻩﻩ <TD>item1〈/TD>
ﻩﻩ <TD>font</TD>
ﻩ〈/TR>
<TR〉
ﻩ
<TD>table〈/TD〉
ﻩ〈/TR>
〈TR>
ﻩﻩ
ﻩﻩ
ﻩ</TR〉
ﻩ
ﻩﻩ〈hr>
〈P>
1
2
4<P>5〈P〉6〈P>7
ﻩ〈B>〈I〉〈FONTCOLOR=BLUESIZE=4〉End of theexampledocumentI〉〈/B〉
</P〉
〈/BODY〉
运行结果:
2、编写一个能输入如图所示界面得HTML文件.
程序代码:
<HTML>
〈HEAD〉
ﻩ<TITLE>表单范例</TITLE>
ﻩ<BODY background="E:
\THREE\JSP\实验\实验一\4、jpg"〉
ﻩ
请留下个人资料〈HRSIZE=5WIDTH=240COLOR=MAROON>
<FORM>
ﻩ 〈P>&nbsp;&nbsp;姓名:
<INPUT TYPE="TEXT"NAME="姓名”><BR></P>
ﻩ <P>E-mail:
<INPUTTYPE="TEXT”NAME=”邮箱" SIZE=60〉〈BR></P>
ﻩ
<INPUTTYPE="TEXT"NAME=”电话”></P>
ﻩ
&nbsp; ;性别:
&nbsp;&nbsp;〈INPUTTYPE="RADIO" NAME="性别" CHECKED〉女&nbsp;&nbsp;〈INPUT TYPE=”RADIO”NAME=”性别">男〈/P>
ﻩ 〈P >&nbsp;&nbsp;年龄:
ﻩ〈SELECT>
ﻩ〈option value=20selected〉20岁以下
ﻩ〈optionvalue=40>30岁—40岁
ﻩ〈option value=50〉40岁-50岁
<option value=60〉50岁-60岁ﻩ
ﻩSELECT>
〈/P>
ﻩ
〈br>〈TEXTAREA NAME=”留言板”ROWS=8COLS=66 〉〈/TEXTAREA>〈/P>
ﻩ
ﻩ&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; ;&nbsp;&nbsp;&nbsp;〈INPUT TYPE=”CHECKBOX"NAME="爱好">运动〈BR〉
您得爱好:
〈INPUT TYPE="CHECKBOX”NAME="爱好”>阅读<BR>
ﻩ&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;〈INPUT TYPE="CHECKBOX" NAME="爱好”〉听音乐<BR>
ﻩﻩ&nbsp;&nbsp; ;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;〈INPUTTYPE=”CHECKBOX”NAME=”爱好">旅游〈BR〉〈/P〉
ﻩ
ﻩ 〈INPUT TYPE=SUBMITVALUE=全部重写>
〈/P〉
ﻩ </FORM>