预览加载中，请您耐心等待几秒...
1/7
2/7
3/7
4/7
5/7
6/7
7/7
在线预览结束，喜欢就下载吧，查找使用更方便
如果您无法下载资料，请参考说明：
1、部分资料下载需要金币，请确保您的账户上有足够的金币
2、已购买过的文档，再次下载不重复扣费
3、资料包下载后请先用软件解压，在使用对应软件打开
--昆明理工大学信息工程与自动化学院学生实验报告（201—201学年第一学期）课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩实验项目名称网页设计简介、HTML基础介绍、文字与段落、列表指导教师教师评语教师签名：年月日注：报告内容按实验须知中七点要求进行。一.打开记事本，编写第一个页面。（1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。（2）输入下面代码：<html><head><title>欢迎你!我的朋友.</title><styletype=“text/css”>hl{font-family：幼圆；font-size：x-large；color：red}</style></head><body><hl>当你进入HTML编程世界的时候，你的<br>感觉是全新的！</hl><scriptlanguage="JavaScript">alert("welcome!朋友们")</script></body></html>(3)单击“文件”→“选择”→“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。（4）用浏览器打开这个文件，看看效果吧！二．用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图：代码：<html><head><title>班级主页</title></head><body><p>欢迎来到我们的班级主页</p></body></html>三．采用本章介绍的HTML标记完成如图所示的文字内容。代码：<html><head><title>文字实例</title></head><body><h3align="left">3.1.2标题字</h3> 标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，从一级<br>到六级，每级标题的字体大小依次递减。<h5align="left">基本语法：</h5> <h#align="left|center|right">标题文字</h#><h5align="left">语法说明：</h5> 标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，<br>#取1~6的整数值，取1时文字最大，取6时文字最小。</body></html>四．根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。代码：</head><body><tablewidth="574"height="452"border="0"><tr><tdwidth="194"><palign="center">数字列表：</p><palign="center">1.苹果</p><palign="center">2.香蕉</p><palign="center">3.柠檬</p><palign="center">4.橘子</p></td><tdwidth="370"><palign="center">大写罗马字母列表:</p><palign="center">I.苹果</p><palign="center">II.香蕉</p><palign="center">III.柠檬</p><palign="center">IV.橘子</p></td></tr><tr><td><palign="center">大写字母列表：</p><palign="center">A.苹果</p><palign="center">B.香蕉</p><palign="center">C.柠檬</p><palign="center">D.橘子</p></td><td><palign="center">小写罗马字母列表：</p><palign="center">i.苹果</p><palign="center">ii.香蕉</p><palign="center">iii.柠檬</p><palign="center">iv.橘子</p></td></tr><tr><tdheight="152"><palign="center">小写字母列表：</p><palign="center">a.苹果</p><palign="center">b.香蕉</p><palign="center">c.柠檬</p><palign="cen
