网页设计实验报告实验一.doc

资源ID：79033794 资源大小：228.50KB 全文页数：7页
资源格式： DOC 下载积分：20金币

快捷下载

会员登录下载

微信登录下载

三方登录下载：

微信扫一扫登录

下载资源需要20金币

邮箱/手机：
温馨提示：	快捷下载时，用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）。如填写123，账号就是123，密码也是123。
支付方式：
验证码：	换一换

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

网页设计实验报告实验一.doc

昆明理工大学信息工程与自动化学院学生实验报告（ 201 201 学年第一学期）课程名称：Web设计技术开课实验室：年月日年级、专业、班学号姓名成绩实验项目名称网页设计简介、HTML基础介绍、文字与段落、列表指导教师教师评语教师签名：年月日注：报告内容按实验须知中七点要求进行。一.打开记事本，编写第一个页面。（1）打开记事本：单击“开始”“程序”“附件”“记事本”。（2）输入下面代码： <html><head><title>欢迎你! 我的朋友.</title><style type=“text/css”>hlfont-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></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>   标题标记本身具有换行的作用，标题总是从新的一行开始；#用来指定标题文字的大小，<br>#取16的整数值，取1时文字最大，取6时文字最小。</body></html>四根据本章所讲知识，采用有序列表技术编写出具有如图所示的运行效果页面的程序。代码：</head><body><table width="574" height="452" border="0"> <tr> <td width="194"><p align="center">数字列表：</p> <p align="center"> 1.苹果</p> <p align="center">2.香蕉</p> <p align="center">3.柠檬</p> <p align="center">4.橘子</p></td> <td width="370"><p align="center">大写罗马字母列表:</p> <p align="center">I.苹果</p> <p align="center">II.香蕉</p> <p align="center">III.柠檬</p> <p align="center">IV.橘子</p></td> </tr> <tr> <td><p align="center">大写字母列表：</p> <p align="center"> A. 苹果</p> <p align="center">B.香蕉</p> <p align="center">C.柠檬</p> <p align="center">D.橘子</p></td> <td><p align="center">小写罗马字母列表：</p> <p align="center">i.苹果 </p> <p align="center">ii.香蕉</p> <p align="center">iii.柠檬</p> <p align="center">iv.橘子</p></td> </tr> <tr> <td height="152"><p align="center">小写字母列表：</p> <p align="center">a.苹果</p> <p align="center">b.香蕉</p> <p align="center">c.柠檬</p> <p align="center">d.橘子</p></td> </tr></table></body></html>五根据本章所讲知识，用无序列表多层嵌套编写出具有如图所示的运行效果页面的程序。代码：<html><head><title>列表嵌套实验</title></head><body> <div align="left"><b> 一个嵌套列表：</b><br> <ol type="disc"> <li>咖啡</li> <br> <li>茶</li><br> <ol type="circle">&nbsp <li> 红茶</li><br>&nbsp <li>绿茶</li> <br> <ol type="square"> &nbsp&nbsp <li>中国茶</li><br>&nbsp&nbsp <li>非洲茶</li><br></ol></ol> <li>牛奶</li></ol> </div><ol type="disc"></ol></body></html>实验结果分析：通过本次实验网页设计有了更进一步的认识，熟悉了HTML文件的基本结构和基本语法以及文字与段落的格式设置，如文字内容标记、文字修饰标记、文字样式标记、段落修饰标记的使用。还有学会了无序列表、有序列表的使用，掌握了列表的嵌套使用。其中不足之处在于对于一些固定的标记语法不够熟悉，在今后的学习和实验中还要继续对其加深印象，要做到熟练的掌握。

注意事项

本文（网页设计实验报告实验一.doc）为本站会员（飞****2）主动上传，淘文阁 - 分享文档赚钱的网站仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知淘文阁 - 分享文档赚钱的网站（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。

网页设计实验报告 实验一.doc

网页设计实验报告 实验一.doc

网页设计实验报告实验一.doc

网页设计实验报告实验一.doc