HTML5+CSS3+JavaScript网页设计入门与应用 PDF下载

编辑推荐

《HTML5 CSS3 JavaScript 网页设计入门与应用》采用大量的实例进行讲解，力求通过实际操作使读者更容易地制作前端页面、设计页面样式和操作页面脚本。《HTML5 CSS3 JavaScript 网页设计入门与应用》难度适中，内容由浅入深，实用性强，覆盖面广，条理清晰。

知识点全

紧紧围绕前端的HTML5、CSS3 和JavaScript 展开讲解，具有很强的逻辑性和系统性。

实例丰富

各章实例短小却又能体现出知识点，让读者很轻松地学习，并能灵活地应用到实际的软件项目中。

应用广泛

对于精选案例，给出了详细步骤，结构清晰简明，分析深入浅出，而且有些程序能够直接在项目中使用，避免读者进行二次开发。

基于理论，注重实践

本书在讲述理论知识的过程中，在合适位置安排了综合应用实例或者小型应用程序，将理论应用到实践中，可以提高读者的实际应用能力，巩固开发基础知识。；

内容简介

《HTML5 CSS3 JavaScript 网页设计入门与应用》从网站基础开始，结合大量案例，全面、翔实地介绍了使用HTML5 CSS3 JavaScript开发Web前端页面的具体方法与步骤，引导读者从零开始，一步步掌握Web开发的全过程。本书通过一个个鲜活、典型的实例来讲解每个语法，力求达到理论知识与实践操作完美结合的效果。《HTML5 CSS3 JavaScript 网页设计入门与应用》共分为15章，主要包括HTML入门、HTML5新增布局元素、HTML5表单验证、文件上传、绘图和多媒体、数据存储、CSS3新增选择器、CSS3布局属性和动画效果、JavaScript基础语法、事件处理和DOM操作等内容。*后一章通过打地鼠、贪吃蛇、小猫笑脸和图片轮播4个综合案例，介绍了Web前端设计的完整过程。《HTML5 CSS3 JavaScript 网页设计入门与应用》可作为普通高校计算机及相关专业教材、高职高专教材，也可供从事网页设计与制作、网站开发、网页编程等行业人员参考阅读。

作者简介

刘爱江，具有多年.NET项目开发经验，深入掌握.NET框架技术，熟练开发ASP.NET与WinForm项目，精通C#、ASP 、C 、VB语言，熟练使用MTS、COM 、Web Service分布式架构。

靳智良，知名互联网社区架构师，一个拥有5年软件工程经验和深厚理论基础的软件工程专家，善于解剖和分析问题，使用生动形象的比喻，能将复杂的、难于理解的问题与知识简单化讲解。致力于研究、优化Web 2.0系统架构技术，对LAMP体系架构有着丰富的经验，挖掘LAMP架构的性能潜力，探索新型高效能的Web 2.0站点系统支撑平台以及系统集群。

HTML5+CSS3+JavaScript网页设计入门与应用 PDF下载

