第9章 Web应用程序开发.ppt

使用使用 标记标记 白帝城白帝城 朝辞白帝彩云间朝辞白帝彩云间 ,千里江陵一日还千里江陵一日还 两岸猿声啼不住两岸猿声啼不住 ,轻舟已过万重山轻舟已过万重山 使用使用 标记标记 唐诗三百首唐诗三百首 唐诗三百首收录了唐诗三百首收录了77位诗人的诗，共位诗人的诗，共 311首，在数量首，在数量 以杜甫诗数多，有以杜甫诗数多，有38首、王维诗首、王维诗 29首、李白诗首、李白诗 27首、首、 李商隐诗李商隐诗 22首。内容浅显易懂，深受人们喜欢。首。内容浅显易懂，深受人们喜欢。 李白李白 月下独酌春思关山月夜思月下独酌春思关山月夜思 怨情玉阶怨怨情玉阶怨 使用使用 标记标记 光光 明明 作者：作者： 朱自清朱自清 风雨沉沉的风雨沉沉的 也夜里，前面一片荒郊。也夜里，前面一片荒郊。上帝慌着说，上帝慌着说， “光明？我光明？我 没处给你找！没处给你找！ 你要光明，你自己去造！你要光明，你自己去造！ ” 人物介绍：朱自清人物介绍：朱自清(1898-1948)，原名自毕，字佩弦，原名自毕，字佩弦 ，号秋实，江苏东海人，中国现代散文家、诗人号秋实，江苏东海人，中国现代散文家、诗人 。主要作品有诗歌散文集踪迹。主要作品有诗歌散文集踪迹。 使用段落使用段落 李白李白 关山月关山月 明月出天山，苍茫云海间。明月出天山，苍茫云海间。长风几万里，吹度长风几万里，吹度 玉门关。玉门关。 汉下白登道，胡窥青海湾。汉下白登道，胡窥青海湾。由来征由来征 战地，不见有人还。战地，不见有人还。戍客望边邑，思归多苦颜。戍客望边邑，思归多苦颜。 高楼当此夜，叹息未应闲。高楼当此夜，叹息未应闲。 行路难行路难 使用图像使用图像 游子吟游子吟 孟郊孟郊 慈母手中线，游子身上衣。慈母手中线，游子身上衣。临行密密缝，意恐临行密密缝，意恐 迟迟归。迟迟归。 谁言寸草心，报得三春晖。谁言寸草心，报得三春晖。 图文混排图文混排 送孟浩然之广陵送孟浩然之广陵 李白李白 故人西辞黄鹤楼，烟花三月下扬州。故人西辞黄鹤楼，烟花三月下扬州。孤帆远孤帆远 影碧空尽，惟见长江天际流。影碧空尽，惟见长江天际流。高楼当此夜，叹息高楼当此夜，叹息 未应闲。未应闲。 【评析】：【评析】： 使用超级链接作为目录使用超级链接作为目录 唐诗三百首唐诗三百首 唐诗三百首收录了唐诗三百首收录了77位诗人的诗，共位诗人的诗，共 311首，在数量首，在数量 以杜甫诗数最多，有以杜甫诗数最多，有38首、王维诗首、王维诗 29首、李白诗首、李白诗 27首首 、李商隐诗、李商隐诗 22首。首。 李白李白 关山月关山月 行路难行路难 送孟浩然之广陵送孟浩然之广陵 关山月关山月 明月出天山，苍茫云海间。明月出天山，苍茫云海间。长风几万里，吹度玉长风几万里，吹度玉 门关。门关。 汉下白登道，胡窥青海湾。汉下白登道，胡窥青海湾。 行路难行路难 金樽清酒斗十千，玉盘珍馐直万钱。金樽清酒斗十千，玉盘珍馐直万钱。停杯投箸不停杯投箸不 能食，拔剑四顾心茫然。能食，拔剑四顾心茫然。 送孟浩然之广陵送孟浩然之广陵 故人西辞黄鹤楼，烟花三月下扬州。故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧孤帆远影碧 空尽，惟见长江天际流。空尽，惟见长江天际流。 图像链接图像链接 运动项目运动项目 使用表格使用表格 课表课表 星期一星期一 星期二星期二 星期三星期三 星期四星期四 星期五星期五 上午上午 第一节第一节 英语英语 高等数学高等数学 线性代线性代 数数c语言语言 英语英语 第二节第二节 线性代数线性代数 英英 语语高等数学高等数学 计算机概论计算机概论 大学物理大学物理 下午下午 第三节第三节 c语言语言 线性代数线性代数 大学大学 物理物理 高等数学高等数学 第四节第四节 计算机概论计算机概论 线性代数线性代数 线性代数线性代数 高等数学高等数学 使用文本框和按钮使用文本框和按钮 用户登录用户登录 用户名：用户名： 密码：密码： 使用表单使用表单 个人资料个人资料 姓名：姓名： 性别：性别： 男男 女女 电话：电话： 爱好：爱好： 足球足球 音乐音乐 游泳游泳 我的第一个我的第一个 javascript网页网页 var msg = prompt(请输入你的大名请输入你的大名 ：,); document.write(欢迎欢迎 + msg + 光临我们的网站光临我们的网站 ！); 我们会带你进入一个我们会带你进入一个javascript世世 界界。 var i,j,k; document.write(乘法口诀表乘法口诀表 ) for(k=0; k); for(i=1;i); document.write(鸡兔同笼鸡兔同笼 ) function rabbit(head,foot) var cock; document.write(鸡兔同在一个笼子中，共有鸡兔同在一个笼子中，共有+head+ 个头，个头， +foot+只脚，问鸡兔各有多少只？只脚，问鸡兔各有多少只？); cock=(4*head-foot)/2; if(cock0 ans=prompt(2008年奥运会在哪个城市举行？年奥运会在哪个城市举行？na.广广 州州tb.上海上海 tc.北京北京 td.天津天津 ,a); if(ans != c) alert(错！好好想一想再答错！好好想一想再答); else alert(你答对了！你答对了！ ); 使用事件使用事件 function hit() document.img1.src =“over.gif“ function normal()document.img1.src =“out.gif“ 在图片上移动鼠标试试看在图片上移动鼠标试试看 计算器计算器 var one=0, two=0, result=0; function getinput() one = parseint(document.calc.one.value); two = parseint(document.calc.two.value); function add() getinput(); result = one + two; alert(result); function minus() getinput(); result = one - two; alert(result); funct