前言：

在阅读本文之前，您应该对html和css，javaScript有基础的了解，推荐使用W3Cshool来学习基础知识。

开发工具准备：

轻量级工具有:

记事本 优点：系统自带，免安装，轻量级，缺点：几乎没有任何额外功能，额，换行除外！

web前端全套教程（web前端实战教程1）(1)

notepadd

notepad 优点:轻量级，启动速度快，语法提示，代码着色，可折叠代码块，代码行提示等等，缺点：插件少，功能还是不够强大！

web前端全套教程（web前端实战教程1）(2)

submit3

Submit:优点：轻量级，界面美观，通过插架功能，几乎是最优秀的轻量级编辑器之一(特别是近几年非常火爆) 缺点：对于国内cms,论坛类程序，混合标签的首末判定还是不够智能，代码提示功能太弱!还有就是配置麻烦，折腾人！

web前端全套教程（web前端实战教程1）(3)

Dreawear:国人喜欢破解版的cs6和cc版，以前的web开发必备，现在已经有点落伍的味道。优点：所见即所得，代码语义分析非常强悍(没有之一)，图形化操作，功能强大。缺点：启动速度慢(重量级编辑器通病)，界面太low，对js的支持不够智能！

web前端全套教程（web前端实战教程1）(4)

Atom:github出品 优点：免费、功能强大、界面也美观，缺点：启动速度慢。

web前端全套教程（web前端实战教程1）(5)

Webstorm:jetbrains出品，本身是作为一款javascript开发功能，被广大中国开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

web前端最基本的组成语言有html,css,javaxript。举个形象的例子来说明他们各自的用途：比如盖房子：html相当于最基础的砖块，组成了房子的基本构成内容；css相当于钢筋框架和涂料，控制了砖块摆放的位置和墙壁的颜色；javascript相当于各种电器的开关和门窗把手，控制了房子的各种执行动作。由此可见，html是网页的基本元素，比如<title>,<h1>,<p>...,css控制了网页元素的样式和外观，比如宽和高width和height,背景颜色background-color:red,外边距margin:10px;javascprit控制了元素的各种执行动作和交互式反应,比如onmousehover事件(鼠标移动到元素上方要发生的事件),onload(网页载入事件要发生的事件)。在互联网技术发展日新月异的今天，我们实际使用的htm事实上基本已经被XHTML技术所替代，css发展出了以移动优先为原则,响应式的bootstrap,Foundation,SemanticUI,Pure,以及国产的AmazeUI,layui等优秀前端框架，javascript发展出了jQuery,Prototype为首的快速，简洁框架，现在的react和angular和vue重量级框架更是如日中天。关于框架介绍和各种实战技巧我们在后续篇章一一道来，我们先来看下他们的发展历史：

html发展历史：

HTML没有1.0，因为关于它的初版存在争议，1995年HTML 2.0面世，1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准，后面W3C(万维网联盟)也渐渐变成Web技术领域的权威，经过漫长的演变，2014年，HTML 5标准最终面世。

HTML 2.0——1995年11月，RFC 1866发布

HTML 3.2——1997年1月14日，W3C发布推荐标准

HTML 4.0——1997年12月18日，W3C发布推荐标准

HTML 4.01——1999年12月24日，W3C发布推荐标准

HTML 5——2014年10月28日，W3C发布推荐标准

CSS发展历史：

CSS（Cascading Style Sheets，层叠样式表）是一种将表示样式应用到标记的系统。CSS以设计、改变其HTML页面的样式而知名，并使用于Web和其他媒介，如XML文档中。1996年12月W3C推出了CSS规范的第一个版本，1998年W3C发布了CSS的第二个版本即CSS2.0,2001年5月W3C开始进行CSS3标准的制定，到目前为止该标准还没有最终定稿。

JavaScript发展历史：

JavaScript诞生于1995年。起初它的主要目的是处理以前由服务器端负责的一些表单验证。在那个绝大多数用户都在使用调制解调器上网的时代，用户填写完一个表单点击提交，需要等待几十秒，完了服务器反馈给你说某个地方填错了......在当时如果能在客户端完成一些基本的验证绝对是令人兴奋的。当时走在技术革新最前沿的Netscape（网景）公司，决定着手开发一种客户端语言，用来处理这种装简单的验证。当时就职于Netscape公司的布兰登·艾奇开始着手计划将1995年2月发布的LiveScript同时在浏览器和服务器中使用。为了赶在发布日期前完成LiveScript的开发，Netscape与Sun公司成立了一个开发联盟。而此时，Netscape为了搭上媒体热炒Java的顺风车，临时把LiveScript改名为JavaScript，所以从本质上来说JavaScript和Java没什么关系。

JavaScript 1.0获得了巨大的成功，Netscape随后在Netscape Navigator 3（网景浏览器）中发布了JavaScript 1.1。之后作为竞争对手的微软在自家的IE3中加入了名为JScript（名称不同是为了避免侵权）的JavaScript实现。而此时市面上意味着有3个不同的JavaScript版本，IE的JScript、网景的JavaScript和ScriptEase中的CEnvi。当时还没有标准规定JavaScript的语法和特性。随着版本不同暴露的问题日益加剧，JavaScript的规范化最终被提上日程。

1997年，以JavaScript1.1为蓝本的建议被提交给了欧洲计算机制造商协会（ECMA，European Computer Manufactures Association）该协会指定39号技术委员会负责将其进行标准化，TC39来此各大公司以及其他关注脚本语言发展的公司的程序员组成，经过数月的努力完成了ECMA-262——定义了一种名为ECMAScript的新脚本语言的标准。第二年，ISO/IEC（国标标准化组织和国际电工委员会）也采用了ECMAScript作为标准（即ISO/IEC-16262）。

Html简介:
  • HTML 语言用于描述网页。
  • HTML 是指超文本标记语言: Hyper Text Markup Language
  • HTML 不是一种编程语言，而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签及文本内容
  • HTML 文档也叫做 web 页面
Xhtml介绍：
  • XHTML 是以 XML 格式编写的 HTML。
  • XHTML 指的是可扩展超文本标记语言
  • XHTML 与 HTML 4.01 几乎是相同的
  • XHTML 是更严格更纯净的 HTML 版本
  • XHTML 是以 XML 应用的方式定义的 HTML
  • XHTML 是 2001 年 1 月发布的 W3C 推荐标准
  • XHTML 是大小写敏感的，标准的 XHTML 标签应该使用小写。
  • XHTML 得到所有主流浏览器的支持
Xhtml和html的区别：

文档结构

  • XHTML DOCTYPE 是强制性的
  • <html> 中的 XML namespace 属性是强制性的
  • <html>、<head>、<title> 以及 <body> 也是强制性的

元素语法

  • XHTML 元素必须正确嵌套
  • XHTML 元素必须始终关闭
  • XHTML 元素必须小写
  • XHTML 文档必须有一个根元素

属性语法

  • XHTML 属性必须使用小写
  • XHTML 属性值必须用引号包围
  • XHTML 属性最小化也是禁止的

<!DOCTYPE ....>是强制性的

XHTML 文档必须进行 XHTML 文档类型声明（XHTML DOCTYPE declaration）。

<html>, <head>, <title>, 和 <body> 元素也必须存在，并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间。

参考网站：w3cshool,csdn

,