第13章html5移动商务开发.ppt

第十三章 HTML5移动商务开发基础
《移动电子商务及应用》
1
了解HTML和CSS的概念
2
掌握HTML和CSS基本语法
3
学习DIV+CSS布局方法
引例
HTML5移动应用开发比赛
2016年5月16日,第九届"英特尔杯"全国大学生软件创新大赛暨HTML5移动应用开发大赛拉开帷幕。
“以软件创新大赛为平台,让大学生接触这样的前沿科技,最大程度地释放他们的创新潜力”。--中国工程院院士倪光南
“在软件大赛中、在软件开发的过程中获得乐趣”。--中国工程院院士、国务院信息化咨询委员会委员、国务院学位委员会委员、中南大学校长张尧学
第一节 HTML5概述
HTML即超文本标记语言,其“超文本”是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body)。
其主要特点如下:
(1)简易性。
(2)可扩展性。
(3)平台无关性。
(4)通用性。
第一节 HTML5概述
01
添加了canvas元素,这个元素可以帮助我们实现更炫更棒的动画效果,HTML5游戏就是通过这个canvas来实现的场景的渲染。
03
本地离线存储的支持。
05
新的表单元素属性,比如data,time,Email,url,search等。
02
媒介元素,如video和audio元素。
04
原先的标签更加分散和清晰,比如article,footer,header,nav等等。
HTML5新特性
第一节 HTML5概述
Dreamweaver CS6网页设计软件
首次启动Dreamweaver CS6后的主窗口界面如图13-1所示。如果不想每次启动时都显示该界面,则选中“不再显示”复选框即可。在Dreamweaver CS6主窗口中的“文件”菜单中选择“退出”命令,在 Dreamweaver CS6被激活状态下,直接按 Alt+F4 组合键,或单击Dreamweaver CS6主窗口右上角的“关闭”按钮可退出该软件。
第二节 HTML基本语法
网页文件的命名
,文件名中只可由英文字母、数字或下划线组成,文件名中不要包含特殊符号,比如空格、$等。HTML文件名是区分大小写的,在Unix和Windows主机中有大小写的不同。。
HTML标记
HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来.
HTML单标记只需单独使用就能完整地表达意思,这类标记的语法是:<标记名称>最常用的单标记是<br>,它表示换行。
HTML双标记由“始标记”和“尾标记”两部分构成,必须成对使用。始标记告诉Web浏览器从此处开始执行该标记所表示的功能。尾标记告诉Web浏览器在这里结束该功能。始标记前加一个正斜杠(/)即成为尾标记。
第二节 HTML基本语法
编写HTML文件的注意事项
所有标记都要用尖括号(< >)括起来,这样,浏览器就可以知道,尖括号内的标记是HTML命令。如:
要点:1、,W3C标准是不区分标签大小写的。,W3C明确规定,标签和属性名称必须用小写格式。
2、任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是&nbsp、<br>。
3、标记中不要有空格,否则浏览器可能无法识别.
4、标记中的属性,可以用双引号("")引起来,也可以不引。
第二节 HTML基本语法
标题
标题(Heading)是通过<h1> - <h6> 等标签进行定义的,其中<h1> 定义最大的标题,<h6> 定义最小的标题,。
水平线
在HTML网页中,用<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔网页内不同部分的内容,或者是分隔文章中的一个小节。。
第二节 HTML基本语法
注释
普通的HTML注释格式如:<!-- html注释的内容-->
meta标签
在一个网页中meta标签常常被用做网页关键字、网页介绍、作者、网页编码、robots、自动跳转等声明及说明标签。
第二节 HTML基本语法
段落标签
段落是通过<p> 标签定义的。使用空的段落标记<p></p>去插入一个空行是个坏习惯,应使用<br />标签代替它。
换行
如果希望在不产生一个新段落的情况下进行换行(新行),需要使用<br /> 标签。由于关闭标签没有任何意义,因此它没有结束标签。
<p></p>标签也有换行的作用,属于大换行(分段),而<br />是强制换行标签。