第1章　初步认识HTML5和CSS3
1.1　认识网页和网站 ； ；  ；2
1.1.1　网页 ； ；  ；2
1.1.2　网站 ； ；  ；3
1.1.3　网站制作流程 ； ；  ；3
1.1.4　网页设计流程 ； ；  ；4
1.1.5　发布站点 ； ；  ；4
1.2　Web标准布局介绍 ； ；  ；5
1.2.1　当前的Web开发标准 ； ；  ；5
1.2.2　为什么使用Web标准 ； ；  ；5
1.2.3　CSS布局标准 ； ；  ；6
1.3　HTML与HTML5 ； ；  ；7
1.3.1　HTML的发展历史 ； ；  ；7
1.3.2　HTML 4.01和XHTML ； ；  ；8
1.3.3　HTML和XHTML文档类型定义 ； ；  ；9
1.3.4　从XHTML到HTML5 ； ；  ；11
1.3.5　HTML5的优势 ； ；  ；11
1.4　HTML5语法的变化 ； ；  ；13
1.4.1　DOCTYPE声明 ； ；  ；13
1.4.2　命名空间声明 ； ；  ；13
1.4.3　编码类型 ； ；  ；14
1.4.4　文档媒体类型 ； ；  ；15
1.4.5　HTML5兼容HTML ； ；  ；15
1.5　实践案例：浏览器HTML5性能测试 ； ；  ；18
1.6　CSS3简介 ； ；  ；19
1.6.1　什么是CSS3 ； ；  ；20
1.6.2　CSS3的优缺点 ； ；  ；20
1.6.3　CSS3的新增特性 ； ；  ；21
1.7　实践案例：浏览器CSS3性能测试 ； ；  ；24
1.8　练习题 ； ；  ；25
第2章　HTML5网页结构
2.1　认识html根元素 ； ；  ；28
2.2　文档头部元素 ； ；  ；28
2.3　结构元素 ； ；  ；31
2.3.1　header元素 ； ；  ；31
2.3.2　article元素    33
2.3.3　section元素    34
2.3.4　aside元素    35
2.3.5　footer元素    36
2.4　节点元素    36
2.4.1　nav元素    36
2.4.2　hgroup元素    37
2.4.3　address元素    38
2.5　语义元素    39
2.5.1　mark元素    39
2.5.2　cite元素    40
2.5.3　time元素    40
2.5.4　wbr元素    41
2.5.5　ruby、rt和rp元素    41
2.6　交互元素    41
2.6.1　meter元素    41
2.6.2　progress元素    43
2.6.3　details元素    44
2.6.4　summary元素    45
2.7　全局属性    45
2.7.1　hidden属性    46
2.7.2　contenteditable属性    46
2.7.3　spellcheck属性    47
2.8　实践案例：设计旅游网站首页    48
2.9　练习题    53
第3章　HTML5表单应用
3.1　重新认识HTML表单    56
3.1.1　表单简介    56
3.1.2　表单标记    56
3.1.3　基本表单元素    57
3.2　新增输入类型    58
3.2.1　url类型    58
3.2.2　number类型    59
3.2.3　email类型    60
3.2.4　range类型    61
3.2.5　datepickers类型    62
3.2.6　color类型    64
3.2.7　tel类型    64
3.2.8　search类型    65
3.3　新增属性    65
3.3.1　表单类属性    65
3.3.2　输入类属性    67
3.4　表单元素    73
3.4.1　datalist元素    73
3.4.2　keygen元素    74
3.4.3　output元素    75
3.4.4　optgroup元素    76
3.5　表单验证    77
3.5.1　自动验证    77
3.5.2　显式验证    79
3.5.3　自定义验证    80
3.5.4　取消验证    81
3.6　实践案例：设计用户录入表单    81
3.7　练习题    87
第4章　HTML5多媒体应用
4.1　多媒体简介    90
4.1.1　多媒体编解码器    90
4.1.2　视频格式    90
4.1.3　音频格式    91
4.2　播放视频    91
4.2.1　video元素的基础用法    92
4.2.2　video元素方法    94
4.2.3　video元素事件    95
4.3　播放音频    97
4.3.1　audio元素的基础用法    97
4.3.2　audio元素事件    98
4.4　实践案例：实现HTML5网页视频播放器    99
4.5　练习题    105
第5章　HTML5绘图应用
5.1　认识canvas元素    108
5.1.1　canvas简介    108
5.1.2　创建canvas元素    108
5.1.3　实践案例：判断浏览器是否支持canvas元素    109
5.2　绘制简单图形    110
5.2.1　绘制矩形    110
5.2.2　绘制直线    113
5.2.3　绘制圆形    116
5.2.4　实践案例：绘制三角形    119
5.2.5　保存和恢复图形    121
5.2.6　输出图形    123
5.3　绘制文本    124
5.3.1　绘制普通文本    124
5.3.2　绘制阴影文本    126
5.4　绘制曲线    128
5.4.1　二次方贝塞尔曲线    128
5.4.2　三次方贝塞尔曲线    128
5.5　变换图形    129
5.5.1　坐标变换    129
5.5.2　矩阵变换    133
5.5.3　组合图形    135
5.5.4　线性渐变    138
5.5.5　径向渐变    139
5.6　使用图像    141
5.6.1　绘制图像    141
5.6.2　平铺图像    143
5.6.3　裁剪和复制图像    145
5.7　实践案例：制作图像黑白和反转效果    146
5.8　练习题    148
第6章　HTML5数据存储
6.1　Web存储简介    152
6.1.1　Web存储和Cookie存储    152
6.1.2　sessionStorage对象    152
6.1.3　localStorage对象    154
6.2　操作本地数据    155
6.2.1　保存数据    156
6.2.2　读取数据    157
6.2.3　清空数据    159
6.2.4　遍历数据    159
6.3　实践案例：实现工程管理模块    162
6.4　操作本地数据库数据    167
6.4.1　创建数据库    167
6.4.2　执行SQL语句    168
6.5　实践案例：查看学生列表    170
6.6　练习题    171
第7章　文件和离线应用
7.1　操作文件    174
7.1.1　获取文件信息    174
7.1.2　限制文件类型    175
7.2　实践案例：文件上传    177
7.3　FileReader接口    178
7.3.1　FileReader接口简介    179
7.3.2　读取文本文件内容    179
7.3.3　监听读取事件    181
7.3.4　处理读取异常    183
7.4　实践案例：预览图片    184
7.5　离线应用    186
7.5.1　离线Web应用程序概述    186
7.5.2　manifest文件    186
7.5.3　applicationCache对象    190
7.6　练习题    195
第8章　HTML5高级开发
8.1　拖放功能    198
8.1.1　拖放API简介    198
8.1.2　dataTransfer对象    199
8.2　实践案例：拖放式选择员工    202
8.3　跨文档消息通信    205
8.4　本地多线程    207
8.4.1　Worker对象简介    207
8.4.2　线程和JavaScript交互    210
8.4.3　线程嵌套    210
8.4.4　实践案例：线程和JSON交互    212
8.5　获取地理位置    214
8.5.1　地图API简介    215
8.5.2　Position对象    216
8.6　练习题    218
第9章　CSS3选择器
9.1　CSS选择器的分类    222
9.2　属性选择器    226
9.2.1　E[att^=“val”]    226
9.2.2　E[att$=“val”]    227
9.2.3　E[att*=“val”]    227
9.2.4　实践案例:设计颜色选择器    227
9.3　伪类选择器    229
9.3.1　E:last-child选择器    229
9.3.2　E:only-child选择器    230
9.3.3　E:nth-child(n)选择器    231
9.3.4　E:nth-last-child(n)选择器    233
9.3.5　E:root选择器    233
9.3.6　E:not(s)选择器    234
9.3.7　E:empty选择器    235
9.3.8　E:target选择器    236
9.3.9　实践案例：单击链接显示具体内容    237
9.4　伪对象选择器    238
9.4.1　E::selection选择器    238
9.4.2　E::placeholder选择器    239
9.4.3　已修改的选择器    239
9.4.4　实践案例：选择器和content属性结合插入内容    240
9.5　兄弟选择器    243
9.6　练习题    244
第10章　CSS3新增的基本属性
10.1　新增基本属性    248
10.1.1　文本属性    248
10.1.2　字体属性    249
10.1.3　颜色属性    250
10.1.4　边框属性    251
10.1.5　背景属性    251
10.1.6　实践案例：用JS判断浏览器是否支持某属性    251
10.2　设置文本样式    252
10.2.1　文本换行设置    252
10.2.2　文本对齐方式    256
10.2.3　文本的单个阴影    256
10.2.4　文本的多个阴影    259
10.2.5　实践案例：制作火焰字    260
10.3　设置边框样式    261
10.3.1　边框圆角属性    261
10.3.2　图形填充边框    264
10.3.3　边框阴影效果    267
10.4　设置背景样式    269
10.4.1　background-size属性    270
10.4.2　background-origin属性    271
10.4.3　background-clip属性    272
10.5　实践案例：制作太极图    273
10.6　练习题    274
第11章　变形、过渡和动画
11.1　CSS3的变形属性    278
11.1.1　基本变形之平移    278
11.1.2　基本变形之缩放    280
11.1.3　基本变形之旋转    280
11.1.4　基本变形之倾斜    281
11.1.5　实践案例：制作个性图片墙    283
11.1.6　指定变形中心点    284
11.2　CSS3的过渡属性    286
11.2.1　过渡属性概述    286
11.2.2　单个属性实现过渡    287
11.2.3　多个属性同时过渡    287
11.2.4　实践案例：鼠标悬浮特效的过渡功能    289
11.3　CSS3的动画属性    291
11.3.1　了解animation属性    291
11.3.2　@keyframes动画帧    293
11.3.3　同时改变多个属性的动画    295
11.3.4　实践案例：绘制旋转的太极图案    295
11.4　实践案例：动态复古时钟    296
11.5　练习题    299
第12章　CSS3新增的高级属性
12.1　多列布局属性    302
12.1.1　多列布局属性列表    302
12.1.2　设置显示列的宽度    302
12.1.3　设置显示的固定列    303
12.1.4　设置显示列的样式    304
12.1.5　设置各列间的间距    305
12.2　弹性盒模型属性    305
12.2.1　flex布局属性    306
12.2.2　flex-direction属性    307
12.2.3　flex-wrap属性    308
12.2.4　justify-content属性    309
12.2.5　其他属性简述    311
12.2.6　实践案例：用flex盒模型实现三栏布局    314
12.3　渐变属性    315
12.3.1　线性渐变    316
12.3.2　径向渐变    319
12.3.3　重复渐变    323
12.3.4　实践案例：用线性渐变实现图片闪光划过的效果    324
12.3.5　实践案例：用径向渐变制作一张优惠券    325
12.3.6　实践案例：用重复渐变制作记事本纸张效果    326
12.4　练习题    327
第13章　JavaScript脚本编程快速入门
13.1　JavaScript语言简介    330
13.1.1　JavaScript简介    330
13.1.2　JavaScript与Java的关系    330
13.1.3　JavaScript语法规则    331
13.2　编写JavaScript程序    332
13.2.1　集成JavaScript程序    332
13.2.2　使用外部JavaScript文件    333
13.2.3　注意事项    334
13.3　JavaScript脚本语法    335
13.3.1　数据类型    335
13.3.2　变量与常量    336
13.3.3　运算符    337
13.4　脚本控制语句    340
13.4.1　if条件语句    340
13.4.2　switch条件语句    342
13.4.3　while循环语句    343
13.4.4　do while循环语句    344
13.4.5　for循环语句    344
13.4.6　for in循环语句    345
13.4.7　对话框语句    345
13.5　函数    348
13.5.1　系统函数    348
13.5.2　自定义函数    350
13.6　常用对象    351
13.6.1　Array对象    351
13.6.2　Document对象    352
13.6.3　Window对象    353
13.7　实践案例：长方体几何计算    354
13.8　练习题    355
第14章　JavaScript事件和DOM
14.1　事件概述    358
14.1.1　事件简介    358
14.1.2　指定事件    358
14.2　原始事件模型    359
14.2.1　事件类型    360
14.2.2　事件处理    361
14.2.3　使用事件返回值    362
14.3　标准事件模型    364
14.3.1　事件传播    364
14.3.2　注册事件处理程序    365
14.4　常用事件    366
14.4.1　键盘事件    366
14.4.2　鼠标事件    367
14.4.3　页面事件    368
14.5　DOM简介    370
14.5.1　HTML DOM中的节点树    370
14.5.2　DOM核心接口    370
14.6　实践案例：使用DOM操作节点    373
14.6.1　访问节点    373
14.6.2　遍历节点    376
14.6.3　操作属性节点    379
14.6.4　创建和插入节点    382
14.6.5　复制节点    385
14.6.6　替换节点    385
14.6.7　删除节点    387
14.7　练习题    387
第15章　综合案例
15.1　打地鼠游戏    390
15.1.1　打地鼠游戏简介    390
15.1.2　界面设计    391
15.1.3　实现脚本    392
15.2　经典贪吃蛇游戏    395
15.2.1　贪吃蛇游戏简介    395
15.2.2　页面设计    395
15.2.3　脚本实现    397
15.3　绘制呆萌的小猫笑脸    401
15.3.1　效果展示    402
15.3.2　静态页面    402
15.3.3　样式代码    403
15.4　图片轮播效果展示    407
15.4.1　效果展示    407
15.4.2　静态页面    408
15.4.3　样式代码    408
练习题答案

