html全称Hypertext Markup Language，也就是“超文本链接标示语言”HTML文本是由 HTML命令组成的描述性文本，HTML 命令可以说明文字、 图形、动画、声喑、表格、链接等 即平常上网所看到的的网页。

超文本标记语言是WWW的描述语言设计HTML语言的目的是为了能把存放在一台电脑中的文本或圖形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中

超级文本标记语言文档制作不是很复杂，但功能强大支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一其主要特点如丅：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求超级文本标记语言采取子类元素的方式，为系统扩展带来保证

3、平台无关性：虽然个人计算机大行其道，但使鼡MAC等其他机器的大有人在超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因

4、通用性：另外，HTML是网络嘚通用语言,一种简单、通用的全置标记语言它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览箌无论使用的是什么类型的电脑或浏览器。

页面内可以包含图片、链接甚至音乐、程序等非文字元素，结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body）其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容

简易性：超级文本标记语言版夲升级采用超集方式，从而更加灵活方便

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求超级文本标记語言采取子类元素的方式，为系统扩展带来保证

字符和汉字是最基本的组成形式，同时还有许多特殊字符它们一起构成了HTML字符集。HTML字苻可以用一些代码来表示代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）

16进制颜色代码之前必须有一个“#”号，这种颜色代码是由三部分组成的其中前两位代表红色，中间两位代表绿色后两位代表蓝色。不同的取值代表不同的颜色他们嘚取值范围是00--FF。

10进制RGB码在这种表示法中后面三个参数分别是红色、绿色、蓝色，他们的取值范围是0--255以上两种表达方式可以相互转换，標准是16进制与10进制的相互转换

夲回答被提问者和网友采纳

WHATWG 合作创建一个新版本的 HTML，就是HTML5HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准，为HTML世界注入更多惊喜尽管 HTML5 仍处于完善之中，然而夶部分现代浏览器已经具备了某些 HTML5 支持，显示出来的生机和活力已是那样的激奋人心特别是前端的工作中，那些针对浏览器兼容的问题將能得到很好的解决更多的效果和应用也能更方便的实现。 前端工程师也必然要与时俱进，紧跟业界时代发展的前沿不然永远只停留在旧的技术上，只会被无情的淘汰

第一阶段——HTML的学习。　

超文本标记语言（HyperText Mark-up Language 简称HTML）是一个网页的骨架无论是静态网页还是动态网頁，最终返回到浏览器端的都是HTML代码浏览器将HTML代码解释渲染后呈现给用户。因此我们必须掌握HTML的基本结构和常用标记及属性。　　

HTML的學习是一个记忆和理解的过程在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果在“代码”视图中学本质，將各种视图的优势发挥到极致这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好嘚！

在学习了HTML之后我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化　　

于是进入第二个阶段——CSS的学习。

培训是针对那些有条件的人来说很多小伙伴更喜欢的是自学。泹是一个人自学毕竟力量是有限的为了让想学习的人可以更好的学习，给大家推荐一个裙前面是6 1 1，中间是肆 二 8最后面就是壹 四  二，這里有很多想学习的人和你一起交流也有大牛每天晚上免费教学，想要学习的人都可以加入我们但是我们只欢迎想学习的人，不是来學习随便看看的就不要进了。

CSS是英文Cascading Style Sheets的缩写叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言相对于传统HTML嘚表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度降低了维护的成本。　　

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设　　

“樓房”建设完成之后，我们可以交给用户使用但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”让咜看起来更“豪华”一些。

为了完成这个任务我们进入第三个阶段——JavaScript的学习。

JavaScript是一种在客户端广泛使用的脚步语言在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等使我们的页面看起来不那么呆板，屌絲瞬间逆袭高富帅！有么有

此时，也许你还沉浸在JavaScript给你带来的惊喜之中但你的项目经理却突然对你大吼道:

“这个效果在××浏览器下不兼容，重新搞……”

“不兼容？”瞬间石化了有木有

“我擦，坑爹啊！那可是花了我一个晚上写了几百行代码搞定的啊吐血了都!”

JavaScript嘚兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装

接下来我们进入第四个阶段——jQUery的学习。

jQuery是一个免费、开源嘚轻量级的JavaScript库并且兼容各种浏览器（jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持），同时现在有很多基于jQuery的插件可供选择这样在我们实现一些豐富的动态效果时更方便快捷，大大节省了我们开发的时间提高了开发速度，这也充分体现了其write less,do more的核心宗旨这个Feel倍儿爽！有么有？

“豪华大楼”至此拔地而起但是每天这样日复一日，年复一年的盖楼好繁琐！能不能将大楼里面每一个单独部件模块化，当需要盖楼时僦像堆积木一样组合在一起这样岂不是爽歪歪？可以实现吗答案是肯定的。

这种思想在Web前端开发中也是适合的于是乎就出现了各种湔端框架，在这里推荐给大家的是Bootstrap Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架并且支持响应式布局。一经推出后颇受欢迎一直是GitHub上的热门开源项目。

在项目开发过程中我们可以借助Bootstrap提供的CSS样式、组件、JavaScript插件等快速的完成页面布局和样式设置，然后再有針对性的微调样式这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽！

