HTML5程序开发范例宝典

目录

第1章HTML网页布局

　1.1页面背景和布局

　　实例001统一站内网页风格

　　实例002网页换肤

　　实例003制作渐变背景

　　实例004把两个div并排显示在浏览器中

　　实例005通过DIV+CSS对电子

　　商城的页面进行布局

　　实例006设置4张图片并排显示在浏览器

　　实例007应用

　　标签设计用户注册页面

　　实例008应用div元素构建一个完整的表格

　　实例009使用column-count属性实现分栏的实例

　　实例010文字和图片完整居中

　　实例011应用CSS控制登录页面显示样式

　1.2框架的应用

　　实例012框架集的嵌套

　　实例013在网页中应用浮动框架

　　实例014创建空白框架

　　1.3使用新元素对页面进行布局

　　实例015使用HTML5的新元素对页面进行分栏设计

　　实例016应用HTML5新增的元素制作简单用户注册页面

第2章HTML基本元素

　2.1HTML基本标记

　　实例017演示进入和离开网页的过渡效果

　　实例018背景图片的设置与显示效果

　　实例019设置未访问的链接文字的颜色

　　实例020使用http-equiv属性设定页面的自动刷新

　　实例021在网页中完成对明日科技公司的简介

　2.2HTML5新增结构元素

　　实例022应用section元素对页面上的内容进行分块

　　实例023以博客为例了解article元素的使用

　　实例024一个关于article元素嵌套的实例

　　实例025通过article元素表示插件的实例

　　实例026联合使用section和article标签

　　实例027在网页中显示联系信息

　　实例028一个nav元素的使用实例

　　实例029一个在文章内部的aside元素实例

　2.3网页文本内容

　　实例030观察标题<h1>到<h6>的变化

　　实例031用align属性设置标题文字的对齐方式

　　实例032设置不同的文字字体

　　实例033显示文字的粗体、斜体、下划线的效果

　　实例034使用标记

　　表示段落格式

　　实例035使用标记

　　实现文字的换行显示

　　实例036应用标记使段落居中显示

　　实例037对页面中的文本定义默认的字体样式

　　实例038应用标记定义一个网站的地址

　　实例039通过格式标签定义文本样式

　　实例040制作彩色滚动条

　　实例041在文字上方标注说明

　　实例042应用删除线样式标记商品原价

第3章HTML高级元素

　3.1新增和改良的页面元素

　　实例043使用details标记元素实现交互

　　实例044应用output元素拖动滑竿改变数值

　　实例045实现下拉弹出效果

　　实例046无刷新弹出图片和文字

　　实例047使用summary标记元素实现交互

　　实例048使用menu标记元素实现菜单交互

　　实例049实现右键菜单功能

　　实例050使用command标记元素实现动态对话框效果

　　实例051使用progress标记元素实现进度条效果

　　实例052使用meter标记元素实现百分比效果

　　实例053设置progress进度条的样式

　　实例054使用html根元素显示文字

　　实例055通过标签设置目标链接

　　实例056通过JavaScript脚本获取并显示文本框的内容

　　实例057实现树节点效果

　　实例058使用mark元素高亮显示搜索关键词

　　实例059在网页中突出显示某些文字

　　实例060使用cite元素引用文档

　　实例061在网页中显示一幅图片

　　实例062在网页中显示一个文本框架

　　实例063使用object元素在网页中显示一个Flash

　3.2新增的全局属性

　　实例064使用鼠标光标拖动网页中的文字

　　实例065自动隐藏或显示网页中的文字

　　实例066自动检测输入的拼音是否正确

　　实例067编辑修改网页中的文字

第4章表单的使用

　4.1表单和表单元素

　　实例068使用文本框做一个人口调查的页面

　　实例069使用密码域创建一个简单的注册页面

　　实例070使用单选按钮做一个用户信息表

　　实例071使用复选框选择你所喜欢的运动

　　实例072使用文件域来上传图片

　　实例073使用文本域创建一个留言板页面

　　实例074创建一个用来做学生业余生活调查的页面

　　实例075让密码域更安全

　　实例076制作个人信息页面

　4.2增加与改良的input元素

　　实例077验证邮件地址是否合法

　　实例078验证URL地址

　　实例079验证在文本框中输入数字的大小

　　实例080通过滑动条设置颜色

　　实例081自动弹出日期和时间输入框

　　实例082显示文本框中的搜索关键字

　　实例083使元素自动获取焦点

　　实例084验证表单中输入的数据是否合法

　　实例085在文本框中显示提示信息

　　实例086验证文本框中的内容是否为空

　　实例087开启表单的自动完成功能

　　实例088重写表单中的某些属性

　　实例089验证表单中的数据是否为网址格式

　　实例090自动设置表单中传递的数字

　　实例091在表单中选择多个上传文件

　　实例092实现播放器样式的按钮

　　实例093一个简单的乘法计算器

　　实例094在网页中生成一个密钥

　　实例095验证输入的密码是否合法

　　实例096验证两次输入的密码是否一致

　　实例097取消表单验证

　　实例098实现一个精美的登录表单界面

　4.3JavaScript操作表单

　　实例099通过正则表达式验证日期

　　实例100通过正则表达式验证电话号码

　　实例101验证输入的字符串是否为汉字

　　实例102验证身份证号码

　　实例103验证车牌号码

　　实例104验证数量和金额

　　实例105验证字符串是否以指定字符开头

　　实例106在网页中实现自动增加表格效果

　　实例107开发一个计数器程序

　　实例108判断用户是否选择了文本框中的指定文本

　　实例109实现一个动态菜单样式

　　实例110动态添加表单中的元素

　　实例111获取文本框并修改其内容

　　实例112textarea根据内容自动增高

　　实例113判断用户选择了几个复选框

　　实例114实现搜索文本框的效果

　　实例115通过下拉菜单动态改变文本框背景颜色

　　实例116自动计算金额

　　实例117设置文本框的只读属性

　　实例118限制多行文本域输入的字符个数

　　实例119自动选择文本框/编辑框中的文字

　　实例120按下回车键时自动切换焦点

　　实例121获取下拉列表/菜单的值

　　实例122遍历多选择下拉列表

　　实例123在下拉列表中进行多选移除

　　实例124将数组中的数据添加到下拉菜单中

　　实例125应用下拉菜单选择所要联机的网站

　　实例126多级级联菜单

　　实例127可以输入文字的下拉菜单

　　实例128根据下拉菜单的值显示不同控件

　　实例129选中单选按钮后显示其他表单元素

　　实例130通过单选按钮控制其他表单元素是否可用

　　实例131不提交表单获取复选框的值

　　实例132控制复选框的全选或反选

　　实例133只有一个复选框时控制复选框的全选或反选

　　实例134通过JavaScript控制表单的提交与重置

　　实例135防止表单重复提交

　　实例136通过for循环获取表单元素的中文名称

　　实例137可以提交到不同处理页的表单……

第5章列表的使用

第6章超链接

第7章表格应用

第8章图形图像处理

第9章文字及图片特效

第10章多媒体应用

第11章文件与拖放

第12章WebAPI与通信API

第13章WebWorkers处理线程

第14章离线应用和地理位置

第15章RGraph插件制作统计图

第16章HTML游戏开发