前沿

前言
随着网络带宽的飞速提升和网络技术的不断发展，获取数据的方式也比以前快捷得多，而网页是最重要的表现形式之一。这几年虽然新技术层出不穷，并且日新月异，但有一点是肯定的，不管是采用什么技术设计的网站，用户在客户端通过打开浏览器看到的网页都是静态网页，都是由HTML、JavaScript 和CSS 技术构成的，所以如果想从事网页设计或从事网站管理相关工作，就必须学习HTML、JavaScript 和CSS 技术，哪怕只是简单地了解，因为HTML、JavaScript 和CSS 技术是网页制作技术的基础和核心。
本书紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术，全面介绍了使用HTML、CSS、JavaScript 进行网页设计和制作各方面的内容和技巧。本书在讲解时采用了最新的HTML5 规范和CSS3 标准，并以Chrome 浏览器为主要测试环境。
本书内容
全书共分15 章，主要内容如下。
第1 章　初步认识HTML5 和CSS3。本章首先带领读者了解网页设计的基础知识和Web标准布局知识，然后介绍从HTML 到XHTML 再到HTML5 的过渡，之后对HTML5 的语法做了详细介绍，最后介绍了CSS3 的优缺点、新增特性以及性能测试方法。
第2 章　HTML5 网页结构。本章主要介绍HTML5 中新增的与网页结构相关的元素，包括头部元素、结构元素、语义元素、节点元素、交互元素以及新增全局属性。
第3 章　HTML5 表单应用。本章主要介绍HTML5 中新增的表单输入类型、表单属性、表单元素和表单验证方式。
第4 章　HTML5 多媒体应用。本章主要介绍使用HTML5 新增的video 元素和audio 元素播放视频和音频。
第5 章　HTML5 绘图应用。本章主要介绍使用canvas 元素绘制各种图形，如绘制三角形、文本、渐变和阴影等，以及操作图形的各种方法，如平移、缩放和坐标转换等。
第6 章　HTML5 数据存储。本章主要介绍HTML5 中新增的两种数据存储方式，即Web存储和本地数据库存储。
第7 章　文件和离线应用。本章将从文件和离线两个方面展开对HTML5 新特性的讲解，主要包括允许选择多个文件、读取文件的信息和内容、实现文件上传以及判断是否在线等。
第8 章　HTML5 高级开发。本章从4 个方面讲解HTML5 的高级特性，分别是拖放操作、跨文档通信、多线程和地理位置。
第9 章　CSS3 选择器。本章主要介绍CSS3 新增选择器的使用，如属性选择器、伪类选择器和伪对象选择器等。
第10 章　CSS3 新增的基本属性。本章主要介绍CSS3 中新增加的背景、边框、字体、颜色等相关属性，例如与背景有关的background-clip、background-size、background-origin 属性，与边框有关的border-radius、box-shadow、border-image 属性等。
第11 章　变形、过渡和动画。本章主要介绍CSS3 的动画功能，包括变形效果、过渡效果和动画帧等。
第12 章　CSS3 新增的高级属性。本章主要介绍CSS3 中新增加的其他属性，例如多列布局属性、盒模型布局属性、渐变属性等。
第13 章　JavaScript 脚本编程快速入门。本章主要介绍JavaScript 的基础知识，包括JavaScript 语言的语法规则、运算符、流程控制语句、对话框语句、函数以及常用对象的用法等内容。
第14 章　JavaScript 事件和DOM。本章主要介绍原始事件模型和标准事件模型，以及DOM 操作节点的方法，如遍历、插入、复制、替换和删除等。
第15 章　综合案例。本章通过打地鼠、贪吃蛇、小猫笑脸和图片轮播4 个综合案例，介绍了Web 前端设计的完整过程。
本书特色
本书采用大量的实例进行讲解，力求通过实际操作使读者更容易地制作前端页面、设计页面样式和操作页面脚本。本书难度适中，内容由浅入深，实用性强，覆盖面广，条理清晰。
知识点全
本书紧紧围绕前端的HTML5、CSS3 和JavaScript 展开讲解，具有很强的逻辑性和系统性。
实例丰富
各章实例短小却又能体现出知识点，让读者很轻松地学习，并能灵活地应用到实际的软件项目中。
应用广泛
对于精选案例，给出了详细步骤，结构清晰简明，分析深入浅出，而且有些程序能够直接在项目中使用，避免读者进行二次开发。
基于理论，注重实践
本书在讲述理论知识的过程中，在合适位置安排了综合应用实例或者小型应用程序，将理论应用到实践中，可以提高读者的实际应用能力，巩固开发基础知识。
贴心的提示
为了便于读者阅读，全书还穿插着一些技巧、提示等小贴士，体例约定如下。
提示：通常是一些贴心的提醒，或者是让读者加深印象，或者是提供建议，或者是解决问题的方法。
注意：提出学习过程中需要特别注意的一些知识点和内容，或者相关信息。
技巧：通过简短的文字，指出知识点在应用时的一些小窍门。
读者对象
本书内容简明易懂，有丰富的案例和习题，既可作为在校大学生学习使用前端网页设计的参考资料，也适合作为高等院校相关专业的教学参考书，还可以作为非计算机专业学生学习HTML CSS JavaScript 的参考书。
本书由刘爱江、靳智良编著，参与本书编写及设计工作的还有郑志荣、侯艳书、刘利利、侯政洪、肖进、李海燕、侯政云、祝红涛、崔再喜、贺春雷等，在此表示感谢。在本书的编写过程中，我们力求精益求精，但难免存在一些不足之处，敬请广大读者批评指正。
编　者

