互联网正在改变我们的生活，前端也成了很重要的岗位之一，许多人都往前端靠拢，可又无能为力，不知所措，首先我们说为什么在编程里，大家都倾向于往前端靠呢？原因很简单，那就是，在程序员的世界里，前端开发是最简单的编程，因为它真的很简单，下面，我就开始一点一点的教大家如何开始前端知识的学习
首先我们学习前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。
零基础学web前端系列：入门必备知识
HTML，CSS，JS
一、理解HTML，CSS，JS分别是什么
HTML：是静态网页，该文档本身2113只有页面结构，可以显示页面内容；CSS：层叠样5261式表，通过设置对应的样式属性可以修改4102html文档内各元素的显示、位置等样式；如修改颜色、字体、字号、宽高、位置、背景等。Javascript：动态脚本语言，广泛应用于web应用的功能开1653发以及丰富页面体验，可以动态控制页面内容；如修改页面文字、图片回、各种效果、功能等；一个通俗的例子：HTML就像答人的身体，CSS就像人的衣服，Javascript就像人的思想和行为。
二、零基础学会前端
首先我们需要用到的软件，对于入门级来说我们一般推荐大家用Dreamweaver，简称DW，新建一个HTML后，出现的界面是这样的，
零基础学web前端系列：入门必备知识
看到这么多代码不要慌，对我们敲代码没有影响，下面我们开始敲代码，我们可以看到这里有这样的代码，这个就是我们网页的身体，我们接下来要敲的内容都是在这中间输入的，这个括号表示的标签，标签都是一前一后的，成对出现的，除了一些特殊的标签，随后我再一一给大家讲解。现在我们输入点内容，看看效果。
零基础学web前端系列：入门必备知识
我们输入一个标签，点击右上角的地球浏览一下，会发现弹出了一个空网页，什么也没有，那是因为我们现在只书写了HTML，还没有写CSS，简单来说就是，我们创建了一个东西在页面里，但是还没有设置这个东西长什么样子，现在我们在设置它的样子，
零基础学web前端系列：入门必备知识
1、我们为了给这个div设置样式，所有先给它起个名字不然，电脑不知道我们要给谁加样式，class="aaa" 的意思是起名为aaa
2、在里写入这样一组标签这个style的意思就是CSS，我们整个网站要加的所有样式都是写在这个中间的。
3、我们在style里写样式，电脑首先要知道我们给谁加样式，所有我们写个。aaa 这个。（点）的意思是我要给aaa加样式，电脑会自动把。（点）后面的名字，跟下面body里的名字做一个匹配，这样电脑就知道，哦——原来你是要给这个div加样式呀，
4、然后我们把要给这个div加的样式写在大括号里，width:100px; 意思是这个div的宽是100像素，height:100px; 意思是高是100像素，background-color:#FF0000; 意思是背景颜色是#FF0000这个颜色，
注意：（1）这里我要给大家解释一下，大家别看这么多代码，这么多单词，其实软件有提示，像下面这样，直接输入第一个字母后面的单词就出现了，直接选中就行了，连单词都不用背，前端真的很简单，
零基础学web前端系列：入门必备知识
输入w和输入h，会自动弹出单词框
零基础学web前端系列：入门必备知识
零基础学web前端系列：入门必备知识
（2）每一个单词都有提示，说到这里，不会英语的同学就不要给自己找借口说英语不好，学不会编程了，当然，这么简单是不是说大家都容易学会，那大家都会了，我们还有什么优势呢，其实不然，虽然说很简单，但是要想真真的把前端学好是需要下功夫的，主要就是要坚持，虽然很简单，但是能坚持下来的人很少，这也就是为什么我们给学生一直提倡要坚持，做任何事既然决定了，就要坚持，
下面我们继续，设置好了以后，我们就可以点右上角的“小地球”来浏览了，
零基础学web前端系列：入门必备知识
如果你做出来了，跟我的效果一样，那么你就成功了，那我就可以恭喜你，你已经入门了，真的很简单！
如需转载，请注明文章出处和来源网址：
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！
史上最全的前端面试web前端面试题第一道—web标准
WEB标准不是某一个标准，而是一系列标准的集合。
网页主要由三部分组成：结构，表现和行为
史上最全的前端面试web前端面试题第一道—web标准
1.结构（Structure）
结构化标准语言主要包括HTML和XHTML以及XML，在页面body里面我们写入的标签都是为了页面的结构。
①HTML
HTML英语意思是：Hypertext Marked Language，即超文本标记语言，使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。是一种最为基础的语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。所谓标记，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字属性>”来表示。
②XHTML
XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。XHTML是HTML向XML的一个过渡语言，它比HTML严谨性会高点，然后基本语言都还是沿用的HTML的标签，只不过废除了部分表现层的标签，同时在标准上要求高了点比如标签的严格嵌套，标签结束等等简单的说，建立XHTML的目的就是实现HTML向XML的过渡。
③XML
XML（eXtensible Markup Language）即可扩展标记语言，最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。
2.表现（Presentation）
表现标准语言主要包括CSS（Cascading Style Sheets）层叠式样式表，通过CSS样式表，W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言，通过CSS样式可以是页面的结构标签更具美感。
3.行为（Behavior）
行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，标准主要包括对象模型（如W3C DOM）、ECMAScript并要求这三部分分离。
①DOM
DOM是Document Object Model文档对象模型的缩写。DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。
②ECMAScript
ECMAScript是ECMA（EuropeanComputer Manufacturers Association）制定的标准脚本语言（JAVAScript）
史上最全的前端面试web前端面试题第一道—web标准
W3C对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范：包含如下几点
1.对于结构的要求
1）标签字母要小写
2）标签要闭合
3）标签不允许随意嵌套
2.对于css和js的要求
1）尽量使用外链css样式表和js脚本。使结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。
2）样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版。
3）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery