互联网软件应用与开发----打印版.docVIP

《互联网软件应用与开发》 实验报告 20 16 - 20 17 学年 第 1 学期 班 级： 信 管 141 学 号： 201402931 姓 名： 蔡 培 授课教师： 杨林 实验教师： 杨林 实验学时： 48 _______________ 2015年9月 目录 实验一 HTML+CSS 3 实验二 javascript 7 实验三： JQuery基础 9 实验四 ：JQuery综合 16 实验一 HTML+CSS 一、实验目的： 1、熟练掌握HTML语法和使用技巧2、掌握CSS的使用 HTML基本标记 文字与段落 列表 超链接 使 用 图 像 添加多媒体元素 表格的应用 添加表单 框架结构 三、实验过程和步骤 写出以下效果图代码1、代码：html head meta charset=utf-8 / title/title /head body /body /html 2.html head meta charset=utf-8 / title/title /head body h1您好，本页在3秒之后将自动跳转到搜狐网站h1 /body /html 设置网页背景色和字体颜色、字体自己的名字和学号出来。 文字和段落 html body h1 aligen=left 一号标题/h1 h2 aligen=center 二号标题/h2 h3 三号标题/h3 h4 四号标题/h4 h5 五号标题/h5 h6 六号标题/h6 /body /html 5.插入公式 html head /head body p 在方程式中应用上标的效果/p p xsup4/sup+9xsup2/sup-6=0 /p p 在方程式中应用下标的效果/p p ysub2/sub-ysub1/sub=7 /p /html 6.运行文件index.html，单击窗口中的“影片详情”链接，可以在一个新的窗口打开文件more.html， html head style p{ margin:-0.1em 0;//减少他们的上下的margin值} /style /head body h1p style=font-family:黑体 align=center世界影片介绍/p/h1 phr color=red size=5 width=100% align=left noshade/p h2p style=font-family:黑体 align=left《孤岛》 The Island /p/h2 h3 p style=font-family:黑体;text-indent:-2em;padding:2em 《孤岛》是由迈克尔-贝执导，伊万-麦格雷戈等人主演的一部剧情片。影片讲述了人类只能生活在经过人工调节的环境下生活的故事。在并不遥远的未来，地球已经遭到严重破坏，人类只能生活在经过人工调节的环境下生活。林肯是个过着生活安定平凡的年轻人，他这辈子最大的愿望就是通过政府的选拔，到一个叫做“孤岛”的地方去，据说，那里是地球上唯一一块还没有遭到污染的净土。/p p 但是事实上，林肯只是被人工复制出来克隆人，他存在的唯一目的，就是为他的“原形”提供健康的器官，而“孤岛”也并非天堂，相反，那里隐藏着不可告人的血腥和罪恶…… /p /h3 a href=enter.html target=_blank影片详情/a /body /html 在一个中加载，视频、音频和图片三种多媒体 input 标记开始，说明这一控件需要用户的输入；而菜单列表类则以select 开始，表示用户需要选择。按照控件的表现形式则可以将控件分为文本类、选项按钮、菜单等几种。 html head title下面是关于本网站的调查内容/title /head body form name=formFirst action=ceng.htm method=post target=_blank p登陆用户名： input type=text name=xingming size=10 maxlength=10/p p 登陆密码：input type=passwordname=p1 size=10 maxlength=6/p p 重复密码input type=password name=p2 size=10 maxlength=6/p phr color=black size=10 width=80% align=left noshade p调