标签：
利用闲暇时间做点小东西~
一.什么是HTML？
1.发展历史
HTML是超文本标记语言（Hyper Text Mark-up Language）的缩写。请忽略它的英文，因为你很快会明白它为何被称为标记语言。就目前而言，互联网的静态网页均由HTML编写。
你能在很多地方找到上面的介绍。但这种表述太晦涩——什么叫静态网页？HTML长什么样子？
所以还是让我们从HTML的发展说起。
最早的时候（上个世纪九十年代初期）网上冲浪还是个新鲜事儿（话说。。咱们那时候刚刚出生？）。网页远远没有现在这样丰富多彩——多数只是一些文字堆砌。网站就是很多个网页的综合。
那时候没有PHP，没有Python，没有各种方便的脚本语言，网站的接口往往需要开发者手动写，而浏览网页也是一件麻烦的事情——没有一个统一的网页编写和解析方式，程序员必须为每个网站单独写一个浏览器。这就好比两个人想要通信，就必须有一套公用的码本。
所以大家就坐下来开会，讨论出一套网页编写的规范和标准——网站必须按照这个标准去编写网页，浏览器则可以按照这个标准来解读和显示网页。比如，该如何表示文本，如何标记图像和视频，如何规定相应文本格式。。这就是最早期的HTML标准。
93年网景浏览器发表，点燃了互联网热潮。自此越来越多的浏览器被发布，而HTML也越发受到各大厂商的重视，逐渐成为网页文档编写的标准。
从91年诞生至今，HTML版本已经发展到了HTML5。当前主流的版本是HTML4和HTML5，后者是前者的超集。本文的知识点，均基于HTML4。
因此，直观的理解就是：HTML是一套网页文档的编写规范。
2.HTML初体验
我们从一个最简单的例子开始讲。
<html> <head> <title>Hello Wenli</title>
</head> <body> <p>学习制作网站是件有趣的事情</P>
<p>+U~</p> </body> </html>
这就是一个最简单的html文档。
仔细观察文档包含了很多用尖括号包起来的东西，称为标签。标签成对出现，前一个表示开始，后一个加上一个 / 表示结束。下面对例子中的标签详细解释：
我们把需要展示给用户看的文本、图片、表格都放在<body>之间。一个html页面可以包含文本、超链接、表格、表单、图像、视频等等。接下来我们需要做的只是学习各个标签的使用方法，然后往文档里面加就可以了。
这就是为什么html被称为标记语言。
比如我想在html页面添加一个表格，就使用<table>标签：
<html> <head> <title>Hello Wenli</title> </head> <body> <p>学习制作网站是件有趣的事情</P> <p>+U~</p>
<table border="1"> <tr> <td>2000</td><td>悉尼</td> </tr> <tr> <td>2004</td><td>雅典</td> </tr> <tr> <td>2008</td><td>北京</td> </tr> </table>
</body> </html>
3.试一试这个例子
新建一个txt文件，把上述代码复制进去，然后改变后缀名为html。
用浏览器打开看看。
二.接下来需要做什么呢？
首先熟悉各个标签的用法。不需要死记硬背，一方面很多的标签可以望文生义，另一方面熟能生巧。
再接下来，你会觉得单纯标签还是太无聊了。我想改变文字的颜色，想要界面排版更好看，想要图片圆角加阴影。。。这就需要去设置标签的属性。
再然后。。你会觉得一个个手动设置属性实在是太烦啦。没关系，请移步CSS学习。
接下来。。我已经懒得自己写CSS了怎么办？没关系，bootstrap拯救你。
一站式学习： http://www.w3school.com.cn ，先看html，然后css3，最后javascript和jquery。
bootstrap：http://v2.bootcss.com/
学习建议：去w3school边看边学~
tips：我并不喜欢掌握太多的css技巧，因为框架别人都给你搭好了，只要会调用就可以——当然，我的审美决定了我掌握再多CSS也没有用。。
三.编辑器和开发工具的选择
妥妥的sublime text2+firefox/chrome。sublime配色很棒~
个人很喜欢firebug，chrome的调色板也非常赞，绝对的前端神器。
小tip：在浏览器内按F12可以使用开发者控制台。最后来一张sublime的截图：
FAQ
1.什么是web1.0？web2.0？web3.0？
web1.0时代是“静态网页”时代，也是门户网站时代（当时中国两大门户，新浪搜狐）。其最大特点是：网站负责提供和编辑信息，用户只是单纯的接纳信息，并没有太多的交互。（静态网页的概念见FAQ2）
web2.0时代是用户体验时代，也是社交网络时代。我们今天能见到的各种社交网站，Youtube，facebook，twitter，微博、博客。。。都是2.0的产物。这一时期明显的特点在于：网站并不只是输出信息，而是作为一个用户交流的平台。用户是信息的生产者，携带者和消费者。
可以认为早期各种论坛就是web2.0的开端，但论坛的交互性不强（一页一页翻帖子很累啊），用户的体验远不如博客和空间。所以一些红极一时的论坛在2.0时代到来后逐渐没落。
web3.0目前只是一个朦脓的概念——实际上何为web3.0依然存在各方争论。但有一点是可以确定的：web3.0时代是一个信息主动寻找人的时代。我们不需要自己主动去寻找喜欢的歌曲，音乐软件会自动根据个人喜好推荐；不需要在淘宝浪费时间精力去找衣服，推荐系统会依据我的身材外貌给我找到合适的。单身狗也不需要。。。咳咳，扯远了。
目前看起来，3.0时代距离尚远，但机器学习和大数据的不断技术突破，让我们有理由相信这一天最终会到来。
2.什么是静态网页？
标签：
原文地址：http://www.cnblogs.com/heathcliff/p/5023778.html