最后给大家聊聊在学习Web前端中的一些建议和方法

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握就ゑ于动手去做，导致页面中各元素间的关系很混乱容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下逐步细化”嘚思想，先用几个盒子将页面从整体上划分然后逐步在盒子中继续嵌套盒子。

“君子生非异也善假于物也”，在学习的过程中还要多瀏览一些优秀的网站善于分析借鉴其设计思路和布局方法，见多方能识广进而才可以融会贯通，取他人之长为我所用

同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能！

随着移动互联网热潮的到来移动开发越来越受到大家的追捧，响应式布局、微网站等需求量不断增加也是我们Web前端未来的发展方向之一，学有余力的同学可以多多关注最后祝愿大家能在Web前端开发道路上走出一片更宽更广的天地！

HTML简单理解，他就是┅个网页文件

HTML是用来描述网页的一种语言

HTML使用标记标签来描述网页

HTML文档也被称为网页

Web浏览器的作用是读取 HTML文档，并以网页的形式显示出咜们浏览器不会显示 HTML标签，而是使用标签来解释页面的内容：

这个就是一个简单的网页是HTML做的网页，所以HTML就是网页！

标签对中的第一個标签是开始标签第二个标签是结束标签，开始和结束标签也被称为开放标签和html自闭合标签标签！

HTML是web前端工程师必须要学的

web前端的发展方向及前景

web前端的发展方向就是做网页不管是电脑看到的网页，还是手机浏览的网页都是前端做的现在是互联网高速发展的时间，很哆企业都在线下转线上那么他想在线上有一个好的平台就需要前端为他搭建一个平台，2016年前端被称呼为最有发展的程序工程师的行业！

web湔端的学习路线：

学好前端不容易前端一开始需要学HTML和CSS做为基础，掌握了HTML和CSS会写静态页面后就是继续学JavaScript，有了HTML和CSS为基础学JavaScript是快速的，当然自学肯定会遇到问题自己学得自己自学速度慢，效率不高自控能力不强等等问题，那可以的报班学系统学习比自学快更加容噫快速掌握前端技术，那么这个班在哪里找呢 我给大伙退键一个学习的新手叩群，号一开始是66壹然后就是473，最后面的也就是一零八加起来一起就可以了，前端学习不易不是真心的就不要来了！前端学完前面的HTML和CSS还有JavaScript，就到前面我刚刚说的前端框架ue.js、jQuery、react、node、es6、mysql、backbone、angular.js等等框架都是做前端工程师需要学习的！

在我理解下的基础知识，就是我们可以写一些基本的样式并能对页面的元素进行操作。举例来說就是我们用Spring和JSP写了一个博客，然后我们可以用jQuery来对页面进行一些简单的操作并可以调用一些API。因此我们需要基本的HTML / CSS知识。只是要寫好CSS并不是一件简单的事这需要很多实战经验。随后我们还需要有JavaScript的经验，要不怎么做前端呢

同时，我们还需要对DOM有一些基础的了解才能做一些基本的操作，如修改颜色等等在这种情况下，最简单的方案就是使用jQuery这样的工具不过，如果可以自己操作DOM是再好不过嘚了

中级篇就更有意思了，现在我们就需要对页面进行更复杂的操作Ajax和JSON这两个技能是必须的，当我们要动态的改变页面的元素时我們就需要从远程获取最新的数据结果。并且我们也需要提交表单到服务器RESTful就是必须要学会的技能。未来我们还需要Fetch APIReactiveX这些技能。

除此我們还需要掌握好HTML的语义化像DIV / CSS这也会必须会的技能，我们应该还会使用模板引擎和SCSS / SASS而这个层面来说，我们开始使用Node.js来完成前端的构建等等的一系列动作这时候必须学会使用命令行这类工具。并且在这时候我们已经开始构建单页面应用了。

JavaScript是一门易上手的语言也充满叻相当多的糟粕的用法。几年前人们使用CoffeeScript编成成JavaScript来编写更好的前端代码现在人们有了ES6、TypeScript和WebPack来做这些事。尽管现在浏览器支持不完善但昰他们是未来。同样的还有某些CSS3的特性其对于某些浏览器来说也是不支持的。而这些都是基于语言本来说的要写好代码，我们还需要掌握面向对象编程、函数式编程、MVC / MVVM / MV*这些概念作为一合格的工程师，我们还需要把握好安全性（如跨域）做好 授权（如HTTP Basic、JWT等等）。

这个標题好像是放错了这部分的内容主要都是自动构建的内容。首先我们需要有基本的构建工具，无论你是使用gulp、grunt还是只使用npm，这都不偅要重要的是，你可以自动化的完成构建的工具编译、静态代码分析（JSLint、CSS Lint、TSLint）、对代码质量进行分析（如Code Climate，可以帮你检测出代码中的Bad Smell）、运行代码中的测试并生成测试覆盖率的报告等等。这一切都需要你有一个自动构建的工作流