免费在线读

1．base 元素
在HTML5 中建议把base 作为head 的第一个子元素，这样head 中的其他元素就可以使用base 的信息了。如下代码演示了base 元素的使用方法。
head
base href="http://www.oa.cn/" target="_blank" /
/head
body
a href="index.html " 首页 /a
/body
在这里将默认的URL 设置为www.oa.cn，因此首页的真实链接URL 是www.oa.cn/index.html。
2．link 元素
link 元素常用于链接外部样式表，示例代码如下：
link rel="stylesheet" type="text/css" href="menu.css" /
HTML5 中的link 元素不再支持charset、rev 和target 属性，但新增了sizes 属性。sizes 属性仅适用于rel 属性为icon 的情况，此时该属性用于定义图标的尺寸，示例代码如下：
link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16" /
3．meta 元素
在HTML5 中，meta 元素不再支持scheme 属性，另外新增了一个charset 属性用于快速定义页面的字符集。以下都是符合HTML5 规范的meta 元素的用法。
meta charset="utf-8 "
meta name="keywords" content="HTML, CSS,XML, XHTML, JavaScript" /

首页

在这里将默认的URL 设置为www.oa.cn，因此首页的真实链接URL 是www.oa.cn/index.html。
2．link 元素
link 元素常用于链接外部样式表，示例代码如下： HTML5 中的link 元素不再支持charset、rev 和target 属性，但新增了sizes 属性。sizes 属性仅适用于rel 属性为icon 的情况，此时该属性用于定义图标的尺寸，示例代码如下： 3．meta 元素
在HTML5 中，meta 元素不再支持scheme 属性，另外新增了一个charset 属性用于快速定义页面的字符集。以下都是符合HTML5 规范的meta 元素的用法。

