最新版html5实训（完整）.docxVIP

PAGE PAGE # 戌济伤険爲齧鸟讲剧枚 CHENGDU TEXT ILE COLLEGE 校外实习 实习报告 系 部:电子信息与电气工程系 专 业: 电子商务 班 级:电子商务111 学 号 姓 名: 蒋 慧 指导老师: 李繁、陈美荣 实习时间: 实习目的和任务 让我们学会用代码编写网页，最重要的是学会 HTML5 的基础运用， 了解安卓系统方面的一些知识！有利于我们以后的网页设计学习！ 二、 实习内容 第一天，我们学习了用代码写网页最基本的知识，如： !DOCTYPE html html head meta charset=utf-8 / titleHello MobileTalk/title meta name=viewport content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no !-- UI Lib CSS resources -- link rel=stylesheet href=styles/css/ / link rel=stylesheet href=styles/css/ / !-- Add this script to enable wifi debug -- !-- script src=debugger.js/script -- !-- Comment this script out to enable wifi debug -- script src=lib/cordova.js/script !-- Add this script to enable device APIs and zepto js -- script src=lib/mobotk.js/script /head body !-- Panel begins -- div class=z-pa green id=panel header h1First Text/h1 /header div class=z-pa-w div class=z-btn id=btnclick me /div /div /div !-- Panel ends -- !-- UI Lib JavaScript resources -- script src=scripts/run.js/script !-- Your application goes here -- script $(function(){ $(#panel).panel() $(#btn).button({ ui:red, onClick:function(){$.ol.alert({ ui:blue, title:my success, content:happy every day }) } }); }); /script /body /html 这是对页面标题和内容简单的设计。 接下来还通过一些网站的链接把我们学校的地图都给找出来了： !-- Your application goes here -- script $(function(){ $(#panel).panel(); //================== $(#btn).button({ ui:red, onClick:function(){$.ol.alert({ ui:blue, title:my success, content:p class=font happy every day /p }) } }); //========================= $(#map).geoMap({ lng:103.963885, lat:30.763233, scale:16 }) }); /script /body /html 第二天第三天，我们学了一些简单的文本框和按钮的属性： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / vtitle无标题文档v/title /head body UserNameinput type=text id=username/br/ PassWordinput type=password id=password/br/ vbutton onclick=loading()提交我的登录信息 v/button div vspan 我 的 帐