网页设计实验报告实验一.doc_第1页
网页设计实验报告实验一.doc_第2页
网页设计实验报告实验一.doc_第3页
网页设计实验报告实验一.doc_第4页
网页设计实验报告实验一.doc_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

昆明理工大学信息工程与自动化学院学生实验报告（ 201 201 学年第 一 学期 ）课程名称：Web设计技术 开课实验室： 年 月 日年级、专业、班 学号 姓名 成绩实验项目名称网页设计简介、HTML基础介绍、文字与段落、列表指导教师 教师评语 教师签名： 年 月 日注：报告内容按实验须知中七点要求进行。一.打开记事本，编写第一个页面。 （1）打开记事本：单击“开始”“程序”“附件”“记事本”。 （2）输入下面代码： 欢迎你! 我的朋友.hlfont-family：幼圆；font-size：x-large；color：red当你进入HTML编程世界的时候，你的感觉是全新的！alert( welcome! 朋友们 ) (3)单击“文件”“选择”“保存”菜单项，选择文件类型为“所有文件”，文件名输入“index.html”并选择文件保存地址（记住一定要把文件的后缀存为.html或.htm，否则网页无法显示）。 （4）用浏览器打开这个文件，看看效果吧！二用HTML语言编写符合以下要求的文档：标题为“班级主页”，在浏览器窗口用户区显示“欢迎来到我们的班级主页”，完成后效果如图：代码：班级主页欢迎来到我们的班级主页三采用本章介绍的HTML标记完成如图所示的文字内容。代码：文字实例3.1.2 标题字   标题字，就是以几种固定的字号去显示文字。在HTML中，定义了六级标题，从一级到六级，每级标题的字体大小依次递减。基本语法：    <h# align=left|center|right>标题文字</h#>语法说明：   标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，#取16的整数值，取1时文字最大，取6时文字最小。四根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。代码： 数字列表： 1.苹果 2.香蕉 3.柠檬 4.橘子 大写罗马字母列表: I.苹果 II.香蕉 III.柠檬 IV.橘子 大写字母列表： A. 苹果 B.香蕉 C.柠檬 D.橘子 小写罗马字母列表： i.苹果 ii.香蕉 iii.柠檬 iv.橘子 小写字母列表： a.苹果 b.香蕉 c.柠檬 d.橘子 五根据本章所讲知识，用无序列表多层嵌套编写出具有如图所示的运行效果页面的程序。代码：列表嵌套实验 一个嵌套列表： 咖啡 茶   红茶  绿茶    中国茶   非洲茶 牛奶 实验结果分析：通过本次实验网页设计有了更进一步的认识，熟悉了HTML文件的基本结构和基本语法以及文字与段落的格式设置，如文字内容标记、文字修饰标记、文字样式标记、段落修饰标记的使用。还有学会了无序列表、有序列表的使用，掌握了列表的
人人文库> 全部分类> 应用文书 > 年终总结

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论