4．script 元素
script 元素通常用于定义一段JavaScript脚本，或者链接外部的脚本文件。例如，下面的示例用于弹出一个显示Hello HTML5 的对话框。

在HTML5 中，script 元素的type 属性是可选的，不再支持xml 属性，而且新增了async 属性。async 属性用于定义当脚本可用时是否立即异步执行。
下面的示例代码以异步方式在页面中输出“Hello HTML5”字符串。

5．style 元素
style 元素用于定义页面所用到的CSS 样式代码。例如，下面的示例代码定义页面中p元素的字体颜色为黑色，h1 元素的字体颜色为红色。

在HTML5 中，为style 元素增加了scoped 属性，该属性可以为文档的指定部分定义样式，而不是整个文档。使用scoped 属性后所规定的样式只能应用于style 元素的父元素及其子元素。
6．title 元素
title 元素定义的标题将显示在浏览器的标题栏、收藏夹以及搜索引擎的结果中。HTML4.01 和HTML5 中的title 元素用法相同，但是要注意一个文档中该元素只能出现一次。示例如下：
HTML 5 发展过程
【例2-1】
使用上面介绍的6 个元素创建一个实例，通过该实例演示各个head 子元素的具体用法。
01 新建一个HTML 文件，搭建HTML5的基本结构。

02 在body 元素中添加要显示的内容，如下所示为本实例使用的代码。

信息查询

class="fa fa-search">

03 现在运行将会看到如图2-1 所示的效果。接下来在head 元素中使用base 元素定义页
面的默认URL 为data.yidong.com。
　　　　
04 使用meta 元素定义页面的字符集为utf-8。

05 使用meta 元素为页面添加关键字、描述信息以及版权声明。
　　

　　

　　

06 使用link 元素为页面添加一个收藏图标。
　　 07 使用title 元素设置页面的标题为“考勤管理”。
　　考勤管理
08 使用style 元素为body 中的内容定义显示样式。
　　　　　　　　

09 使用script 元素编写一段JavaScript 脚本在页面加载完成后执行。
　　
＜script＞
　　$(function(){
　　　　$("#h1").html(" 信息查询");
　　});
　　
10 保存之后再次在浏览器中查看，将会看到如图2-2 所示的运行效果。

　　

class="fa fa-search">