原创力文档- 1、本文档共7页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
昆明理工大学信息工程与自动化学院学生实验报告
（ 201 —201 学年第 一 学期 ）
课程名称：Web 设计技术 开课实验室： 年 月 日
年级、专业、班 学号 姓名 成绩
实验项目名称 网页设计简介、HTML 基础介绍、文字与 指 导 教
段落、列表 师
教
师
评 教师签名：
语 年 月 日
注：报告内容按实验须知中七点要求进行。
一.打开记事本，编写第一个页面。
（1）打开记事本：单击“开始”→“程序”→“附件”→“记事本”。
（2）输入下面代码：
<html>
<head>
<title>欢迎你! 我的朋友.</title>
<style type=“text/css”>hl{font-family：幼圆；font-size：x-large；color：
red}
</style>
</head>
<body>
<hl>当你进入 HTML 编程世界的时候，你的<br>感觉是全新的！</hl>
<script language="JavaScript">
alert( "welcome! 朋友们" )
</script>
</body>
</html>
(3)单击 “文件”→ “选择”→ “保存”菜单项，选择文件类型为 “所有文件”，文件名
输入 “index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html 或.htm，
否则网页无法显示）。
（4）用浏览器打开这个文件，看看效果吧！
二．用 HTML 语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显
示“欢迎来到我们的班级主页”，完成后效果如图：
代码：
<html>
<head>
<title>班级主页</title>
</head>
<body>
<p>欢迎来到我们的班级主页</p>
</body>
2
</html>
三．采用本章介绍的 HTML 标记完成如图所示的文字内容。
代码：
<html>
<head>
<title>文字实例</title>
</head>
<body>
<h3 align="left">3.1.2 标题字</h3>
标题字，就是以几种固定的字号去显示文字。在 HTML 中，定义了六级
标题，从一级
<br>到六级，每级标题的字体大小依次递减。
<h5 align="left">基本语法：</h5>
<h# align="left|center|right">标题文字</h#>
<h5 align="left">语法说明：</h5>
-3-
标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定
标题文字的大小，<br>
#取 1~6 的整数值，取 1 时文字最大，取 6 时文字最小。
</body>
</html>
四．根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。
代码：
</head>
<body>
<table width="574" height="452" border="0">
<tr>
4
<td width="19
文档评论（0）