html5 app 开发教程-html5开发app

HTML5学习QQ群：3393367359

主要内容

1. 什么是HTML？

2. HTML的作用是什么？

3. HTML的发展史

4. 课程体系目标以及内容介绍

什么是HTML

所谓的HTML是一种通常应用于网页和手机开发的编程语言，全称是Hyper Text Mark-up Language，中文翻译过来叫做超文本标记语言。看到这里有些朋友可能要吐槽了，无论是英文还是中文好像都是看不懂啊！那么我们就来逐一的解释一下。

首先，什么叫做超文本？文本是很容易理解的东西，就是一段文字，可能是小说、散文和段子等等，

那么超文本指的就是不仅仅是文本，还包括互联网上传播的其他数据，比如图片，音频和视频等等，这些内容是比文本更加受到用户欢迎的，

一段优衣库的小视频可以瞬间传遍全网，但是如果仅仅是一篇描述该事件的新闻，不但传播的广度不够，恐怕还会被广大网友骂无图无真相啊！

所以首先要搞清楚的是HTML这种编程语言可以处理的内容不仅仅限于文本，而是超越文本的。

2.其次，什么是标记？所谓的标记是HTML的核心元素，大家现在可以简单的这样理解，以后编写HTML代码的时候，90%的时间是在和标记打交道。那么标记的作用是什么呢。大家先回忆一下我们上学的时候用的标记笔，通常笔尖都比较的粗，同时还有各种各样的颜色，当我们在考试前几天在书本上划题的时候最是管用，用蓝色的标记笔标记出来的是重点，黄色的是去年考过的题目，而红色的则是必考的内容等等。

HTML当中的标记与记号笔的类似，首先HTML当中包含了很多的标记，每一个标记都有明确的作用，比如有的可以把字体加黑，有的可以让文本居中，还有的可以在网页当中放置图片等等，这些标签主要是对网页内容的字体、位置和样式等等进行规定。如果没有这些东西，网页当中仅仅是一些文字和视频的罗列，看起来就非常的low比。

3.最后，所谓的Language当然是说HTML是一种编程语言，但是它和传统的C，Java等编程语言有很大的区别，HTML的核心目标是如何把网页当中的内容采用更加合理和美观的方式展示出来，而C和Java语言则是用于实现复杂的逻辑。

那么把以上的内容综合起来就可以知道，所谓的HTML就是一种可以把文字、图片、音频和视频等等内容在网页当中采用美观的方式展示出来的编程语言，是整个互联网的基石之一，一门非常重要而且炫酷的技术； 但是以上我们介绍的是狭义上的HTML，从广义来说HTML技术体系还包含了JavaScript编程语言和CSS技术，后面的这两种技术在网页开发当中的作用也非常的重要，在我们的课程体系当中也会涉及到，但是他们的具体作用我们会在后面的课程当中为各位详细的介绍？

HTML的发展史

学习一门技术首要要了解它的发展历程，这样能够更加有效的帮助我们理解这门技术，当然最重要的还是可以帮我们判断这项技术的发展趋势，抓住技术发展的脉络才不会被淘汰。

1980年，物理学家博纳斯-李在欧洲核子研究中心工作的时候，为了在研究人员当中共享文档，开发出了名字叫做ENQUIRE的系统，这个系统被使用了一段时间之后。到了1989年，博纳斯在一份备忘录当中突出了一个基于互联网的超文本系统，并在1990年底完成了可以使用HTML的浏览器和客户端。最初的HTML非常的简陋，只包含有18个标签，主要是在科技领域使用，但是不管怎么说，算是开了一个好头。

当然，一门技术的发展不能仅仅靠一个人，时间来到1994年，W3C，也就是由博纳斯创建的万维网联盟开始负责制定HTML标准，随后经历了近二十年的不断发展，发布了HTML2.0，3.0和4.0等等很多的版本，到了2014年的10月28日html5 app 开发教程，正式的完成了HTML5标准的制定。我们这门课程就是基于这项最新发布的标准设计的，希望能为大家带来最近的技术和最好的学习体验。

但是虽然说W3C发布了HTML5标准，但是毕竟HTML代码的执行需要依靠浏览器，目前的浏览器市场真的是非常的热闹，市场份额排名靠前的有Chrome、Firefox、Safari、Opera和IE。不同的浏览器对HTML标准的遵守程度不太一样，这也就导致了我们这些苦逼的前端工程师，必须解决浏览器的兼容问题，也就是说，相同的HTML代码在不同的浏览器上可能会展示出不一样的显示效果，需要使用各种编程技巧去解决它们。但是话又说回来，随着技术的进步，其实各家的浏览器正在向统一的标准靠拢，比起十年前Mars做网页开发的时候html5 app 开发教程，已经好很多了。

课程体系的目标和内容

HTML技术发展了二十多年，内容博大精深，不是三两天就可以掌握的，那么我们花费这么大的力气学习一门技术究竟是为了什么？当然是出任CEO迎娶白富美啊！ 掌握了HTML技术可以让我们完成各种类型的网站开发，各种漂亮的颜色和炫酷的动画都可以使用HTML以及相关的技术来实现，

除此之外还可以完成手机上应用程序的开发，也就是现在大热的WebApp或者是混合式的APP，总而言之就是狂拽酷炫吊炸天。

想象一下，我们开发的网站每天有几十万人使用，或者是手机上的APP下载量超过了一百万，那种满足感和成就感，简直不谈啊！ 但是我们还是要从一点一滴做起，课程体系的内容主要包含有以下几部分：

HTML与CSS基础：这部分内容是整个课程的根基，学习完这部分内容之后，就可以完成一些比较简单的网页开发工作；

JavaScript编程语言：仅仅有HTML和CSS只能做出静态的网页内容，如果我们掌握了JavaScript就可以在网页上加载各种各样的动态效果，例如大家上网时经常用到的多级联动菜单等等；

JQuery函数库：JQuery是建立在JavaScript编程语言基础之上的一套开发工具，有些功能如果纯粹的使用JavaScript进行开发，可能需要几十行甚至是上百行的代码，但是使用了JQuery之后，就可以大大的简化开发的流程，也许几行代码就可以搞定；

各类PC端开发框架：所谓的开发框架大家可以理解成为一些代码的半成品，如果直接开发一个网站像是从打地基开始盖一个房子，整个的过程不但非常的辛苦，而且速度很慢。有了开发框架之后，就像是已经有一个一栋盖好的毛坯房，我们只需要在房子里面进行装修就好了；

HTML5和CSS3新特性：HTML5和CSS3作为HTML历史上最重要的一个版本，加入了大量的新技术，在我们的课程当中都会一一的详细介绍；

响应式布局：现在越来越多的用户开始使用手机浏览网页，但是手机和PC的屏幕以及操作方式的区别非常之大，有的时候同样的网站我们不得不写两套代码，一套是用于PC机使用的，另外一套是用于手机的。但是有了响应式布局，就可以让我们只需要编写一套代码，就可以同时在手机和PC上运行，是不是很流弊啊！

移动端WebAPP开发：HTML5标准制定的过程，正是移动互联网高速发展的过程，所以HTML5也包含了大量对于移动设备的支持。使用HTML5开发的WebAPP可以同时运行在苹果和安卓手机上；

各类场景开发：微信场景开发，混合式场景开发等等，仅仅掌握一门技术是没有价值的，还需要将这门技术应用到不同的场景当中，解决客户的具体需求和问题，才能称之为真正的掌握。所以在我们的课程当中，穿插了大量的应用场景，手把手的教会大家如何在不同的场景下使用HTML5技术，帮助大家掌握最前沿的实战经验和开发技巧；