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

太原理工大学web程序设计基础实验报告2016.pdf

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

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

下载提示 文本预览

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

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

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

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

课程名称：WEB程序设计基础 实验项目：WEB程序设计基础实验 实验地点：逸夫楼402 专业班级：软件1415班 学生姓名：朱伟学号：2014005960 指导教师：田玉玲 2016年11月21日 实验一HTML语言 一、实验目的 1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求 1．独立完成实验。 2．书写实验报告书。 三、实验内容 1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并 在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） （1）程序代码： <!doctypehtml> <htmllang="en"> <head> <metacharset="UTF-8"> <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.ItistogiveyouanoutlineofhowtowriteHTMLfile andhowthe<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> </body> </html> （2）实验结果 2．编写一个能输出如图所示界面的HTML文件。 （1）程序代码 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>表单范例</title> <style> h1{ text-align:center; } </style> </head> <body> <formaction="#"> <tableborder="0"align="center"> <tr> <tdcolspan="2"> <h1><u>请留下个人资料</u></h1> </td> </tr> <tr> <td>&nbsp姓&nbsp名:</td> <td><inputtype="text"name="username"></td> </tr><br> <tr> <td>&nbspE-mail:</td> <td><inputtype="text"name="email"></td> </tr><br> <tr> <td>&nbsp电&nbsp话:</td> <td><inputtype="text"name="phone"></td> </tr><br> <tr> <td>&nbsp性&nbsp别:</td> <td><inputtype="radi