资源描述:
《网页设计实验报告实验一.doc》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、昆明理工大学信息工程与自动化学院学生实验报告(201—201学年第一学期)课程名称:Web设计技术开课实验室:年月日年级、专业、班学号姓名成绩实验项目名称网页设计简介、HTML基础介绍、文字与段落、列表指导教师教师评语教师签名:年月日注:报告内容按实验须知中七点要求进行。一.打开记事本,编写第一个页面。(1)打开记事本:单击“开始”→“程序”→“附件”→“记事本”。(2)输入下面代码:
欢迎你!我的朋友.hl{font-family:幼圆;font-size:x-lar2、ge;color:red}
当你进入HTML编程世界的时候,你的
感觉是全新的!alert("welcome!朋友们")(3)单击“文件”→“选择”→“保存”菜单项,选择文件类型为“所有文件”,文件名输入“index.html”并选择文件保存地址(记住一定要把文件的后缀存为.html或.htm,否则网页无法显示)。(4)用浏览器打开这个文件,看看效果吧!二.用HTML语言编写符合以下要求的文档:标题3、为“班级主页”,在浏览器窗口用户区显示“欢迎来到我们的班级主页”,完成后效果如图:代码:
班级主页欢迎来到我们的班级主页
三.采用本章介绍的HTML标记完成如图所示的文字内容。代码:文字实例3.1.2标题字 标题字,就是以几种固定的字号去显示文字。在HTML中,定义了六级标题,从一级
到六级,每级标题4、的字体大小依次递减。基本语法: <h#align="left
5、center
6、right">标题文字</h#>语法说明: 标题标记本身具有换行的作用,标题总是从新的一行开始;#用来指定标题文字的大小,
#取1~6的整数值,取1时文字最大,取6时文字最小。四.根据本章所讲知识,采用有序列表技术编写出具有如图所示的运行效果页面的程序。代码:7、="574"height="452"border="0">
数字列表:1.苹果2.香蕉3.柠檬4.橘子大写罗马字母列表:I.苹果II.香蕉8、enter">III.柠檬
IV.橘子
大写字母列表:A.苹果B.香蕉C.柠檬D.橘子 | 小写罗马字母列表:i.苹果ii.香蕉 9、n="center">iii.柠檬 iv.橘子 |
小写字母列表:a.苹果b.香蕉c.柠檬d.橘子