HTML5+CSS3程序设计

  18
实例：使用字母“o”组成“元旦
快乐”
2.4  图片标签和列表标签  19
2.4.1  插入图片标签  19
2.4.2  建立有序列表  19
实例：制作网页版心里测试问卷
2.4.3  建立无序列表  22
实例：实现51  购商城中的商品
详情简介
2.4.4  建立定义列表  24
实例：显示库存商品信息
2.5  链接标签  26
2.5.1  建立文本链接  26
2.5.2  建立书签链接  26
实例：实现在网页中添加书签链接
小结  29
上机指导  29
习题  30
第3  章 HTML5 中的表格  31
3.1  绘制表格  32
3.1.1  设置表格的标题  32
3.1.2  设置表格的宽度和高度  32
3.1.3  设置表格的边框色  33
3.1.4  设置表格的对齐方式  33
3.1.5  设置表格的背景颜色  33
实例：实现商品页面
3.1.6  设置表格的背景图片  34
实例：利用表格实现商品列表
3.2  行标签的属性  35
3.2.1  设置行的高度  35
3.2.2  设置行的边框颜色  36
3.2.3  设置行的背景颜色  36
3.2.4  设置行的水平位置  36
3.2.5  设置行的垂直位置  37
实例：实现商城的商品布局
3.3  单元格标签的属性  38
3.3.1  设置单元格的大小  38
3.3.2  设置单元格的水平对齐属性  39
3.3.3  设置单元格的垂直对齐属性  39
3.3.4  设置单元格的水平跨度  39
3.3.5  设置单元格的垂直跨度  40
3.3.6  设置单元格的背景色  41
3.3.7  设置单元格的背景图片  41
3.3.8  单元格属性综合运用  41
实例：商城的手机商品页面
3.4  表头标签的属性  42
3.5  表格的结构标签  43
3.5.1  设置表首样式  43
3.5.2  设置表主体样式  45
3.5.3  设置表尾样式  45
小结  46
上机指导  46
习题  48
第4  章 使用HTML 5 创建表单  49
4.1  表单概述  50
4.2  表单标签
  50
4.2.1  处理程序属性—action  50
4.2.2  表单名称属性—name  51
4.2.3  传送方法属性—method  51
4.2.4  编码方式属性—enctype  52
4.2.5  目标显示方式属性—target  53
4.3  输入标签  53
4.3.1  文本框—text  53
实例：实现51  购商城的登录界面
账号文本框
4.3.2  密码域—password  54
实例：实现51  购商城的登录界面
的密码域
4.3.3  “单选”按钮—radio  56
实例：实现51  购商城的购买页面
中选择颜色的单选按钮
4.3.4  复选框—checkbox  57
实例：实现51  购商城的购物车界
面选择所要结算商品的复
选框
4.3.5  “普通”按钮—button  58
实例：实现51  购商城购买页面中
“加入购物车”和“立即购买”
按钮
4.3.6  “提交”按钮—submit  59
实例：实现51  购商城的购物车界面
4.3.7  “重置”按钮—reset  60
实例：实现个人信息表重置
4.3.8  图像域—image  61
实例：实现商城的客服中心页面
“和我联系”按钮
4.3.9  隐藏域—hidden  62
4.3.10  文件域—file  63
实例：实现商城的个人中心上传头像
4.4  文本域标签—textarea  64
实例：实现商城评价页面输入评价框
4.5  列表/菜单标签  65
实例：实现商城添加收货地址页面
输入电话和地址的下拉菜单
4.6  新增表单属性  66
小结  70
上机指导  70
习题  72
第5  章 使用HTML5 绘制图形  73
5.1  认识HTML5 中的画布—Canvas  74
5.1.1  什么是Canvas  74
5.1.2  在HTML 里创建画布  74
5.1.3  使用Canvas 绘制图形实例  74
5.2  绘制基本图形  75
5.2.1  绘制直线  75
5.2.2  绘制矩形  77
5.2.3  绘制曲线  77
5.2.4  绘制圆形  78
实例：使用canvas  绘制木头人
5.2.5  绘制渐变图形  80
实例：使用canvas  绘制基本图形
5.2.6  绘制平移效果的图形  83
5.2.7  绘制缩放效果的图形  83
5.2.8  绘制旋转效果的图形  83
实例：使用canvas  中实现手机图片
的
5.3  使用图像  84
5.3.1  引入图像  84
5.3.2  平铺图像  85
5.3.3  裁剪图像  86
实例：实现51  购商城中的商品放
大镜效果
5.4  绘制文字  88
5.4.1  绘制轮廓文字  88
5.4.2  绘制填充文字  88
5.4.3  文字相关属性  88
实例：使用canvas  中实现动态打字

小结  89
上机指导  90
习题  93
第6  章 走进HTML5 的多媒体世界  94
6.1  设置滚动文字  95
6.1.1  滚动文字标签—marquee  95
6.1.2  滚动方向属性—direction  95
6.1.3  滚动方式属性—behavior  96
实例：实现从不同方向，以不同方式
滚动的商城的促销信息展示
6.1.4  滚动速度属性—scrollamount  97
6.1.5  滚动延迟属性—scrolldelay  97
6.1.6  滚动循环属性—loop  98
实例：实现以不同的滚动速度，滚
动延迟以及滚动循环次数的
商城的促销信息展示
6.1.7  滚动范围属性—width、height
98
6.1.8  滚动背景颜色属性—bgcolor
99
实例：实现以不同的滚动范围、滚
动背景颜色的商城的促销信
息展示
6.1.9  滚动空间属性—hspace、vspace
100
6.2