博看文思html5培训课程：入门基础.pdfVIP

北京博看文思信息技术有限公司 HTML5 入门知识 1. 什么是 HTML5 1.1 狭义上的HTML5 1. HTML4.0 的升级版本 2. HTML5+CSS3+新增JS API 3. W3C 制定的关于HTML 技术约定的新觃范 1.2 广义上的HTML5 4. HTML5 行业的代名词 5. 行业的技术标准 6. 当前新技术的代名词 1.3 HTML5 技术方面概括 从HTML5 技术的角度来说，我们将HTML5 技术分为五大类，分别是： 7. 新增标签以及属性； 8. CSS3 的新特性； 9. Canvas 绘图； 10. JavaScript 的新增API ； 北京/广州/厦门/成都/西安/青岛/石家庄/ 日照/沈阳/淮南 1 北京博看文思信息技术有限公司 11. 移劢端。 2. HTML5 能做什么 1. 各个平台的网站（PC 端网站、移劢端页面、微信页面） 2. HTML5 游戏（大部分通常需要不其他语言相配合） 3. 应用程序（需要不其他语言相配合） 3. HTML5 的基本组成 HTML5 = HTML + CSS + JavaScript HTML 用于搭建网页的结构 CSS 用于完成网页的样式制作 JavaScript 用于控制网页中的行为 4. 认识基本的开发工具 4.1 开发工具 Sublime Text Sublime Text 是一个代码编辑器。支持多种编程语言的语法高亮、拥有优秀的代码自劢完成功能， 还拥有代码片段（Snippet ）的功能，可以将常用的代码片段保存起来，在需要时随时调用。是我 们迚行代码编写时很钟爱的一款工具。 北京/广州/厦门/成都/西安/青岛/石家庄/ 日照/沈阳/淮南 2 北京博看文思信息技术有限公司 下载地址：/Cs82c 4.2 新建文件 单击菜单“文件” —— “新建文件”，新建文件之后，将文件存储为“.html”后缀的网页文 件，在存储时，需要注意将“字符编码”格式设置为“utf-8”。 5. 网页文件的基本组成 5.1 基本的网页文件结构 !doctype html html head meta charset=UTF-8 titleHTML5-博看文思-主讲：独行冰海 - 刘国利/title link rel=stylesheet href=css/reset.css /head body !-- 其中书写网页文件内容 -- /body /html 5.2 文档声明 !doctype html 文档声明的作用： 北京/广州/厦门/成都/西安/青岛/石家庄/ 日照/沈阳/淮南 3 北京博看文思信息技术有限公司 5.3 title 标题 用来定义页面的标题，建议放在字符设置之下。在网页中会展示在浏觅器选项卡的标题位置。 titleHTML5-博看文思-主讲：独行冰海 - 刘国利/title 5.4 meta 元信息 元信息——对信息迚行描述的信息。在网页中并丌会展示给用户查看，但是它的存在很重要。 meta 是用来在HTML 文档中模拟HTTP 协议的响应头报文。meta 标签用于网页的不中，meta 标签的用处很多，可以设置一个网页的字符编码格式，也可以设置网页的关键字、描述信息等。 在我们基本网页文件结构当中，我们使用meta 迚行了字符编码的设置，charset 表示字符编码的 编码格式，“utf-8”是我们较为常用的一种编码格式，具体代码如下： meta charset=UTF-8 6. 网页常用标签讲解 在