预览加载中，请您耐心等待几秒...

太原理工大学web实验报告.pdf

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共18页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

本科实验报告 课程名称：Web开发实用技术基础 实验项目：HTML语言 网页程序设计Javascript Request与Response对象的应用 Application与Session对象的应用 实验地点：实验室211 专业班级：学号： 学生姓名： 指导教师： 2015年11月5日 学院名称学号实验成绩 学生姓名专业班级实验日期 课程名称Web开发实用技术基础实验题目HTML语言 一．实验目的和要求 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 3．独立完成实验。 4．书写实验报告书。 二．实验内容 1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存， 并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： <html> <head> <title>Example</title> </head> <bodybgcolor="#00DDFF"> <h1><B><I><FONTCOLOR="#FF00FF"> <MARQUEEBGCOLOR="#FFFF00"direction=leftbehavior=alternate>welcometo you</MARQUEE> </FONT></I></B></h1> <hr> <h2align=center><FONTCOLOR="#0000FF">AsimpleHTMLdocument</FONT></h2> <EM>WelcometotheworldofHTML</EM> <p>ThisisasimpleHTMLdocument.ItistogiveyouanoutlineofhowtowriteHTMLfileandhow the<b>markuptags</b>workinthe<I>HTML</I>file</p> <p>Followingisthreechapters <ul> <li>Thisisthechapterone</li> <li><AHREF="#item">Thisisthechaptertwo</A></li> <li>Thisisthechapterthree</li> </ul></p> <hr> <p><ANAME="item">Followingisitemsofthechaptertwo</A></p> <tableborder=2bgcolor=graywidth="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><FONTCOLOR=BLUESIZE=4>Endoftheexampledocument</FONT></I></B> </p> </body> </html> 2．编写一个能输出如图所示界面的HTML文件。 三、主要仪器设备 笔记本电脑 四、实验结果 实验内容1： 页面中包含的元素有滚动条welcometoyou，标题AsimpleHTMLdocunment，文字 部分WelcometotheworldofHTML.ThisisasimpleHTMLdocument.Itistogiveyouanoutline ofhowtowriteHTMLfileandhowthemarkuptagsworkin（格式不同）theHTML，列表，表 格，段落。 实验内容2： 代码： <html><head> <title>表单范例</title> </head><body> <h2align="center"><b><SPANstyle="TEXT-DECORATION:underline">请留下个人 资料</SPAN></b></h2> <tablealign="center"> <formname="form"> <tr><tdalign="right">姓名：</td> <td><inputtype="text"name="姓名"></td></tr> <tr><tdalign="right">E-mail：</td><td><inputtype="text"name="邮箱"></td></tr> <tr><tdalign="right">电话：</td><td><inputtyp