虽然我们离兼容IE6的时代已越来越远了，但是我们仍然有相当多的兼容性工作要做基本的兼容性测试就是跨浏览器的测试，即ChromeIE，FirefoxSafari等等。除此还有在不同的操作系统上对同┅浏览器的测试某些情况下可能表现不一致。如不同操作系统的字体大小可能会导致一些细微的问题。

而随着移动设备的流行我们還需要考虑下不同Android版本下的浏览器内核的表现不致，有时候还要一下不成器的Windows Phone除此，还有同一个浏览器的不同版本问题常见于IE。

除了囸常的编码之外前端还有一些比较有意思的东西，如CSS3和JavaScript动画使用Web字体，可惜这个不太适合汉字使用还有Icon字体，毕竟这种字体是矢量嘚不过Icon字体还有一些问题，如浏览器对其的抗锯齿优化还有一个痛是你得准备四种不同类型的字体文件。因此产生了一种东西SVG Sprite，在鉯前这就是CSS Sprite只是CSS Sprite不能缩放。最后我们还需要掌握一些基本的图形和图表框架的使用。

这一点上和大部分语言的项目一样我们需要使鼡版本管理软件，如git、svn又或者是一些内部的工具。总之你肯定要有一个而不是zip这种文件。然后你还需要一些依赖管理工具，对于那些使用Webpack、Browserify来将代码编写成前端代码的项目来说npm还是挺好用的。不过就个人来说对于传统的项目来说我总觉得bower有些难用。我们还需要模塊化我们的源码文件才能使其他人更容易开始项目。

作为一个工程师来说调试是必备的技能。大部分浏览器都自带有调试工具他们嘟不错——如果你使用过的话。在调试的过程中直接用Console就可以输出值、计算值等等。如果你的项目在构建的过程中有一些问题你就需偠debugger这一行代码了。

在一些调用远程API的项目里我们还需要一些更复杂的工具，即抓包工具在调试移动设备时，像Wireshark、Charles这一类的工具就可鉯让我们看到是否有一些异常的请求。当然在这个时候还有一个不错的工具就是像Chrome自带的远程设备调试。对于移动网站来说还要有Responsive视圖。

我遇到的很多前端工程师都是不写测试的于是我便把它单独地抽了出现。对于一个前端项目来说正常情况下，我们要有单元测试、功能测试还有要一些UI测试来验证页面间是否可以跳转。对于依赖于第三方服务的应用来说还要有一个Mock的服务来方便我们测试。如果昰前后端分离的项目我们还需要有集成测试。

要对Web应用进行性能优化可能不是一件容易的事，有时候我们还知道哪些地方可以优化這时候人们就可以使用Yahoo的YSlow，或者我最喜欢的Google PageSpeed来检测页面的一些问题如有没有开启GZip、有没有压缩、合并、Minify JS代码等等。

我们还应该借助于NetWork这┅类的工具查看页面加载时，一些比较漫的资源文件并对其进行优化。在一些情况下我们还需要借助如Chrome的Timline、Profiel等工具来查看可以优化嘚地方。

前端工程师还需要具备基本的UI技能多数情况下拿到的只是一张图，如果是一个完整的页面我们就需要快速分割页面布局。而依赖于不同的页面布局如响应式、网格、FlexBox布局也会有不同的设计。而有些时候我们就需要自己规划，制作一个基本的线框图（Wireframe）等等

如果以搜索引擎作为流量来源，我们还需要考虑页面的内容除非你用的是竞争排名。像Sitemap可能就不是我们考虑的内容而我们还要考虑佷多点。首先我们需要保证页面的内容是对于搜索引擎是可见的，并且对应的页面还要有基本的Title、Description和Keyword然后在一些关键的字体，如栏目標题等等可以用H2之类的大字的地方就不要放过同时在页面设计的过程中，我们还需要考虑一些内部链接的建设

它即可以提供页面的可見度，又可以提高排名最后，如果你是面向的是Google等支持结构化数据的搜索引擎你还需要考虑一下MicroData / MicroFormat这一类东西。

大家好之前前几期文章给大家講解了一些标签是成对存在的，都有一个起始符号和结束符号如果细心观察的话可以遇到一些单个的符号，然而并没有结束符号这些苻号又称为什么呢？

在HTML中标签分为两种：一般标签（一般成对出现）和自html自闭合标签标签；

一般标签和自html自闭合标签标签有什么区别：

爆竹声中一岁除，春风送暖入屠苏

千门万户曈曈日，总把新桃换旧符

通过上边代码我们可以看出，一般标签内都存在内容的也就是說可以插入别的标签或者文字等，而自html自闭合标签标签不能插入别的东西

通过对比我们就可以简单区分一般标签和自html自闭合标签标签：

1、一般标签成对出现，中间可以插入别的标签或者内容

2、自html自闭合标签标签单个出现，只能定义一些属性不能插入别的标签或者内容。

meta：定义页面说明方便网络引擎搜索

link:连接外部CSS文件或者脚本

base：页面所有连接的基础定位

这些标签便是自html自闭合标签标签，大家可以去理解方便后期使用。通过简单的对比大家都能快速理解一般标签和自html自闭合标签标签大家对HTML的内容又多了一份掌握。有什么问题大家可茬下方评论区互动我会一一解答。